目次
- はじめに
- 本書の使い方
- レッスンファイルのダウンロード
Lesson01 Dreamweaverの基本
- 1-1 Dreamweaverの基礎知識
- 1-2 Dreamweaver CCの主な新機能と特徴
- 1-3 ファイルの作成と保存
- 1-4 Dreamweaverの環境設定
- 1-5 Dreamweaverの基本操作
- 1-6 環境設定の同期
Lesson02 Webサイトの基本
- 2-1 Dreamweaverを使って制作するための基礎知識
- 2-2 プレビュー用ブラウザーの登録
- Exercise 練習問題
Lesson03 Dreamweaverによるサイトの定義
- 3-1 Webサイトのフォルダー構成
- 3-2 Dreamweaverでのサイト定義手順
- 3-3 サイト定義の編集と削除
Lesson04 HTMLの基本
- 4-1 HTMLの基本知識
- 4-2 HTMLの基本構造
- 4-3 要素の中で使用する主なタグ
- 4-4 DreamweaverによるHTMLの記述
- 4-5 文字を強調する
- Exercise 練習問題
Lesson05 HTMLの応用5
- 5-1 コードビューでHTMLを入力する
- 5-2 文書構造を意識してHTMLを入力する
- 5-3 テーブルを作成する
- 5-4 フォームを作成する
- Exercise 練習問題
Lesson06 画像と動画を使う
- 6-1 画像の挿入
- 6-2 動画の挿入
- Exercise 練習問題
Lesson07 リンクの設定
- 7-1 リンクの作成
- 7-2 さまざまなリンク先を指定する
- 7-3 リンクのチェックと更新
- Exercise 練習問題
Lesson08 CSSの基本
- 8-1 CSSについて
- 8-2 CSSの記述方法
- 8-3 CSSをリセットする
- Exercise 練習問題
Lesson09 CSSの設定
- 9-1 ヘッダーをレイアウトする
- 9-2 ヘッダーの文字をレイアウトする
- 9-3 ナビゲーションにロールオーバーを設定する
- Exercise 練習問題
Lesson10 CSSデザイン
- 10-1 コンテンツ領域のデザイン
- 10-2 CLASSを指定してコンテンツをデザインする
- 10-3 サイドコンテンツ領域のデザイン
- 10-4 レイアウト崩れの確認と修正
- Exercise 練習問題
Lesson11 CSSデザインのバリエーション
- 11-1 CSS3について
- 11-2 ボックスシャドウと角丸の指定
- 11-3 グラデーションと透過を指定する
- 11-4 文字をより魅力的にデザインする
- 11-5 アニメーション機能を使う
- 11-6 CSSのカラーを変更する
- Exercise 練習問題
Lesson12 テンプレートの作成と利用
- 12-1 テンプレートの活用
- 12-2 テンプレートの作成
- 12-3 テンプレートの修正
- 12-4 テンプレートの応用
- 12-5 ネストされたテンプレートを作成する
- Exercise 練習問題
Lesson13 サイトにいろいろな機能を加える
- 13-1 便利なWebサービスを使用する
- 13-2 スニペットとライブラリの登録
- 13-3 そのほかのDreamweaverの機能
- Exercise 練習問題
Lesson14 Bootstrapを使ったレスポンシブデザイン
- 14-1 スマートフォンサイトについて
- 14-2 レスポンシブなスターターブログ投稿ページを作成
- 14-3 Bootstrapテンプレートをカスタマイズ
- Exercise 練習問題
Lesson15 サイトの公開と管理
- 15-1 サーバーの設定
- 15-2 ファイルのアップロードとダウンロード
- 15-3 サイトの管理