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で質問しましょう!
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JW CAD の 挿入した画像への...
-
エクセルで、特定の画像へリン...
-
HO CADの活用について
-
GIMPで画像Aの横に画像Bを貼り...
-
画像掲示板の画像のみをサムネ...
-
マッチングアプリ風の画像を作...
-
一太郎の文章に貼り付ける画像...
-
バイナリデータからPNG形式の画...
-
マウスオーバーについて
-
4枚のjpeg写真を1枚に合成する
-
texの表について(セルの内容の...
-
Flashで遠近感のある表現は可能...
-
WALKMAN Launcherについて
-
フリーフォントでくねる之繞の...
-
【エクセル】ある列の文字と画...
-
既存画像(gif または png)の背...
-
Googleフォトで画像が半分グレ...
-
WORD2010でチラシを作っていま...
-
discordで画像保存できない
-
ワードに取り込んだ画像を背景...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JW CAD の 挿入した画像への...
-
【エクセル】ある列の文字と画...
-
エクセルで、特定の画像へリン...
-
texの表について(セルの内容の...
-
HO CADの活用について
-
一太郎の文章に貼り付ける画像...
-
画像の横に文字を書く方法
-
画像生成AIで作成したTシャツを...
-
InDesignスプレッドに含まれる...
-
マッチングアプリ風の画像を作...
-
imageJの使い方
-
HPビルダーで画像を重ねてリンク
-
ホームページのサムネイル画像...
-
バイナリデータからPNG形式の画...
-
サムネイル画像リンク先のHTML...
-
作ったjpg画像に「サンプル」と...
-
ページをめくるような効果 pho...
-
GIF画像に文字を重ねたいの...
-
画質の高い画像の検索方法あり...
-
ホームページビルダーの画像の...
おすすめ情報