연습:서화작품.xsl - 편집 역사

2026년 3월 1일 (일) 23:34에 Tutor님의 편집

2026-03-01T23:34:51Z

← 이전 판		2026년 3월 1일 (일) 23:34 판
37번째 줄:		37번째 줄:
	==Style 적용 예시==		==Style 적용 예시==

	===오류 검사===		==오류 검사==

	{{ ValidateXml \| xml=연습:서화작품.xsl }}		{{ ValidateXml \| xml=연습:서화작품.xsl }}


	~~===전체 목록===~~

	~~{{Xslt \| xml=연습:조선서화.xml \| xsl=연습:서화작품.xsl \| height=600px}}~~

	~~===특정 작품===~~

	~~{{Xquery \| xml = 연습:조선서화.xml \| xsl = 연습:서화작품.xsl \| query = /work_list/work/@id:김정희-세한도 \| height = 200px}}~~



	[[분류:Xml]] [[분류:김현]]		[[분류:Xml]] [[분류:김현]]

2026년 3월 1일 (일) 23:33에 Tutor님의 편집

2026-03-01T23:33:16Z

← 이전 판		2026년 3월 1일 (일) 23:33 판
39번째 줄:		39번째 줄:
	===오류 검사===		===오류 검사===

	{{ ValidateXml \| xml=연습:~~조선서화~~.xsl }}		{{ ValidateXml \| xml=연습:서화작품.xsl }}

2026년 3월 1일 (일) 23:32에 Tutor님의 편집

2026-03-01T23:32:43Z

← 이전 판		2026년 3월 1일 (일) 23:32 판
34번째 줄:		34번째 줄:
	</xsl:template>		</xsl:template>
	</xsl:stylesheet>		</xsl:stylesheet>

			==Style 적용 예시==

			===오류 검사===

			{{ ValidateXml \| xml=연습:조선서화.xsl }}


			===전체 목록===

			{{Xslt \| xml=연습:조선서화.xml \| xsl=연습:서화작품.xsl \| height=600px}}

			===특정 작품===

			{{Xquery \| xml = 연습:조선서화.xml \| xsl = 연습:서화작품.xsl \| query = /work_list/work/@id:김정희-세한도 \| height = 200px}}



			[[분류:Xml]] [[분류:김현]]

2026년 3월 1일 (일) 23:30에 Tutor님의 편집

2026-03-01T23:30:38Z

← 이전 판		2026년 3월 1일 (일) 23:30 판
22번째 줄:		22번째 줄:
	<xsl:for-each select="work_list/work">		<xsl:for-each select="work_list/work">
	<tr>		<tr>
	<td><img class="art-image" src="{iconUrl}" alt="{title}"/></td>		<td><a href="{iconUrl}"><img class="art-image" src="{iconUrl}" alt="{title}"/></a></td>
	<td><xsl:value-of select="title"/></td>		<td><xsl:value-of select="title"/></td>
	<td><xsl:value-of select="creator"/></td>		<td><xsl:value-of select="creator"/></td>

2026년 2월 26일 (목) 23:20에 Tutor님의 편집

2026-02-26T23:20:51Z

← 이전 판		2026년 2월 26일 (목) 23:20 판
5번째 줄:		5번째 줄:
	<head>		<head>
	<style>		<style>
	.work-table { width: 100%; border-collapse: collapse; font-family: "Malgun Gothic", serif; font-size:13; }		.work-table { width: 100%; border-collapse: collapse; font-family: "Malgun Gothic", serif; font-size:14; }
	.work-table td { border: 1px solid #aaa; padding: 15px; text-align: left; }		.work-table td { border: 1px solid #aaa; padding: 15px; text-align: left; }
	.work-table th { border: 1px solid #aaa; padding: 15px; background-color: #e8f0f7; color: #2c3e50; text-align: center; }		.work-table th { border: 1px solid #aaa; padding: 15px; background-color: #e8f0f7; color: #2c3e50; text-align: center; }

2026년 2월 26일 (목) 23:20에 Tutor님의 편집

2026-02-26T23:20:12Z

← 이전 판		2026년 2월 26일 (목) 23:20 판
5번째 줄:		5번째 줄:
	<head>		<head>
	<style>		<style>
	.work-table { width: 100%; border-collapse: collapse; font-family: "Malgun Gothic", serif; }		.work-table { width: 100%; border-collapse: collapse; font-family: "Malgun Gothic", serif; font-size:13; }
	.work-table td { border: 1px solid #aaa; padding: 15px; text-align: left; }		.work-table td { border: 1px solid #aaa; padding: 15px; text-align: left; }
	.work-table th { border: 1px solid #aaa; padding: 15px; background-color: #e8f0f7; color: #2c3e50; text-align: center; }		.work-table th { border: 1px solid #aaa; padding: 15px; background-color: #e8f0f7; color: #2c3e50; text-align: center; }
14번째 줄:		14번째 줄:
	<table class="work-table">		<table class="work-table">
	<tr>		<tr>
	<th width="20%">작품 이미지</th>		<th width="15%">작품 이미지</th>
	<th width="20%">작품명</th>		<th width="20%">작품명</th>
	<th width="15%">작가</th>		<th width="15%">작가</th>
	<th width="30%">설명</th>		<th width="35%">설명</th>
	<th width="15%">소장처</th>		<th width="15%">소장처</th>
	</tr>		</tr>

2026년 2월 26일 (목) 23:14에 Tutor님의 편집

2026-02-26T23:14:57Z

← 이전 판		2026년 2월 26일 (목) 23:14 판
8번째 줄:		8번째 줄:
	.work-table td { border: 1px solid #aaa; padding: 15px; text-align: left; }		.work-table td { border: 1px solid #aaa; padding: 15px; text-align: left; }
	.work-table th { border: 1px solid #aaa; padding: 15px; background-color: #e8f0f7; color: #2c3e50; text-align: center; }		.work-table th { border: 1px solid #aaa; padding: 15px; background-color: #e8f0f7; color: #2c3e50; text-align: center; }
	.art-image { width: ~~80px~~; height: ~~40px~~; object-fit: contain; background-color: #f9f9f9; }		.art-image { width: 100px; height: 100px; object-fit: contain; background-color: #f9f9f9; }
	</style>		</style>
	</head>		</head>

2026년 2월 26일 (목) 23:13에 Tutor님의 편집

2026-02-26T23:13:09Z

← 이전 판		2026년 2월 26일 (목) 23:13 판
20번째 줄:		20번째 줄:
	<th width="15%">소장처</th>		<th width="15%">소장처</th>
	</tr>		</tr>
	<xsl:for-each select="~~person_list~~/~~person~~">		<xsl:for-each select="work_list/work">
	<tr>		<tr>
	<td><img class="art-image" src="{iconUrl}" alt="{title}"/></td>		<td><img class="art-image" src="{iconUrl}" alt="{title}"/></td>

2026년 2월 26일 (목) 23:08에 Tutor님의 편집

2026-02-26T23:08:26Z

← 이전 판		2026년 2월 26일 (목) 23:08 판
6번째 줄:		6번째 줄:
	<style>		<style>
	.work-table { width: 100%; border-collapse: collapse; font-family: "Malgun Gothic", serif; }		.work-table { width: 100%; border-collapse: collapse; font-family: "Malgun Gothic", serif; }
	~~.work-table th,~~ .work-table td { border: 1px solid #aaa; padding: 15px; text-align: left; }		.work-table td { border: 1px solid #aaa; padding: 15px; text-align: left; }
	.work-table th { background-color: #e8f0f7; color: #2c3e50; }		.work-table th { border: 1px solid #aaa; padding: 15px; background-color: #e8f0f7; color: #2c3e50; text-align: center; }
	.art-image { width: 80px; height: 40px; object-fit: contain; background-color: #f9f9f9; }		.art-image { width: 80px; height: 40px; object-fit: contain; background-color: #f9f9f9; }
	</style>		</style>

2026년 2월 26일 (목) 23:06에 Tutor님의 편집

2026-02-26T23:06:41Z

← 이전 판		2026년 2월 26일 (목) 23:06 판
5번째 줄:		5번째 줄:
	<head>		<head>
	<style>		<style>
	.~~art~~-~~container~~ { font-family: "Malgun Gothic", ~~sans-~~serif~~; display: flex; flex-wrap: wrap; gap: 20px~~; }		.work-table { width: 100%; border-collapse: collapse; font-family: "Malgun Gothic", serif; }
	.~~art~~-~~card~~ { border: 1px solid #~~ddd~~; ~~border-radius~~: ~~8px~~; ~~overflow: hidden; width: 300px; box~~-~~shadow~~: ~~2px 2px 8px rgba(0,0,0,0.1)~~; }		.work-table th, .work-table td { border: 1px solid #aaa; padding: 15px; text-align: left; }
	.~~art~~-~~image~~ { ~~width: 100%; height: 200px; object-fit: cover;~~ background-color: #~~f9f9f9; border-bottom: 1px solid #eee; }~~		.work-table th { background-color: #e8f0f7; color: #2c3e50; }
	~~.art-info { padding: 15px; }~~		.art-image { width: 80px; height: 40px; object-fit: contain; background-color: #f9f9f9; }
	~~.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>		</style>
	</head>		</head>
	<body>		<body>
	<~~div~~ class="~~art~~-~~container~~">		<table class="work-table">
	<xsl:for-each select="~~work_list~~/~~work~~">		<tr>
	<~~div class="art-card"~~>		<th width="20%">작품 이미지</th>
	<img class="art-image" src="{iconUrl}" alt="{title}"/>		<th width="20%">작품명</th>
	<~~div class="art-info"~~>		<th width="15%">작가</th>
	<~~div class="art-title"~~><xsl:value-of select="title"/></~~div~~>		<th width="30%">설명</th>
	<~~div class="art-creator"~~><xsl:value-of select="creator"/></~~div~~>		<th width="15%">소장처</th>
	<~~div class="art-desc"~~><xsl:value-of select="description"/></~~div~~>		</tr>
	<~~div class="art-location"~~>~~소장:~~ <xsl:value-of select="location"/></~~div>~~		<xsl:for-each select="person_list/person">
	~~</div~~>		<tr>
	</~~div~~>		<td><img class="art-image" src="{iconUrl}" alt="{title}"/></td>
			<td><xsl:value-of select="title"/></td>
			<td><xsl:value-of select="creator"/></td>
			<td><xsl:value-of select="description"/></td>
			<td><xsl:value-of select="location"/></td>
			</tr>
	</xsl:for-each>		</xsl:for-each>
	</~~div~~>		</table>
	</body>		</body>
	</html>		</html>
	</xsl:template>		</xsl:template>
	</xsl:stylesheet>		</xsl:stylesheet>