• ベストアンサー

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

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

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

  • ベストアンサー
  • times3
  • ベストアンサー率23% (858/3649)
回答No.1

Phtoshopでスライスして保存、それをdreamweaverに読みこませています。 ずーとPhotoshopを使ってるので何でもPhotoshopを使っちゃうけどね(^^;  結局はどれでもいいですよ、慣れてるのが一番です。 PhotoshopもFireworksもweb画像を作るならどっちでもいいです、良いも悪いも特にありませんので。

adidas111
質問者

お礼

ありがとうございます。 やっぱり慣れてるものになりますか。 以前何かのサイトで、Fireworksのスライス機能がすぐれているというのを読んだ記憶があり、どう違うのか気になったので今回質問してみました。

関連するQ&A

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

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

    • ベストアンサー
    • CSS
  • illustraterでスライスした画像をDreamweaverで読み込む方法

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

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

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

  • スライスのコツ(Fireworks)

    Fireworks とDreamweaver のことで、困っています。 作成された元のファイルはあるのですが、Fireworksを使って、スライスして書き出したファイルから余分な画像を取りたいのですが、まずスライスするコツが良く分からないのです。 Fireworks とDreamweaver の本を色々と見たのですが、おおまかに、更新する部分と更新しない部分をその項目ごとに分類してスライスするというやり方で合っているのでしょうか? リンクされるボタンなどもスライスした方が良いのか、コツが良く分かりません。 その後に余分な画像を取る、というのも、どこが余分なものかも分からないのです。 最終的にはテキストを入力出来るようにしたいのですが、テキストを載せるために、元の画像をどう変えていけば良いのか(背景画像として扱う方法)が分からず、困っています。 質問の意味が分からなかったら申し訳ありません。HTMLの勉強は少ししたことがあるのですが、Fireworks やDreamweaver などは扱ったことがありません。 よろしくお願いします。

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

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

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

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

  • Photoshop不要なスライスを防ぐ方法

    Photoshop並びにIllustratorでスライスして、Webおよびデバイス用に保存を押し、プレビュー画面で、欲しかった画像だけを選択しているのですが、imagesというディレクトリに大量に要らないスライス画像が保管され、実際に欲しかったスライスがなかなか見つかりません。 Fireworksのように選択した画像だけ、スライスするにはどうすればいいでしょうか。 グリッド線がついていることもあります。ソフトはCS5です。 よろしくお願いします。

  • Dreamweaver8とCS3、Fireworksなどについて教えてください。

    Dreamweaver8とCS3、Fireworksなどについて教えてください。 当方、Web制作の営業をしております。 デザイナーとしての勉強もしていきたというか、必然となってきますので、これから導入するのでしたらと思い質問させて頂きました。 HP制作レベルは、ビルダーで作成可能、Dreamweaver 8で、簡単なものができる程度です 提案書などは、エクセルがパワーポイントで作っていますが、効率が悪いような気がして、 これからスキルをあげるについて、ソフト導入などについての質問ですがお願いします。 質問1、 現在、Dreamweaver8で、制作を始めているのですが、将来はDreamweaverCS3に移行していくのでしょうか? 知り合いのデザイナーに聞いても、いまだに8で十分と言われていましたが、これから導入するのであれば、CS3のほうが良いのでしょうか? 質問2、 現在、画像処理その他は、ウェブアートデザイナーとPhotoshop Elements 4.0でやっています。やはり、Fireworksに切り替えたほうが良いのでしょうか?また、切り替える根拠があれば教えてください。 質問3、 もうひとつ質問ですが、Photoshop派とFireworksとに分かれている様に思うのですが、 最近、PhotoshopCS3がDreamweaverCS3に連携できるとのことがありますが、DreamweaverCS3だったら、FireworksCS3のほうが良いような気がするのですが、・・・ たぶん、使い慣れた方が良いとのご回答も予測はできるのですが、その場合、私の使い慣れたPhotoshop Elements 4.0では、何らかの無理が生じるか、操作上の不便さが生じるのでしょうか? ご精通の方がいらっしゃいましたら、ぜひ、ご回答お願いします。

  • Fireworksの利点

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