Main Part
about Fireworks[2]
このページでは、画像作成以外の点からの紹介です。
Fireworksは、webサイトそのものを作成することができるのです。
作り方は簡単であり、全体を画像で作成していくだけです。しかも、最初はボタンやリンクのパーツを厳密に設定する必要はありません。一枚の画像があれば良いのです。
具体例として、作成したサイト「芸術についての一考察」を挙げます。このページはFireworksのみで作成し、動的表現も加えています。最初に下地の画像を作りその上にテキストを置きます。そして、スワップを複数指定して完成。あとは書き出せば終了と言う手軽さです。
書き出す際は「HTML と画像」という選択をすると、テーブルで構成されたwebサイトの完成品が作成できます。書き出されたデータはすべて画像であり、通常のテキストデータではないため文字のコピーや検索はできません。書き出す際のスライスの設定でテキストとして書き出すこともできますが、これ単体ではフォントの種類やサイズ等の細かい設定ができません。しかし、スワップやロールオーバー*の設定がそのまま活かされており、見た目には十分なデザインが可能です。
さらに、CSS*とHTMLを利用した書き出しが可能となっています。この機能を利用すると、より基本的なwebサイトの作成が可能です。しかし、ここで大きな問題が生じます。CSSでの書き出しでは、スワップ等のJavascriptは適用されないという点です。つまり、画像のみの書き出しになります。
もっともFireworksを有効に活用する場合、まずは画像としてすべて作成します。ボタンも作成し、ロールオーバー等も設定しておきます。ただしテキストとして作成する部分は、場所だけ確保しておきます。その後、CSSで書き出してボタン等を個別にHTMLと画像で書き出します。これを再構成し、テキスト部文を作成して完成。
以上のようにFireworksは画像の作成だけではなく、webサイトそのもののプロトタイプを作成することが可能なのです。極論すれば、PotoshopもIllustratorもDreamweaberも必要とせずにwebサイトを作成できるのです。もちろん、個々のソフトを連携させる方がより質の高いデザインは可能です。しかし、すべての部分で100％のクオリティは必要ではありません。むしろ全体をFireworksでデザインし、クオリティを求めるところは専門のソフトを使用する方がもっとも効率が良い方法であるはずです。
現在、私はサイトを作成する際にFireworksとDreamweaverを使用しています。この二つでできることはまだまだありますし、私自身使いこなしているとはいえません。それでもこのレベルのサイトは問題なく作れますので、十分に有効なソフトであると思います。
もしも、webサイトで画像を利用したいけれど、ソフトが高価でどれを購入すればいいかわからないという方。Fireworksをお勧めします。値段以上の価値があることは間違いありませんから。
Notes
- ロールオーバ−
- メニューバーやリンクの際に良く利用される動的な表現です。具体的にはは、特定のポイントににマウスを乗せると色や画像を変化させることです。尚、Javascript等のプログラムとCSSで表現する方法があります。
- CSS
- Cascading Style Sheetsの略。簡単にいえば、HTMLで規定された各要素を装飾する為のものです。具体的には、文字の色や大きさを変化させる等です。