코드)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-ｅquiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<title>온라인 자문서비스</title>
</head>
<body>
<div id="wrap">
<ul>
<li><a href="#contents">본문바로가기</a></li>
</ul>
<hr />
<div id="header">
<h1><a href="#">웹 접근성 연구소</a></h1>
<ul>
<li>로그인</li>
<li>회원가입</li>
<li>사이트맵</li>
</ul>
<h2>메인메뉴</h2>
<ul>
<li>웹 접근성의 이해
<ul>
<li>웹 접근성의 정의</li>
<li>우리나라의 현황</li>
<li>법·제도</li>
<li>장애인의 웹 사이트 이용 이해</li>
<li>관련 사이트</li>
<li>홍보 동영상</li>
</ul>
</li>
<li>품질마크</li>
<li>교육/세미나</li>
<li>개발자 아카이브</li>
<li>자문서비스</li>
<li>자료실</li>
</ul>
</div><!--header end-->
<hr />
<div id="container">
<div id="aside">
<h2>자문서비스</h2>
<ul>
<li>온라인 자문서비스
<ul>
<li>이용안내</li>
<li>온라인 자문 서비스
<ul>
<li>웹 접근성 이해</li>
<li>웹 접근성 기획</li>
<li>웹 접근성 기술</li>
<li>웹 접근성 평가</li>
</ul>
</li>
<li>자문위원 프로필</li>
</ul>
</li>
</ul>
</div><!--aside end-->
<hr />
<div id="contents">
<h1>온라인 자문서비스</h1>
<p>
홈 >
컨설팅(Q&A) >
온라인 자문서비스
</p>
<h2>개요</h2>
<p>웹 접근성 관련 기술 및 제도 등에 대한 상시적인 자문 및 정보제공이 가능한 웹 접근성 one-Stop 서비스</p>
<h2>서비스 방법</h2>
<p>웹 접근성 이해, 기획, 기술, 평가 등을 온라인을 통해 상담 및 자문</p>
<h2>자문 내용</h2>
<table summary="온라인 자문 서비스 내용을 정리한 표" border="1">
<caption>온라인 자문 서비스 내용</caption>
<thead>
<tr>
<th>분류</th>
<th>주요내용</th>
<th>비고</th>
</tr>
</thead>
<tbody>
<tr>
<th>웹 접근성 이해</th>
<td>
<ul>
<li>웹 접근성 이해 법</li>
<li>제도, 국가표준</li>
</ul>
</td>
<td>웹 접근성 기초</td>
</tr>
<tr>
<th>웹 접근성 기획</th>
<td>
<ul>
<li>웹 접근성 기획 및 설계(계획수립, RFP 작성 등)</li>
</ul>
</td>
<td>개발 계획 수립</td>
</tr>
<tr>
<th>웹 접근성 기술<br />(컨텐츠 제작)</th>
<td>
<ul>
<li>인식(대체텍스트, 영상매체, 색상)</li>
<li>운용(이미지맵, 프레임제한 등)</li>
<li>이해(데이터테이블, 논리적 구성 등)</li>
<li>신기술(Flash, Javascript)</li>
</ul>
</td>
<td>콘텐츠 제작</td>
</tr>
<tr>
<th>웹 접근성 평가</th>
<td>
<ul>
<li>자동 평가(KADO-WAH)</li>
<li>전문가 평가</li>
<li>사용자 평가</li>
</ul>
</td>
<td>평가방법</td>
</tr>
</tbody>
</table>
</div><!--contents end-->
</div><!--container end-->
<hr />
<div id="footer">
<ul>
<li>한국정보화진흥원 소개</li>
<li>웹 접근성 정책</li>
<li>개인정보취급방침</li>
<li>이메일무단수집거부</li>
<li>찾아오시는 길</li>
<li>뷰어내려받기</li>
</ul>
<address>
<p>서울시 강서구 공항로 188 한국정보화진흥원 3층 정보접근지원부 ☎ 02-3660-2573</p>
<p>Copyright©2009 National Information Society Agency</p>
<p>이메일: dezaki@nia.or.kr</p>
</address>
</div><!--footer end-->
</div><!--wrap end-->
</body>
</html>
'html' 카테고리의 다른 글
| 온라인 서식 예제 미리보기 (0) | 2011.01.16 |
|---|---|
| 예제) 그림의 메인페이지 마크업 해보기 (0) | 2011.01.16 |
| 그룹화, 문자삽입 (0) | 2011.01.16 |
| 텍스트를 표현하기 위한 인라인 요소들... (0) | 2011.01.16 |
| 1.14 (0) | 2011.01.14 |