今日のドリ授業は、もっかいページ作成の課題を行いました。
どうやら以前FWでスライスしたやつは明日になるとのこと。
早とちりでした（＝∀＝；
今日の流れは、課題ページとなる画像を確認後、FWとDwを使っての作成でした。
・データをFWで最適化・スライス
・サイトのフォルダ作成
・Dwでサイト定義
・ 〃 マークアップ
・ 〃 CSS設定
・解答（半分程
という感じ。
一応見た目はほぼ画像どおりに作成できたました。
が、やはり色々と問題な箇所が～（汗）
なので反省点をあげてみる。
■マークアップ
・<dl><dt><dd>
例えば、トップページの新着情報部分で
「2008.12.09 会社設立10周年を迎えました。これからも～...」
という文章があった場合に、自分はこれをあろう事か<p>要素で囲んでしまう。
しかし、正しいマークアップとしては
<dl>要素で囲み、日付に<dt>、内容に<dd>
という設定が正しい感じ！
・<address>
footer部によく記述されるコピーライト。ここも<p>で囲ってしまうでしょう。
しかし、マークアップの王道は<address>要素で囲む。
イタリック？それは後でCSSで直します！
他にもアドレス要素を使う箇所はでてくると思うので注意！
・グルーピング
ページをグループ分けする際に、無駄に<div>で囲むことは宜しくない、
と以前記事で書いてたと思います。
しかし、
ほぼ<div>要素でグルーピングをやった男がいたんですよー。
なーにー、やっちまったなー！
男は黙って<p>要素！男は黙って<p>要素！
いや意味わかんないけど、<div>でなくても、<p>や<ul>とかにid属性つけて
グルーピング設定しても問題ないですってことで。
※<h1>と<address>は<div>で囲んでも問題ない。
■CSS設定
・インライン要素は文字列という位置づけなので、
ほぼリセットCSSには含まれない。
・body の設定
背景色は絶対入れる。
デザイン元が白だからといって、背景色を設定しないのはナンセンス！
ブラウザ（NN4.7とか）によっては、
デフォルトでグレーの背景色が設定されている。
ので設定してないとグレーです…
今後他のブラウザでもあるかもしれない（まあないだろうけど）ので注意！
あと、ブラウザによってはマージンとパディングができるかもしれないので
リセットをなるべく設定！
CSSの設定に関しては、今の課題の解答が途中ということもあるので、書くことがまだまだ増えそう（＾-＾；
あと、グルーピングするとき、大きく3つに分けることができるようで。
「wrapper」の中で、「header」「contents」「footer」と3つに分け、「contents」の中で更に「gNavi」「mainImage」「news（新着情報の場合）」というように分けたり。
と、場合にもよるけど大体はこの基本形になるんでないでしょうか？
今日ので、しっかり理解しなきゃいけない部分はマークアップだな、と思いましたわ。