標準Webデザイン講座 Fireworks MX

オリエンテーション

Orientation-01　Webサイトの制作フローとFireworks MXの位置
Orientation-02　Fireworks MXの概要

1st day　オブジェクトの描画をマスターする

Period-01　オブジェクトを組み合わせてキャラクターの輪郭を描く
Period-02　オブジェクトに属性を指定する
Period-03　配置とコピーと使いこなす
Period-04　不透明度とブレンドモードを活用する

2nd day　スライス機能を活用する

Period-01　スライスの目的と意味を学ぶ
Period-02　GIF形式に最適化する
Period-03　GIF、JPEGが混在するデータを作成する
Period-04　ロールオーバーボタンを作成する

3rd day　ファイルの書き出しとHTMLへの組み込みをマスターする

Period-01　Fireworks MXで書き出せる画像形式を確認する
Period-02　GIF、JPEG形式で書き出す
Period-03　書き出したHTMLをDreamweaver MXで読み込む
Period-04　アニメーションGIFを書き出す

4th day　キャラクターのあるインターフェイスを作成する

Period-01　キャラクターを主体としたWebサイトディレクション
Period-02　凹凸のある飾り罫を使ったベースの作成
Period-03　キャラクターを利用したナビゲーションの作成
Period-04　キャラクターと連動したロールオーバーの設定
Supplementary Lecture　Webサイトの構造

5th day　汎用性の高いインターフェイスを作成する

Period-01　汎用を考慮したWebサイトディレクション
Period-02　シンプルでシャープなベースの作成
Period-03　テクスチャとエフェクトを活用したナビゲーションの作成
Period-04　シンプルなロールオーバーの設定

6th day　イメージ画像をメインに据えたインターフェイスを作成する

Period-01　イメージ画像を効果的に見せるWebサイトディレクション
Period-02　タブや吹き出しのあるベースの作成
Period-03　イメージ画像に加工を加えたタイトルの作成
Period-04　JPEG画像を含んだスライスの設定
Supplementary Lecture　フォントの選択

7th day　グリッドを意識したインターフェイスを作成する

Period-01　グリッドを活かしたWebサイトディレクション
Period-02　グリッドに沿ったベースの作成
Period-03　マスクの使用と、ナビゲーションの作成
Period-04　画像に連動したロールオーバーの設定

8th day　作成したインターフェイスをDreamweaver上でレイアウトする

Period-01　テキスト増加を考慮したレイアウトの設定(04th day）
Period-02　テーブルとセルの機能を活かしたレイアウトの設定（05th day）
Period-03　GIF、JPEG混在データを使ったレイアウトの設定（06th day）
Period-04　背景画像、混在データのあるレイアウトの設定（07th day）

9th day　応用機能を使いこなす

Period-01　ポップアップメニューエディタを使う
Period-02　ロールオーバーを応用した仕掛けを作成する
Period-03　バッチ（自動化）機能を活用する
Period-04　アニメーションをFlash SWF形式で書き出す
Supplementary Lecture　Photoshopとの連携
Supplementary Lecture　なげなわツールを使った選択範囲の設定

Appendix 付録

Appendix-01　ツール＆パネルリファレンス
Appendix-02　カラーリファレンス

お問い合わせ

内容についてのお問い合わせは、正誤表、追加情報をご確認後に、お送りいただくようお願いいたします。

正誤表、追加情報に掲載されていない書籍内容へのお問い合わせや
その他書籍に関するお問い合わせは、書籍のお問い合わせフォームからお送りください。

利用許諾に関するお問い合わせ

本書の書影（表紙画像）をご利用になりたい場合は書影許諾申請フォームから申請をお願いいたします。
書影（表紙画像）以外のご利用については、こちらからお問い合わせください。