연습:서화작품.xsl 편집하기

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:template match="/">
        <html>
        <head>
            <style>
                .art-container { font-family: "Malgun Gothic", sans-serif; display: flex; flex-wrap: wrap; gap: 20px; }
                .art-card { border: 1px solid #ddd; border-radius: 8px; overflow: hidden; width: 300px; box-shadow: 2px 2px 8px rgba(0,0,0,0.1); }
                .art-image { width: 100%; height: 200px; object-fit: cover; background-color: #f9f9f9; border-bottom: 1px solid #eee; }
                .art-info { padding: 15px; }
                .art-title { font-size: 1.2em; font-weight: bold; color: #2c3e50; margin-bottom: 5px; }
                .art-creator { color: #d35400; font-weight: bold; margin-bottom: 10px; }
                .art-desc { font-size: 0.9em; color: #666; line-height: 1.5; height: 4.5em; overflow: hidden; }
                .art-location { margin-top: 10px; font-size: 0.85em; color: #999; text-align: right; }
            </style>
        </head>
        <body>
            <div class="art-container">
                <xsl:for-each select="work_list/work">
                    <div class="art-card">
                        <img class="art-image" src="{iconUrl}" alt="{title}"/>
                        <div class="art-info">
                            <div class="art-title"><xsl:value-of select="title"/></div>
                            <div class="art-creator"><xsl:value-of select="creator"/></div>
                            <div class="art-desc"><xsl:value-of select="description"/></div>
                            <div class="art-location">소장: <xsl:value-of select="location"/></div>
                        </div>
                    </div>
                </xsl:for-each>
            </div>
        </body>
        </html>
    </xsl:template>
</xsl:stylesheet>


[[분류:디지털 큐레이션 지원 시스템]] [[분류:김현]]