zakka67

「はじめてのDreamweaverの本」に載っているサンプルサイト「zakka67」を作りました。
テキストのタイトルを画像に変え、きれいなソースにすることを教わりました。
デザインビューを使って作業する方法を解説しながら１ページのサイトをつくっていきます。基本的なマークアップと代表的なスタイルシートを学びながらサイトを完成させました。

zakka67改

サンプルサイト「zakka67」を現代的なSEO対策を含めたソースに改造したバージョンです。
タイトルやイメージの画像をテキストから画像に代替するcssによる背景画像に変更しました。
グローバルgボタンは死すとタグを使ってマークアップし、cssで背景画像にしました。

apdiv

apdivを使ってニュース記事のリンクを作成しました。表示と非表示の方法を習い、複数の記事について、タイトルをクリックすれば該当する記事が下に表示されるようにつくりました。

その後、ソースの整理をし、スタイルシート、javascriptそれぞれのファイルをつくり、index.html内のソースをお引越ししました。