ケーキショップ

課題 
<?xml version="1.0" encoding="UTF-8"?>
<!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=UTF-8" />
<meta http-equive="Content-Style-Type" content="text/css" />
<title>ケーキショップ　トップページ</title>
<style type="text/css">

<!--
/*reset*/
*{
    margin:0;
    padding:0;
}
body{
    font-size:0.875em;
    line-height:1.0;
    background-color:#005790;
    background-image:url(../images/bg.jpg);
    background-repeat:repeat-x;
    overflow-y:scroll;
}
imag{
    border:none;
}
ul{
list-style-type:none;
}
p{
    line-height:1.3;
    margin:8px 0 11px;
}
a{
    color:#015790;
}
-->
</style>
</head>

<body>
<!--▼#container-->
<div id="container"

<!--▼#header-->
<div id="header">
<h1><a href="index.html"><img src="images/logo.jpg"
alt="Want Cake" height="55" width="260" /></a></h1>


<!--▼#nav-->
<div id="nav">
<ul>
<li><a href="index.html" class="menu_index"></a></li>
<li><a href="products.html" class="menu_products"></a></li>
<li><a href="shop.html" class="menue_shop"></a></li>
<li><a href="mailto:xxxxx@xxxxx.jp" class=menu_mail"></a></li>
</ul>
</div>
<!--▲#nav-->

<p><img src="images/main_photo.jpg" width="680" height="236"
alt="メインイメージ" class="main_image" /></p>
</div>
<!--▲#header-->

<!--▼#content-->
<div id="content">

<!--▼#main-->
<div id="main">
<h2><img src="images/news_title.gif" width="475" height="25"
alt="新着情報" /></h2>

<dl class="news_date">
<dt>2008.10.10</dt>
<dd class="news_content">スペシャルキャンペーン期間中、お休みをさせて頂いておりました、<span class="news_keyword">NYチーズケーキ</span>、<span class="new_keyword">レアチーズケーキ</span>のオーダー受付を再開させて頂きました。</dd>

<dt>2008.09.25</dt>
<dd class="news_content"><span class="new_keyword">スペシャルキャンペーン</span>
実施中！人気のケーキが<span class="news_keyword">5%オフ</span>!</dd>
</dl>
</div>


<h2><img src="image/recommend_title.gif" width="475" height="25"
 alt="おすすめ商品" /></h2>

<!--▼.product-->
<div class="product">
<p><img src="image/top_item_photo1.jpg" width="150" height="120"
alt="チーズスフレ　商品写真" class="product_item" /></p>
<p class="product_name"><a href="item.html">チーズスフレ</a></p>
<p class="product_price">1個 480円</p>
<p>ふんわりと口の中で溶けるチーズスフレに、生クリームをたっぷり乗せた一品です。
</p>
<p><a href="item.html"><img src="image/top_moreinfo_btn.gif" width="83"
height="16" alt="詳細を見る" /></a></p>
<p><a href="images/item_photo01.jpg"><img src="images/top_morelook_btn.gif"
width="105" height="16" alt="大きな写真をみる" /></a></p>
</div>
<!--▲.product-->

<!--▼.product-->
<div class="product">
<p><img src="images/top_item_photo2.jpg" width="150" height="120" 
alt="苺のバースデーケーキ 商品写真" class="product_item" /></p>
<p class="product_name"><a href="item.html">苺のバースデーケーキ</a></p>
<p class="product_price">1個 2,480円</p>
<p>大切な方のお誕生日に。ほどよい甘さで大人も子供もおいしくお召し上がりいただけます。</p>
<p><a href="item.html"><img src="image/top_moreinfo\btn.gif" width="83"
height="16" alt="詳細を見る" /></a></p>
</div>
<!--▲.product-->

<!--▼.product-->
<div class="product">
<p><img src="images/top_item_photo3.jpg" width="150" height="120"
alt="焼菓子の詰め合わせ 商品写真" class="product_item" /></p>
<p class="product_name"><a href="item.html">焼菓子の詰め合わせ</a></p>
<p class="product_price">1箱 1,680円</p>
<p>当店自慢の焼菓子の詰め合わせです。無添加の素材でひとつずつ丹念にお作りしています。</p>
<p><a href="item.html"><img src="image/top_moreinfo_btn.gif" width="83"
height="16" alt="詳細を見る" /></a></p>
<p><a href="images/item_photo01.jpg"><img src="images/top_morelook_btn.gif"
width="105" height="16" alt="大きな写真を見る" /></a></p>
</div>
<!--▲.product-->

</div>
<!--▲#main-->

<!--▼#sidebar-->
<div id="sidebar">
<p><a href="index.html" class="banner"><img src="images/banner01.jpg"
alt="バースデーケーキのご注文はこちら" height="175" width="195" /></a></p>

<p><a href="index.html" class="banner"><img src="images/banner02.jpg" 
alt="ユミの奮闘日記" height="88" width="195" /></a></p>
</div>
<!--▲#sidebar-->

</div>
<!--▲#content-->

<!--▼#footer-->
<div id="footer">
<address>Copyright(C)2008 CakeShop Corporation. All Rights Reserved.
</address>
</div>
<!--▲#footer-->

</div>
<!--▲#container-->

</body>

</html>

この課題をやりながら、自分の色々な問題点がわっかった。リスト使い方、画像の表示方法、idやclassの使い方。htmlの記述も数をこなさないといけない。