<?xml version="1.0" encoding="shift_jis"?>
<!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="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="robots" content="INDEX,FOLLOW" />
<link rev="made" href="mailto:aaa@hogehoge.com" /><!--メールアドレス -->
<link rel="start" href="http://www.hogehoge.com" />
<!--サイトのインデックスページ -->
<title>W3C準拠ホームページテンプレート</title>
<meta name="description" content="ページの内容" />
<meta name="keywords" content="キーワード" />
<link href="style/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="box">
<!--ここからヘッダー -->
<div id="header">
<img src="../image/title.gif" alt="wdcro HTML Template" width="400" height="80" id="top" name="top" />
<h1>W3C準拠ホームページテンプレート「サンプルサイト」</h1>
<ul>
<li><a href="../information/privacy.html">個人情報の取り扱い</a></li>
<li><a href="../sitemap.html">サイトマップ</a></li>
<li><a href="../contact/index.html">お問い合わせ</a></li>
</ul>
</div>
<div id="header_menu">
<ul>
<li><a href="../index.html">ホーム</a></li>
<li><a href="../information/index.html">会社概要</a></li>
<li><a href="index.html">製品情報</a></li>
<li><a href="../service/index.html">サービス</a></li>
<li><a href="../information/access.html">アクセス</a></li>
</ul>
</div>
<!--ここまでヘッダー -->
<!--ここからメイン -->
<div id="main_box">
<img src="image/img3.jpg" alt="イメージ３" width="595" height="200" id="h_image" /><br />
<h2>CDプレーヤー</h2>
<ul id="pan">
<li><a href="../index.html">ホーム</a></li>
<li><a href="index.html">製品情報</a></li>
<li>CDプレーヤー</li>
</ul>
<p>上の写真のようにメインの部分にめいっぱいの画像を貼り付けたい場合は画像の幅は595ピクセルにします。あとは普通に貼り付ければOKです。このHTMLテンプレートは全てスタイルシートでレイアウトされています。W3C勧告に準拠したウェブサイトの制作が可能です。</p>
<div class="clearfix">
<div class="main_left_box1">
<h2>使いやすさを第一に考えた「テンプレート」</h2>
<dl>
<dt>スタイルシートでレイアウト</dt>
<dd>複雑になりがちなテーブルレイアウトは排除しました。簡単なHTMLでサイトを構築!!</dd>
<dt>デザインも真剣に考えました</dt>
<dd>当然のことながら、サイトのデザイン、レイアウトもユーザーにわかりやすいサイトを構築可能なようにテンプレートを作成しています。SEO（検索エンジン最適化）についても考慮に入れたサイト設計を行っています。</dd>
</dl>
<h2>W3C準拠HTMLテンプレート</h2>
<p>このHTMLテンプレートはW3C勧告に準拠したテンプレートです。Web標準であることはホームページを制作する上でとても大切なことです。</p>
</div>
<div class="main_right_box2">
<p>このHTMLテンプレートは全てスタイルシートでレイアウトされています。W3C勧告に準拠したウェブサイトの制作が可能です。</p>
<p><img src="image/img4.jpg" alt="イメージ４" width="150" height="150" class="r" />このHTMLテンプレートは全てスタイルシートでレイアウトされています。W3C勧告に準拠したウェブサイトの制作が可能です。</p>
<p class="cl">サイトのデザイン、レイアウトもユーザーにわかりやすいサイトを構築可能なようにテンプレートを作成しています。SEO（検索エンジン最適化）についても考慮に入れたサイト設計を行っています。 </p>
</div>
</div>
</div>
<!--ここまでメイン -->
<!--ここからメニュー -->
<div id="menu_box">
<ul>
<li><a href="index.html">製品情報</a>
<ul>
<li><a href="product1.html">CDプレーヤー</a></li>
<li><a href="product2.html">ラジオ</a></li>
<li><a href="product3.html">テレビ</a></li>
<li><a href="product4.html">パソコン</a></li>
<li><a href="product5.html">ビデオカメラ</a></li>
</ul>
</li>
<li><a href="../service/index.html">サービス</a>
<ul>
<li><a href="../service/service1.html">無料修理サービス</a></li>
<li><a href="../service/service2.html">配送設置サービス</a></li>
<li><a href="../service/service3.html">リサイクルについて</a></li>
</ul>
</li>
<li><a href="../information/index.html">会社概要</a></li>
<li><a href="../information/access.html">アクセス</a></li>
<li><a href="../contact/index.html">お問い合わせ</a></li>
</ul>
<div class="t_box">
<img src="image/img2.jpg" alt="イメージ２" width="200" height="300" /></div>
</div>
<!--ここまでメニュー -->
<!--ここからフッター -->
<div id="footer">
<p>Copyright© 2005-2009 Web Design Office CROSSROAD All Rights Reserved.</p>
<ul>
<li><a href="../index.html">ホーム</a></li>
<li><a href="../information/index.html">会社概要</a></li>
<li><a href="index.html">製品情報</a></li>
<li><a href="../service/index.html">サービス</a></li>
<li><a href="../information/access.html">アクセス</a></li>
</ul>
<ul>
<li><a href="../information/privacy.html">個人情報の取り扱い</a></li>
<li><a href="../sitemap.html">サイトマップ</a></li>
<li><a href="../contact/index.html">お問い合わせ</a></li>
</ul>
</div>
<!--ここまでフッター -->
</div>
</body>
</html>