速習Webテクニックシリーズ速習Webテクニック
スタイルシート 上級レイアウト
2006年3月29日紙版発売
河内正紀 著
B5変形判/248ページ/CD1枚
定価3,058円(本体2,780円+税10%)
ISBN 4-7741-2720-5
ただいま弊社在庫はございません。
書籍の概要
この本の概要
Webページのデザインを支配するCSS(スタイルシート)。段組の仕方から始まり,各種ブラウザで同一に表示させるためのテクニック,ナビゲーション等のパーツ別レイアウト,Webサイトを構築する際のワークフロー,blogや企業サイトなどのサイト別レイアウト,実際のWebサイトに見る先進的なデザインなどを解説します。
スタイルシートのソースコードを長々と羅列せずに,できるだけ小分けにして文章で解説することにより,読みながら理解できるよう配慮しました。
こんな方におすすめ
- CSSの入門書を読んだ方
- 各種ブラウザで同じように表示させる段組のレイアウト方法を知りたい方
- (X)HTMLやCSSはある程度わかっているが、Webページのレイアウトとなると、どのようにCSSを書けばよいのかわからない方
目次
Chapter.1 レイアウトを始める前に
- 1.1 なぜCSSを利用するのか
- 1.2 正しい文書構造が大切になる
- 1.3 さまざまなブラウザとCSS
Chapter.2 段組レイアウト
- 2.1 段組ことはじめ
- 2.2 ボックスモデルとボックスモデルハック
- 2.3 positionによる段組
- 2.4 floatによる段組
- PLUS ONE CSS3のマルチカラムレイアウト
Chapter.3 パーツ別レイアウト
- 3.1 見出しと段落
- 3.2 リストとナビゲーション
- 3.3 フォームとテーブル
- PLUS ONE さまざまな文法チェッカー
Chapter.4 ページレイアウト
- 4.1 レイアウトの下準備
- 4.2 ページレイアウトのワークフロー
- 4.3 入れ子にしたリストで作るプルダウンメニュー
Chapter.5 サンプルレイアウト
- 5.1 ベーシックな企業サイト
- 5.2 可変幅の3段組ニュースサイト
- 5.3 一覧性の高いショッピングサイト
- 5.4 背景画像を効果的に利用したブログサイト
- PLUS ONE 効率的なCSSの管理
Chapter.6 実例レイアウト
- 6.1 複雑なグリッドに合わせたボックスの配置 − infosion
- 6.2 シンプルなフロートの段組を個性的に演出 − Q-design Software
- 6.3 PNGの利点を活かした画像の配置 − Alazanto
- 6.4 柔軟性の高い背景画像の組み合わせ − Designchuchi
- 6.5 Flashによるダイナミックな表現とアクセシビリティの両立 − web.burza
- PLUS ONE CSSのタイポグラフィの限界とその代替方法
Appendix
- A.1 DOCTYPE宣言とブラウザのレンダリングモード
- A.2 セレクタ一覧と対応ブラウザ
- A.3 CSSハック
- A.4 スタンドアローン版のWindows Internet Explorer
この本に関連する書籍
-
速習Webテクニック Smarty 動的Webサイト構築入門
HTMLとCSSでWebサイトを作れるようになった人が次にハマると考えられるのが,動的なページ生成です。これは,メニュー等を毎ページ同じように作成していたら,作成作業...
-
速習Webデザイン HTML&スタイルシート
本書は,Webサイトの構造を記述するHTMLとWebサイトのデザインを記述するスタイルシートの書き方をレッスン形式で基礎から解説しています。スタイルシートを使ったWebサ...
-
速習Webデザイン 改訂新版 Webデザイン基礎
Webサイトを制作するときに,いつも悩んでしまうのがWebのデザイン。そんな方のために,Webサイト制作のワークフローから,各パーツのデザイン方法,ユーザビリティやア...