HTML、CSSを勉強中の初心者です。
初歩的な質問ですが、お答えいただけると幸いです。
Webページ制作について自分なりに色々調べていたところ、一般的にWebページを作る場合、FireworksでHPをレイアウトし、スライス→書き出しをした後に、書き出した画像を一つ一つ(手打ち、もしくはDreamweaverなどで)配置する、というのが主流のようです。
しかし、実際にFireworks CS6を使ってみたところ、書き出し時に「HTMLと画像の書き出し」、「CSSと画像の書き出し」というものがありました。
「HTMLと画像の書き出し」では、テーブルが使用されているため、現在は推奨されないと思いますので、使用されないのはわかるのですが、「CSSと画像の書き出し」では、現在主流となっているCSSでのレイアウトになっているようでした。
書き出されたHTMLを確認してみたところ、表示・ソースも一見問題ないように見えたのですが、この機能があまり使われていないのはなぜでしょうか。
※もちろん、この書き出しはただ一枚のページを作っただけで、そこから様々な動作をつけるのは自分でやらなければいけないのは理解しています。
No.1ベストアンサー
- 回答日時:
仕事でホームページを作っているものです。
拝見させていただきました。
>FireworksでHPをレイアウトし、スライス→書き出しをした後・・
この辺りは作業者によって分かれるような気がします。
わたしもFireworksをデザイン作成に使いますが、基本的に保存形式はpngの為、最終的に(ある程度完成した時点で)、そのpngファイルをフォトショップで開いてトリミング(=スライス)して画像を作成しています。
例えばページを横断するバー状のデザインにしても実際には一部分だけカットしてCSSで「background:repeat-x;」することもあるかと思います。
>(CSSと画像の書き出し)この機能があまり使われていないのはなぜでしょうか。
これは、確かにそれらしいCSSは吐出されるのですが、そもそもCSS自体はある程度サイト全体で使いまわすものだと思いますので、Fireworksで作った1ページのためだけのCSSを用意するのは非効率な感じがします。
後から同じようなページを作る時にFireworksで勝手に決められたCSSルールを探して使いまわすのは大変かと思います。
それよりもFireworksはあくまでもデザイン見本作成に使い、CSS部分はdreamweaverでご自身で定義されたほうが使いやすいと思います。
私はこのことが、Fireworksの書き出しがあまりメジャーではない理由ではないかと思います。
ご参考まで。
ご解説ありがとうございます。
たしかにFireworksでの書き出しだと、1枚のHTMLにつき1枚のCSSという感じでとても効率が悪いですね…。
Webページの素案として一枚絵で使う分には良さそうですが、実際にコーディングする時は結局は自分で修正しなければいけなかったりしますし、それが使われない理由なのでしょうね。
ご丁寧にありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS ホームページをちょっと加工する程度の無料または古くて安く購入できる作成ソフトを教えてください 5 2022/12/16 12:17
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- HTML・CSS HTMLとCSS(ブラウザ関連)について質問です。 1 2023/03/07 08:07
- Illustrator(イラストレーター) イラストレーター(イラレ)で書き出した画像が荒れます… 3 2022/05/19 17:30
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JW CAD の 挿入した画像への...
-
これはどこの国ですか?
-
ChatGPTについて、質問です。 C...
-
マッチングアプリ風の画像を作...
-
一太郎の文章に貼り付ける画像...
-
エクセルで、特定の画像へリン...
-
画質の高い画像の検索方法あり...
-
Impress、ページ番号を奇数ペー...
-
画像編集について いくつかの画...
-
flash cs5 のpng画像が汚くなる件
-
画像に文字をきれいに重ねるの...
-
imageJの使い方
-
PDFファイルの「加筆した」画像...
-
2つの画像をきれいにコンバイ...
-
画像生成AIで作成したTシャツを...
-
画像の横に文字を書く方法
-
GIMPで回転について
-
fireworks 多角形スライスツー...
-
ワードプレスで、画像の横に文...
-
既存画像(gif または png)の背...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
これはどこの国ですか?
-
PDFファイルの「加筆した」画像...
-
JW CAD の 挿入した画像への...
-
HO CADの活用について
-
ChatGPTについて、質問です。 C...
-
texの表について(セルの内容の...
-
マッチングアプリ風の画像を作...
-
エクセルで、特定の画像へリン...
-
画像生成AIで作成したTシャツを...
-
HPビルダーで画像を重ねてリンク
-
imageJの使い方
-
サムネイル画像リンク先のHTML...
-
画質の高い画像の検索方法あり...
-
一太郎の文章に貼り付ける画像...
-
InDesignスプレッドに含まれる...
-
4枚のjpeg写真を1枚に合成する
-
ムービーメーカー 多数の画像...
-
GIF画像に文字を重ねたいの...
-
BMPファイルの階調付きを変換し...
-
ホームページのサムネイル画像...
おすすめ情報