Webデザインについての質問です。Macromedia Studio 8に収録されているDreamWeaverやFireworksなどを使ってデザインしようとしています。


例えばサイトのヘッダ部分などをFireworksで作ります。これをスライスして書き出すとtableタグが生成されるようです。しかしながら、ここ最近のいわゆるWeb2.0らしいデザインを見ますと、CSSで指定した背景画像と画像データを組み合わせた、かなり複雑な作りをしているケースが多いように見受けられます。私もtableは使用せず、cssでデザインしたいと思っています。

Fireworks、あるいはIllustratorもしくはPhotoshopなどで作成した画像を、tableタグではなくcssに落とし込むような手順を、実際に説明しているようなサイト、あるいは書籍はあるでしょうか。教えてください。よろしくお願いいたします。

回答の条件
  • 1人2回まで
  • 登録:2007/09/20 23:06:52
  • 終了:2007/09/27 23:10:13

回答(1件)

id:toguo No.1

toguo回答回数72ベストアンサー獲得回数32007/09/22 16:14:43

ポイント60pt

僕の働いている会社で、PhotoShopなどの画像処理ソフトを触ったことしかないスタッフに、CSSレイアウトを覚えてもらうために以下の本を読んでもらい作業してもらいました。

プロとして恥ずかしくないスタイルシートの大原則

プロとして恥ずかしくないスタイルシートの大原則

  • 出版社/メーカー: MdN
  • メディア: ムック

世界の「最先端」事例に学ぶCSSプロフェッショナル・スタイル (Web Designing Books)

世界の「最先端」事例に学ぶCSSプロフェッショナル・スタイル (Web Designing Books)

  • 作者: 大藤 幹
  • 出版社/メーカー: 毎日コミュニケーションズ
  • メディア: 単行本


最初は、構造化されたHTMLを書くことを優先して作業してもらい最後に見た目を落とし込む形で覚えてもらうと、さほど混乱せずに「ここは画像で」「ここはCSSを使って画像を表示させる」という区別も理解出来ていました。

以上、参考になれば幸いです。

id:mine-D

ありがとうございます。現場の方のご意見が聞きたかったので、うれしいです。参考になりました。ご紹介いただいた書籍、読んでみますね。

2007/09/22 19:50:10

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません