質問: photoshop感覚でweb制作出来るソフトありますか? はじめまして。 小さなデザイン事務所でphotoshopを使って仕事をしております。 この度、web制作未経験の私が事務所のホームページを制作を任されてしまいました。 とにかくまず形をと思い、手に入ったホームページビルダー10の「どこでも配置モード」で制作してみました。 photoshopに感覚が近く無事に出来たと思ったのですが、ブラウザの違いなのかモニタ設定の違いなのかパソコンによって表示が重なったり左に寄ったりしてしまいました。 そのような事のないようにその後スタイルシートを使用してみたのですが、日頃photoshopでレイヤを動かしたり重ねたりしているものですから兎に角、痒い所に手が届かないと言いますか、photoshopなら何でもない事が思うように出来ずじれったいのです。 topページの原稿は社長がデザインしたものをその通りに作らなければなりません。 シンプルなデザインですが背景画像の上に文字が重なったり、画像がパズルのように並んだりしています。 web制作がそういうものではない事は分かっているのですが、未経験で全てを任され非常に困っております。 photoshopのレイヤ感覚で制作出来るオススメのソフトがありましたらどうぞアドバイス宜しくお願い致します。
回答: ソフトは今のところないですが、ホームページビルダーを使いたいのであれば標準モードで作るほうがオススメです。 どこでも配置モードはieのバグとビルダーの仕様を熟知していない限り使用されないほうがよいかと。 何で作るにしても、htmlだけは最低限度の知識を覚えられた方がよいと思います。 画像でやるというのが簡単なのは間違いないですが、私としてはデザイン事務所のページですししっかりと作るほうがよいと思います。 以下、もしかしたら参考になるかもしれないので作り方を。 タグエディタソフトを使ってもいいのですがまずは手打ちです。 htmlをしっかりと記述し、cssでつぎはぎになってもいいので記述をしていきます。 作るときの表示確認はfirefoxで行います。 完成したらそれを最低限ie5.5~ie7、opera9.5、safari3で確認し、表示が変になっているところを直していきます。 文字を2段階程度拡大縮小しても問題ないことも確認してください。 また、作るときに重要なのは、 ・htmlの記述はcssでいくらでも変えられるので、タグの意味に応じて記述する(見た目で記述しない) ・作ったhtmlファイルは http://openlab.ring.gr.jp/k16/htmllint/htmllint.html でチェックする ・cssではwidthとpadding/borderを一緒に指定しない ・floatを指定したらdisplay:inline;も指定する ・position:absolute;で配置をしない ・marginとpaddingを基本的に0pxで指定すること です。