DreamweaverレッスンブックCC対応

目次

Chapter1　Webページ作成の基礎知識

Lesson1 Webページ制作に必要なもの
Lesson2 Webページ制作から公開までの流れ
Lesson3 Webページに必要な要素

Chapter2　Dreamweaverの画面構成

Lesson1 Dreamweaverの起動と環境設定
Lesson2 Dreamweaverの画面構成とワークスペースの切り替え

Chapter3　サイト定義

Lesson1 サイト定義とは
Lesson2 サイト定義の方法

Chapter4　ファイルとフォルダー

Lesson1 ファイルとフォルダーの基本操作
Lesson2 フォルダーによる階層構造の作成

Chapter5　HTMLのマークアップ

Lesson1 HTMLタグの基礎知識
Lesson2 DreamweaverでのHTML作成
Lesson3 見出しと箇条書き、強調の利用
Lesson4 コードビューの利用
Lesson5 ブラウザーでの表示確認

Chapter6　画像と動画の扱い

Lesson1 Webページで使える画像
Lesson2 イメージの挿入
Lesson3 動画の扱い

Chapter7　リンクの指定

Lesson1 文字へのリンク
Lesson2 イメージへのリンク
Lesson3 電子メールアドレスへのリンク
Lesson4 ページ内リンクを設定する

Chapter8　CSSによる文字のデザイン

Lesson1 HTMLとCSSの関係
Lesson2 CSSによる文字のデザイン
Lesson3 CSSの継承と複数クラス
Lesson4 CSSファイルの編集

Chapter9　CSSによるレイアウト

Lesson1 Webページのレイアウト構成
Lesson2 ボックスモデルとWebページの領域
Lesson3 セクション
Lesson4 HTMLの作成
Lesson5 CSSの作成
Lesson6 Webフォントの利用
Lesson7 表組みの利用
Lesson8 Edge Animateコンポジションを設置する
Lesson9 CSSの修正とインスペクトモードの利用

Chapter10　テンプレートの利用

Lesson1 テンプレートとは
Lesson2 テンプレートの作成
Lesson3 テンプレートからのHTMLファイル作成
Lseeon4 テンプレートの修正
Lesson5 テンプレートの適用と切り離し

Chapter11　サイトの管理

Lesson1 ファイルのアップロードとダウンロード
Lesson2 テストサーバーへのアップロード
Lesson3 複数スタッフによるサイト管理

Chapter12　スマートフォンサイトの作り方

Lesson1 パソコン向けサイトとスマートフォンサイトの違い
Lesson2 スマートフォンサイト作成のコツ
Lesson3 スマートフォンサイトの作成
Lesson4 独自テーマの読み込みとHTMLの作成
Lesson5 テーマの適用とCSSの作成

Chapter13　PhoneGapを利用したスマートフォンアプリの作り方

Lesson1 スマートフォンアプリとPhoneGap
Lesson2 PhoneGap利用したスマートフォンアプリの作成

Chapter14　レスポンシブWebデザイン

Lesson1 レスポンシブWebデザインとは
Lesson2 レスポンシブWebデザインを利用したWebページ作成の準備
Lesson3 レスポンシブWebデザインを利用したWebページの作成
Lesson4 レスポンシブWebデザインを完成させる