• ベストアンサー

スライスからのコーディング作業について

Web制作の勉強中です。 課題で一枚のjpg画像からスライスしてhtmlにコーディングの作業を行います。人それぞれにやり方があると思うのですが、皆様の効率のよい手順などがあれば参考までに教えて下さい。 ちなみにPhotoshopCS2又はImageReadyCS2とFireworks8ではどちらがやりやすいかなど、教えて頂きたいです。 コーディングはDreamweaver8で行います。 自分はPhotoshopはある程度慣れているのですが、ImageReadyとFireworksはよくわかっていません。 それぞれのいい所や悪いところなどありましたらご回答よろしくお願いします。

  • CSS
  • 回答数1
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • taseki
  • ベストアンサー率66% (155/233)
回答No.1

スライスされた画像をHTMLにコーディング、という部分については、ImageReadyなどが自動でやってくれると思います。 もし必要ならそれを自分好みのコードに整形すればいいかと。 ソフトの良し悪しについては、あげられたソフトはどれも定番でもあるので、あとは人それぞれの好みが大きいんじゃないでしょうか。 私はどちらかというとPhotoshop+ImageReadyが長く使い慣れているのですが、Fireworksも悪くないと思います。ただ画像レタッチなどはPhotoshopには勝てないような気がします。そもそも画像専門のソフトというよりWeb向けというところもありますが。 あとは、Macromedia時代の仕様を一部継承しているので、少しだけ他のAdobeソフトとは勝手が違ってしまう、というのもあるかもしれません。

adidas111
質問者

お礼

ありがとうございます。やっぱり慣れている方がやりやすいですね。

関連するQ&A

  • スライスからのコーディング作業について

    Web制作の勉強中です。 一枚のjpg画像からスライスしてhtmlにコーディングの作業を行います。人それぞれにやり方があると思うのですが、皆様の効率のよい手順などがあれば参考までに教えて下さい。 ちなみにPhotoshopCS2又はImageReadyCS2とFireworks8ではどちらがやりやすいかなど、教えて頂きたいです。 コーディングはDreamweaver8で行います。 自分はPhotoshopはある程度慣れているのですが、Fireworksはよくわかっていません。 それぞれのいい所や悪いところなどありましたらご回答よろしくお願いします。

  • illustraterでスライスした画像をDreamweaverで読み込む方法

    WEB制作初級者です(*^^*) イラストレーターでクリックボタンなどを含む画像を描き、それをスライスしてDreamweaverで読み込みたいのですが、どうすればよいのでしょうか? スライスまでは出来たのですが、どうやって書き出して、どうやって読み込めばいいのかがわかりません。ちなみにFireworksでスライスすると便利・・・と聞きますが、私の持っているソフトはillustrater,photoshop,Dreamweaverなので、Fireworksは使えません。 どなたか、初心者マークの私にご指導いただけますか?

  • スライス出力したhtmlを見ると上に余計なアキが・・・

    またご質問させていただきます。 Fireworksで画像をスライスするとhtmlファイルができますよね。それをDreamweaverで開いてIEで見ると、何故か上に1ピクセル?程のアキ(余白)ができてしまします。 左上にピッタリとくっついている状態にしたいのです。 Fireworksでの作成時も余白は全くありません。 ページプロパティのマージン設定も0にしていますし、セルの余白、間隔、ボーダーの設定も0にしています・・・何故でしょう。 ただ、不思議な事にAdobe ImageReadyでスライス書き出しをしてDreamweaverで同じようにhtmlファイルを開いてIEで見ると、ピッタリとひっついているのです。 「じゃあ、ImageReadyでやれば」といわれればそれまでですが、なるべくFireworksとDreamweaverで作業したいのです。 あれこれと設定をいじってみるのですが何度やってもアキができてしまいます。 私の作業環境は、Mac G41.25GHz OS9.2.2 Dreamweaver4とFirework4です。 Windows 2000でDreamweaver4とFirework4を使ってみましたが同じ症状でした。 よろしくおねがいします。

  • Fireworksなどのスライスで、CSSレイアウトで書き出せるの?

    テーブルレイアウトで慣れてるためか、CSSレイアウトがどうしても馴染めません。 Dreamweaverで作ってますが、数倍も難しく感じます。 もしかして、やり方を間違ってるのかも知れません。 私は、Dreamweaverで一つずつ組んでいくため、Fireworksなどの「スライス」機能を使わないのですが、 ●質問1 もしかして、Fireworksでレイアウトしたら、 Fireworksのスライスで、CSSレイアウトで簡単に書き出せるのでしょうか? 多分、テーブルレイアウトでの書き出しだけだと思ったのですが・・・。 私の知識は古いので。 ●質問2 また、HP作成は、Dreamweaverで作るとして、 レイアウト作成や画像作成は、現在の主流は、 Fireworksでしょうか?Photoshopでしょうか? プロは普通どっちを使ってますか? 私はPhotoshopしか使った事ありません。 Fireworksに乗り換えるべきか、考えてます。 よろしくお願いします。

  • Web制作時に使用するソフトはPhotoshopかFireworksか?

    Webデザイナー及び、Web関連の仕事をしている方に質問です。Wen制作時に使用するソフトは、PhotoshopとFireworksのどちらを主に使用していますか?簡単な理由も聞かせていただけると光栄です。 ちなみに、私はPhotoshop(写真加工や画像制作など)とIllustrator(イラスト制作)でパーツを作り、Fireworksでページ全体を組み立て、スライス→コーディングに入ります。簡単な画像ならFireworksで制作します。 よろしくお願いします。

  • ImageReadyでサイズを指定してスライスするには?

    Webサイトを作る際、photoshopでサイトイメージを作ってImageReadyでスライスしています。スライスは目分量で行っているため、どうしても1pxずれたりしてしまいます。うまくやる方法はないのでしょうか

  • photoshop CS3のスライス編集機能?

    こんにちは。 昨年暮れにphotoshop9→photoshop CS3にバージョンアップしたの ですがスライス機能についての疑問が消えないため教えてください。 今までスライス機能についてはImageReadyを使用していたのですが、 photoshop CSシリーズにはImageReadyのようにスライスのロール オーバー画像を同時に吐き出せる編集機能はないのでしょうか? 一度の書出しで、元画像とロールオーバー画像を同時に名前付きで 吐き出すための編集機能です。 photoshop CS、もしくはfireworksで上記のような機能がある場合は 詳しい情報もしくは、情報が掲載されているURLをご示唆頂けると 助かります。(アドビのヘルプページではわかりませんでした) どうぞよろしくお願いします。

  • Fireworksの利点

    現在WEBデザインの際の手順として、 1.イラストレーターでデザイン (必要であれば画像加工などにフォトショップを使用) 2.イラストレータでスライス。 スライスしにくいものはフォトショップに持っていってWEB用に書き出し 3.コーディング の順で行っています。 ただ、WEB制作のデザイン、スライス時にはFireworksを使用するのが一般的だと聞いたことがあり、実際皆さんはどうされているのか、伺いたいと思い、質問させていただきました。 ■WEBデザインをされる際、どのような手順でデザインされているか ■Fireworksを使用されている方はFireworksを使用する利点 についてご回答いただければ幸いです。 よろしくお願いします。

  • photoshop7.0 web用に画像書き出し→ギザギザします

    photoshop7.0 web用に画像書き出し→ギザギザします Mac OS 10.4.8 photoshop7.0でweb用画像を書き出して(文字と物撮り画像) Dreamweaver CS3でコーディング 写真が(特に文字)ギザギザしてしまうのですが どうしてでしょうか?fireworksで作業したほうがいいのでしょうか?

  • ImageReadyで保存するとテキスト位置がズレる

    Photoshopで制作した画像をImageReadyでWeb用にスライスなどして、 最後に保存、、、 すると何故かテキストの位置が微妙にずれて保存されます。 どのような理由でそうなっているのか、また打開策はあるのでしょうか? どうぞよろしくお願い致します。 WindowsXP Photoshop 5.5 ImageReady 2.0

専門家に質問してみよう