構造を示すXHTML
<body>
<div>
<img src="images/logo.gif" alt="sample site" width="253" height="68" />
</div>
<ul>
<li>ホーム</li>
<li><a href="products/index.html">製品情報</a></li>
<li><a href="services/index.html">サービス</a></li>
<li><a href="about/index.html">会社概要</a></li>
<li><a href="contact/index.html">お問い合わせ</a></li>
</ul>
<ul>
<li><a href="sitemap/index.html">サイトマップ</a></li>
</ul>
<dl>
<dt>新着情報</dt>
<dd>
このサイトは、書籍「標準Webデザイン講座 スタイルシート」でサンプルとして
使用される架空のサイトです。イメージとしては、最近見かけることの多くなっ
たCMSを利用したサイトの典型的なデザイン・パターンを意識して制作しました。
</dd>
</dl>
<h1>標準Webデザイン講座 スタイルシート</h1>
<p>
「標準Webデザイン講座 スタイルシート」は、CSSを10日間でマスターできるよ
うに構成した解説書です。レッスンは、基本的にはこのサンプルサイトを一から
制作していく流れで進めていきますが、他のパターンや手法を解説する目的で、
このサンプルサイトには含まれていないサンプルデータも使用します。
</p>
<p>
なお、このサイトは書籍に付属するサンプルデータとして制作されたもので、
実在するサイトや企業とは一切関係はありません。
</p>
<form action="">
<div>
<input id="searchbox" type="text" />
<input id="searchbutton" type="image" src="images/search.gif"
alt="検索" />
</div>
</form>
<ul>
<li><a href="day01/index.html">構造を示すXHTML</a></li>
<li><a href="day02/index.html">アクセシビリティ</a></li>
<li><a href="day03/index.html">CSSの基本</a></li>
<li><a href="day04/index.html">ボックスと背景</a></li>
<li><a href="day05/index.html">段組みパターン</a></li>
<li><a href="day06/index.html">ブラウザの問題とハック</a></li>
<li><a href="day07/index.html">ナビゲーションの作成</a></li>
<li><a href="day08/index.html">テキストを画像に換える</a></li>
<li><a href="day09/index.html">フォントとテキスト</a></li>
<li><a href="day10/index.html">CSSの応用</a></li>
</ul>
<div>
Copyright © 2006 sample site. All rights reserved.
</div>
</body>
