質問: 現在、個人ホームページをPhotoshopで制作しています。 制作物を作りWeb用に保存の機能を使いHTMLと画像を選ぶと Photoshopで制作したデザインが全てHTMLと画像になってし まいます。テキストはテキストとして保存されません。 これをテキストはテキストとして保存して、HTMLと画像、テ キストを別々に保存する事は出来ないのでしょうか? PSDファイルの保存でテキストをホームページ制作ソフトで 編集が出来るように保存したいと思っています。 よくあるホームページのテンプレート(PSD)を調べてみました が、サンプルとしてHTMLファイルがあり、同様の場所にテキス トとして表示されておりホームページ制作ソフトで編集も可能 なのですが、どうしてもPSDファイルからは、テキストを表示さ せるようにしてWeb用に保存を行う事が出来ません。 そこで、ホームページ制作ソフトで、PSDファイルからHTMLと画 像だけを保存しテキストをCSSで指定してみたのですが、デザイ ンが崩れ台無しでした。あげくに2度手間となります。 検索などで調べて見ましたがどうしても解決策が見つからず 投稿しています。 よろしければPhotoshopでHTMLと画像、テキストをうまく表示 しPSDファイルからのみでWebを制作する事は出来ないでしょ うか。 詳しく参考となる親切な方のみ希望しております。 プロのWeb製作者さんよろしくお願いします。
回答: こんにちは。 結論から申し上げますと PSDファイルからのみでWebを制作する事は出来ません。 そもそも論になりますが、 PhotoshopもFireworksも画像加工・編集ソフトで ホームページを作成するソフトではありません。 「Web用に保存」でHTMLと画像を書き出せるのは、 単純に1枚に統合した画像をブラウザでプレビューするためです。 ※Web用に書き出した画像はデザイン時と若干画質が変わっていたり、 アニメGIFなどはブラウザで見る必要があるため、その確認用です。 PhotoshopもFireworksはあくまでホームページを構成する素材としての画像を作るもので、 テキストを入れたり、リンクを貼ったりして最終的なHTMLを作るのは、 テキストエディタやWebオーサリングソフト(DreamweaverやIBMホームページビルダーなど)を使う必要があります。 ※もちろん前述のように単に画像をプレビューするという意味のHTMLは、画像ソフトやFlashなどでも書き出せますが。 よって、tsucuさんもおっしゃってますが、Web制作の流れとしては、 1.PhotoshopやFireworksでページ全体をデザイン(この際、マウスオーバー画像など各種パーツも必要に応じて作成) 2.PhotoshopやFireworksで画像を書き出し 3.テキストエディタやDreamweaverでHTMLを作成(この際、CSS・javascript等も必要に応じて作成) 4.HTMLや画像、css、jsファイルなどWeb構成ファイルをサーバにアップ 以上になります。※すごく簡単ですが。 ものすごく簡単なもの(画像だけとかFlashだけとか)ならテキストエディタやDreamweaverでわざわざHTMLを組まなくても可能だと思いますが、 普通はそういうわけにはいきませんし、何しろプロのWeb制作者はそういう作り方はまずしません。 以上、ご参考いただければ幸いです。