チュートリアルのトップへ >> Fireworksトレーニングのトップへコラムのトップへ ■オリジナルプロダクト ■制作料金
ほかのソフトとの互換性は?

作成したデータはFIREWORKS形式のPNGで保存する
Webページ制作、あるいはWebサイト構築の作業工程の中で、FIREWORKSを組み込むには様々な方法があります。
単純にグラフィックを作成して、Web用にGIFやJPEGで書出しを行うのであれば、それほど難しい作業ではありません。

必要に応じて、PhotoshopやIllustratorなどのデータを読み込み、FIREWORKSで加工を行い、グラフィックを完成させます。
最終的にWebで使用するファイル形式(GIFやJPEG)で書出しを行うのですが、その前に
FIREWORKS形式のPNGファイルをで保存を行う事をお勧めします。

FIREWORKSを使ったドキュメント作成図

FIREWORKS形式のPNGファイルには、それぞれのオブジェクトの属性がそのまま保存されます。
例えば、文字情報の入ったタイトルやボタンなどをFIREWORKSで作成し、FIREWORKS形式のPNGで保存しないまま
書き出しを行い、Webページでイメージソースとして挿入して使用したとします。

そのタイトルやボタンに対して、修正が必要になったり、新しいグラフィックを、書き出したタイトルやボタンに合わせて
作成しなければならない時に、オリジナルデータであるPNGファイルが存在しなければ、最初から作り直しになっていまいます。
これでは、FIREWORKS登場以前の作業工程と変わりません。
必ず作成したデータは、別のフォルダなどに保存しておくことをお勧めします。

PNGファイルでの修正なら、数分の作業で終わる

できれば、後の修正や新規画像の作成に備え項目別、
あるいはページ別に分類して整理しておくことをお勧めします。

シリコンカフェのサイトでも、素材を細かく分類して整理している

一度作成したグラフィックの設定を、さまざまな形で保存できる
修正や新規画像制作に備えて、オリジナルのPNGファイルを必ず保存しておくことは、前述のように大切ですが
さらに効率よくサイト内で使用するグラフィックを管理するためには、DREAMWEAVERとの連携が必須になります。

詳しいグラフィックの管理に関しては、このレッスンの後半で説明する予定です。
あるいは、Dreamweaver Fireworks Studioのトレーニングのページでも解説する予定ですので、
現時点では、詳しい解説は避けますが(内容が多すぎて簡単には説明できませんので)
もしも、FIREWORKSと同じくマクロメディアのDREAMWEAVERを所有しているのであれば、次の事を必ず守って下さい。

【1】FIREWORKSでグラフィックを作成する際に必ずDREAMWEAVERを起動させておく
【2】DREAMWEAVERでは、現在作成しているローカルサイトを指定した状態にしておく
【3】FIREWORKSのオリジナルPNGの保存先は、1つのフォルダにまとめておく
【3】その際に、1つのフォルダの中に複数のフォルダを作ってデータを分類することは可能です
【4】FIREWORKSで書き出す画像ファイルは、ローカルサイトで実際に使用するフォルダに対して保存する

…初心者の方には、いきなり難しい説明だったかも知れませんね(ごめんなさい)。
詳しいトレーニングは、後でさらに詳しく解説を行います。

要するに、FIREWORKSはDREAMWEAVERと連携させると、オリジナルのPNGデータも含めて
サイト内のグラフィックを完全に管理できるのだ…ということだけ、少し気にしておいてください。

もどる 次へ

  

このWEBサイトに掲載されている文書・画像・映像・写真等の著作権はSilicon Cafe'に帰属し、許諾なく 複製・頒布を行うことは 法律で固く禁じられています。 Copyright (C) 1995-2003 Silicon Cafe'. All rights reserved