はじめに
  • イントロダクション
  • DreamWeaverは必要?
  • 基本の操作
  • 新しいページを作る
  • ページの保存の方法を理解します。
CSSのしくみ
  • 新規サイトの定義
  • ファイルパネルの使い方
  • サンプルページの検討
  • CSSの正体
  • CSSのしくみ
  • サイトの整理
サイト制作の開始
  • ページ制作の開始
  • CSSスタイルシートの添付
  • bodyの設定
  • bodyの詳細設定
  • containerの挿入
  • containerのCSS定義
  • ページの中央配置の方法
  • CSS設定の順序
  • header, content, footerの配置
headerの制作
  • headerのCSSルール定義
  • headerの仕上げ(1)
  • headerの仕上げ(2)  Logo_Areaのルール定義
  • headerの仕上げ(3) Navi_Areaのルール定義
  • headerの仕上げ(4) Global_Naviの設定
  • headerの仕上げ(5) Global_Naviの設定
  • headerお仕上げ(6) リンクの設定
  • ブラウザで確認
Side_Naviの制作
  • Side_Navi, Main_Box, Banner_Boxの配置
  • Side_Navi, Main_Box, Banner_BoxのCSSルール定義
  • Side_Naviの制作(1) ulとliの入力
  • Side_Naviの制作(2) ulとh2の設定
  • Side_Naviの制作(3) ロールオーバーイメージ
Main_Boxの制作
  • Main_Boxの構造
  • MainBox_Itemのマークアップ
  • Main _Titleの設定
  • 画像とキャプチャーの配置
  • 段落要素の再定義
  • MainBox_Newsのマークアップ
  • リンクの設定
  • Tips:classとidの違い
ページを完成させる
  • Banner_Boxの制作
  • footerの制作
  • IEの表示の修正
  • ページ全体の確認と修正
サイトの公開
  • サーバーの設定
  • サイトの公開
  • サイトの同期