ホームページのデザインについて

質問

ページのデザインを、イラストレーターまたはフォトショップで作った場合（文字等のレイアウトも含めて）、それをそのままペ－ジのデザインとして使うにはどうすればいいのですか？
やっぱり部品ずつでレイアウトしていくのでしょうか？

Dreamwever4を使っています。

回答No.11

sight

私の意見として、いくつか整理させていただきます。

・一枚の画像ファイルとして出力し、クリッカブルマップとしてリンクなどを設定することはおすすめしません。
　理由は、当然ファイルサイズが大きくなるから。全体を読み込むまでにどれだけ待てば良いのでしょう。
　そして、もう一つの理由は、全然ユーザーフレンドリでないから。
　最近、プロの作ったページでも、メニュー部分を一枚の画像で作り、クリッカブルマップとしているものも見受けられますが、言語道断ですね。画像を読み込み中や、画像の読み込みを切っている場合は使い物になりません。ちゃんとスライスで切って、分割された画像でALTの設定などをしていれば、このような場合も閲覧者のストレスを抑え、機能することができます。

・Macromedia Flashは・・・おすすめしません。
　デザイン面では優れていますが、基本的に上の後者と同じ理由は当てはまりますし、閲覧者がプラグインのインストールが必要になります。一回flash使ったページ見れば入っているでしょうが、それでもうっとうしいですね。どうしても、というのなら、トップページに３００×３００くらいの小さめのサイズで使い、見たくない人はスキップできるような手段も講じる必要があると思います。基本的に、Flashのページは、「見ると効果的だけど、べつに見たくなかったら見なくてもかまわない」とった作りをするべきだと思います。
　もう一つ、ちょっとしたミスで、結構ヘンな挙動をします。たとえば、IEで正常に使えるページを作っても、NNでは暴走を始めるFlashページ・・・なんてのもあります。FLASHに関して素人の人が、が一回限りで使うのでしたら、やめた方がいいと思います。試用期限過ぎたら作成済みのページの修正もできなくなるし・・・。

>PhotoShop6.0／ImageReady3.0とゆうのを持ってないので、ちょっとわからないのですが・・・
とのことですので、それ以前のバージョンでしょうか。PhotoShop5.5にもImageReady2.0がついていたように記憶していますが、HTMLの出力／スライスの作成機能があったかな・・・？
画像作成側のソフトがHTMLの出力／スライス作成機能を持っていれば一番楽なんですが、そうでなければNo.6の方のおっしゃるように、一枚の画像として出力したものを読み込んで、スライス作ったりできるソフトがあればよし。
なければ、ちょっと面倒ですが、部品ごとに保存するしかないでしょうね。
とにかく、ページを分解した形で出力すれば、その合計のファイルサイズは全体を一枚の画像ファイルとしたときよりも小さくなるはずですし（細かく最適な圧縮方式、画質が選べるから）、閲覧する方にしても、見やすいです。

補足

アドバイスどうもありがとうございました。
イラストレーターに「属性」とゆう機能がありました。そこで、部品に直接URLをつけることができました。それを「web用に保存」したら、1枚の絵が30～40KBになり、それをDreamwever4で開くことができました。画像も重くないし、一応この方法でやろうかと考えています。
いろんな方法を教えていただいて、本当にありがとうございました。
ここでみなさんへのお礼とさせていただきます・・・。