<?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@aaa.com" /><!--メールアドレス -->
<link rel="start" href="http://www.aaa.com" /><!--サイトのインデックスページ -->
<title>ページのタイトル</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">
<div id="title"><a href="index.html"><img src="image/title.gif" alt="タイトル画像" width="280" height="80" /></a> </div>
<div id="header-menu"><h1>ページの見出し、キーワードを上手に使いましょう。</h1>
<ul>
<li><a href="service/index.html" id="h_service" name="h_service">事業案内</a></li>
<li><a href="company/index.html" id="h_company" name="h_company">会社概要</a></li>
<li><a href="support/index.html" id="h_support" name="h_support">サポート</a></li>
<li><a href="recruit/index.html" id="h_recruit" name="h_recruit">採用情報</a></li>
</ul>
</div>
</div>
<div id="header-img">
<img src="image/border1.gif" alt="border1" width="760" height="20" /><br />
<img src="image/top_img1.jpg" alt="イメージ" width="760" height="150" /> </div>
<div id="main">
<div id="main-box">
<dl class="d2">
<dt>最新情報</dt>
<dd>2008.9.15：新製品、<a href="shopping/category1/page1.html">ABC社製品</a>オンラインショップで好評販売中<br />
2008.9.1：<a href="recruit/index.html">採用情報</a>を更新しました。<br />
2008.8.1：夏季休業のご案内<br />
2008.7.20：○○支店、新築移転のご案内 → <a href="company/index.html">会社概要</a><br />
2008.7.1：ホームページ公開</dd>
</dl>
<h2 id="h2_1">Sample Construction Co., Ltd.</h2>
<div id="l-box1"><img src="image/image1.jpg" alt="イメージ" width="90" height="90" class="l" />
<p>HTMLテンプレートをご購入頂きありがとうございます。このテンプレートはCSSでレイアウトしています。HTMLの記述例をよくごらんになってホームページを作成しましょう。</p>
<p>CSS・スタイルシートでレイアウトしたホームページはSEOにも効果的。ワンランク上のウェブサイト運営を目指しましょう。</p>
</div>
<div id="r-box1"><img src="image/image2.jpg" alt="イメージ" width="90" height="90" class="l" />
<p>ホームページの効率的な運営には最低限のHTMLの知識が必要です。ソフトウェアに頼りすぎたウェブサイトは見た目ばかりがきれいで実際のHTMLはすっきりしていないことも多いのです。</p>
</div>
</div>
<div id="menu-box">
<ul>
<li><a href="service/index.html" id="m_service" name="m_service">サービス・事業案内</a></li>
<li><a href="shopping/index.html" id="m_shopping" name="m_shopping">オンラインショッピング</a></li>
<li><a href="products/index.html" id="m_products" name="m_products">製品情報</a></li>
<li><a href="information/index.html" id="m_information" name="m_information">インフォメーション</a></li>
<li><a href="company/index.html" id="m_company" name="m_company">会社概要・支社のご案内</a></li>
<li><a href="support/index.html" id="m_support" name="m_support">お客様へのサポート体制</a></li>
<li><a href="menu1/index.html" id="menu1" name="menu1">メニュー1</a></li>
<li><a href="menu2/index.html" id="menu2" name="menu2">メニュー2</a></li>
<li><a href="menu3/index.html" id="menu3" name="menu3">メニュー3</a></li>
<li><a href="menu4/index.html" id="menu4" name="menu4">メニュー4</a></li>
<li><a href="menu5/index.html" id="menu5" name="menu5">メニュー5</a></li>
<li><a href="menu6/index.html" id="menu6" name="menu6">メニュー6</a></li>
<li><a href="howto/index.html" id="menu7" name="menu7">ホームページ作成方法</a></li>
</ul>
</div>
</div>
<div id="footer"><p>Copyright© 2008 <a href="http://www.wdcro.com/">Web Design Office CROSSROAD</a> All Rights Reserved.<a href="http://www.wdcro.com/">ホームページ制作依頼はクロスロード</a></p></div>
</div>
</body>
</html>