スタイルシートによるレイアウトデザイン見本帳 CSS LAYOUTDESIGN SAMPLES

翔泳社(出版社) , 大藤幹(著) , 松原慶太(著) , 押本祐二(著)

商品番号
107160
販売状態
販売終了
納品形態
宅配便にてお届け
発売日
2005年05月09日
ISBN
4798107166
判型
B5
ページ数
240
刷・バージョン
7
付録:CD-ROM
1
キーワード
 メーカー  ホームページ作成  インターネット  シリーズ  スタイルシート(CSS)  翔泳社  ADVANCED WEB DESIGN BOOKSシリーズ

販売価格:¥2,700(税込)

送料無料

本体価格の10%をポイント還元(会員限定)

現在、本商品は販売しておりません。
  • このエントリーをはてなブックマークに追加
ほしい物リストに追加

現場ですぐに役立つ!プロがデザインした「ひな形」と「応用術」

スタイルシート(CSS)は、Webのデザインツールの標準です。しかし、それを一から書くのは面倒なことも多いはず。本書は、そんな問題に応えるCSSによるレイアウトデザインの「ひな形」集です。この本は読者の作業効率を上げるものとなるでしょう。また、このサンプルを使いながらCSSによるレイアウトデザインを学ぶこともできます。基本となる段組み型のレイアウトから、ギャラリー型、ブログ型、さらにフォームやショッピングカート用のひな形も用意しています。サンプルだけでなく、その応用方法やカスタマイズ術も解説しているので、現場ですぐに役立ちます。
付属CD-ROMに24のサンプルを収録。
(CD-ROM for Windows&Macintosh)

01 トップページ型

01_01 トップページ A
基本編:上部に大きな画像イメージを配置する、汎用性のあるトップページ
応用編:背景画像と組み合わせることで、印象を変える

01_02 トップページ B
基本編:左サイドにナビゲーションを配したトップページ
応用編:CSSによるインタラクション

02 段組み型/逆L字型(2コラム)

02_01 2コラム A(フローズン)
基本編:ブラウザのウィンドウサイズに関わらない横幅固定の、2コラム型レイアウト
応用編:文字サイズの可変ボタン

02_02 2コラム B(リキッド)
基本編:ブラウザウィンドウの幅に追従し伸縮可能な、2コラム型レイアウト
応用編:リキッドレイアウトに対応したタイトル画像の使用法

03 段組み型/逆L字型(3コラム)

03_01 3コラム A(フローズン)
基本編:サイドにメニューを配し、メイン部分が2分割されたレイアウト
応用編:メインコンテンツを3段組にする

03_02 3コラム B(リキッド)
基本編:サイドにメニューを配し、メイン部分が2分割されたレイアウト(リキッド)
応用編:フローズンとリキッドの組み合わせを考える

04 ギャラリー型

04_01 ギャラリー A
基本編:サムネイルイメージを大量に表示する、ギャラリー型メニューページ
応用編:アクセントをつけてページの印象を変える

04_02 ギャラリー B
基本編:サブメニューを表示した、ギャラリー型のコンテンツページ
応用編:テキスト主体のコンテンツページに変更する

05 blog型

05_01 blog A
基本編:サイドバーを左側に配置した、2段組のblogページ
応用編:デザインや表示位置を変更することで、違った印象にする

05_02 blog B
基本編:サイドバーを左右に配置した、3段組のblogページ
応用編:blogをさらにカスタマイズする

06 その他

06_01 登録ページ
基本編:入力フォームを多用した、登録ページ
応用編:目的や機能に応じてフォームをアレンジする

06_02 確認ページ
基本編:表組みを使用した、ショッピングカートの確認ページ
応用編:テーブルのカスタマイズと、プリントアウトへの対応

APPENDIX CSSリファレンス

書籍のサンプルなどのダウンロードは、翔泳社サイトへ移動いたしました。
ダウンロード

各種問い合わせは以下のリンクからご連絡ください

関連商品