Dreamweaverデザインブック
CC 2015対応 SAMPLE

Chapter 1 Webサイト制作の下準備

• 1-2Webページのベースを準備する
• 1-3CSSファイルを準備する

Chapter 2 パーツの準備

• 2-1記事
• 2-1A記事のデザインを指定する
• 2-2概要
• 2-2A概要にリンクを設定する
• 2-2B概要のデザインを指定する
• 2-3サムネイル画像付きの概要
• 2-4アイコン付きの概要
• 2-4Aアイコン付きの概要のデザインを指定する

Chapter 3 Bootstrapの段組みを使ったページレイアウト

• 3-1ページの設定
• 3-2基本的な段組みのレイアウト
• 3-2A１段組みを２段組みに変更する
• 3-2B大画面で段組みの横幅を固定する
• 3-3２段組みのレイアウト
• 3-3Aメニューを挿入する
• 3-4２段組みをネストしたレイアウト

Chapter 4 ヘッダーとフッターの作成

• 4-1ナビゲーションバーのレイアウト
• 4-2ヘッダー画像のレイアウト
• 4-3フッターのレイアウト

Chapter 5 レスポンシブなレイアウトとデザインの調整

• 5-1余白を削除してパーツを敷き詰めたレイアウトにする
• 5-2余白を追加してパーツの間隔を調整する
• 5-3極小画面での文字サイズを調整する
• 5-4ヘッダー画像のデザインをアレンジする
• 5-5サムネイル画像付きの概要をコンパクトなデザインにする
• 5-6メニューのデザインをアレンジする
• 5-7サイト名のデザインをアレンジする
• 5-8検索フォームを作成する

Chapter 6 テンプレートの作成と利用

• 6-2テンプレートを使用してコンテンツページを作成する
• 6-3コンテンツページのデザインを調整する
• 6-4テンプレートによる一元管理
  • トップページ
  • コンテンツページ

SNIPPET スニペットとして登録したパーツの設定

• parts-kiji.txt… 記事
• parts-gaiyou.txt… 概要
• parts-thumb.txt… サムネイル画像付きの概要
• parts-iconcard.txt… アイコン付きの概要
• parts-iconfont.txt… アイコンフォント（FontAwesome）
• parts-css.txt… パーツのスタイルシートの設定