人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

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

●質問者: mine-D
●カテゴリ:ウェブ制作
✍キーワード:CSS Dreamweaver Fireworks Illustrator Macromedia
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● toguo
●60ポイント

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

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

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

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

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

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

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


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

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

◎質問者からの返答

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ