目次

ORIENTATION：レッスンを始める前に

ORIENTATION 01 Webサイト制作のワークフローにおけるFireworksの役割
ORIENTATION 02 Fireworksのワークスペース／メニュー／パネル
ORIENTATION 03 Fireworksの環境設定と仕様
ORIENTATION 04 Fireworksでよく使うツール

CHAPTER 01：ワイヤーフレームを作成する

LESSON 01 ワイヤーフレーム用のドキュメントを作成する
LESSON 02 ワイヤーフレームを作成する

CHAPTER 02：ボタンを作成する

LESSON 03 ボタンのベースをデザインする
LESSON 04 ボタンに文字をのせる
Supplementary Lesson　IllustratorのデータをFireworksで利用する方法

CHAPTER 03：バナー／アイコンをデザインする

LESSON 05 テクスチャを使ったバナーを作成する
LESSON 06 イラストを使ったバナーを作成する
LESSON 07 写真を使ったバナーを作成する
LESSON 08 GIFアニメーションを使ったバナーを作成する
LESSON 09 ブログ用のヘッダーを作成する
Supplementary Lesson　FireworksデータをPhotoshopで利用する方法

CHAPTER 04：マウスオーバーと連動した表現を作成する

LESSON 10 マウスオーバーで切り替わる写真ギャラリーを作成する
LESSON 11 マウスオーバーでキャラクターを動かす
LESSON 12 ナビゲーションを作成する

CHAPTER 05：印象的なタイトルバナーをデザインする

LESSON 13 コラージュを使ったデザインを作成する
LESSON 14 マスキングテープ風のデザインを作成する
LESSON 15 手描き風のデザインを作成する
LESSON 16 オブジェクトの組み合せによるパターンデザインを作成する

CHAPTER 06：サイトのデザインとレイアウトを行う

LESSON 17 ワイヤーフレームからサイトの雛形を作成する
LESSON 18 トップページを作成する
LESSON 19 下層ページを作成する
LESSON 20 お問い合わせページを作成する

CHAPTER 07：スライスと書き出しを行う

LESSON 21 Fireworksの書き出し方法を把握する
LESSON 22 デザインカンプとしてPDFへ書き出す
LESSON 23 ページをスライスをする
LESSON 24 スライスした画像を最適化する
LESSON 25 スライスから画像素材を書き出す
LESSON 26 モックアップとしてXHTML＋CSSへ書き出す
LESSON 27 CSSスプライトとして書き出す
Supplementary Lesson　FireworksとDreamweaverとの連携機能

CHAPTER 08：WordPressのテーマをデザインする

LESSON 28 WordPressのテーマを理解する
LESSON 29 CSSプロパティ機能を利用して子テーマを作成する
LESSON 30 子テーマをWordPressにインストールする

CHAPTER 09：jQuery Mobileのテーマをデザインする

LESSON 31 jQuery Mobileのサイトを理解する
LESSON 32 jQuery Mobileのカスタムテーマを作成する
Supplementary Lesson　 FireworksとDreamweaverを組み合わせて
jQuery Mobileのサイトを作成する
APPENDIX：おすすめ拡張機能カタログ