CSS3 Design Book | ||
---|---|---|
本書は、スタイルシート(以下CSS)を使用して作成した実用的なデザインサンプルの解説本です。 これまでのCSSを使ったスタンダードなデザインから、CSS3を多く使った難易度の高いものまで、手順を追って解説していますので、手順に沿ってサンプルを作成すると、自然とCSSの機能が理解できるという仕組みになっています。 CSS3は、CSS2.1に新たな機能を追加したものですが、その内容は2.1から比べて飛躍的に増えました。例えば、角丸、グラデーション、テキストやボックスのドロップシャドウといったものから、Webフォントの利用、新しく加わった段組レイアウト、アニメーションや要素の変形など、その内容は多様です。 CSS3は、一見難しく聞こえますが、これまでのCSSの延長上にあるもので、そこに垣根がある訳ではありません。これまでのCSSの基本を抑えておけば、楽に活用できます。 本書では、これまでの基本的な機能とCSS3の新しい機能をWebページで実践的に活用できるよう、レイアウト、ヘッダー、メニュー、テキスト、画像、表、フォーム、フッターなど、各パーツごとのデザインの中に盛り込んでいます。 これらのサンプルとCSSの機能は、最新の主要ブラウザ(Firefox、Safari、Chrome、Opera、Internet Explorerは8〜9まで)とスマートフォン(iOSのMobile Safari、Androidの標準ブラウザ)での対応状況も掲載しています。 また、CSSでデザインする際のノウハウや、おさらいのためのCSSの基本事項、サンプルで使用するプロパティの解説も掲載していますので、初心者の方でも理解できる内容となっています。 最後に、本書を執筆するにあたり、ソーテック社のスタッフの方々にはサポートをしていただき、大変お世話になりました。 また、協力していただいた友人、家族に心から感謝いたします。 そして、この本を読んでくださった読者の方々に、少しでもお役に立てれば幸いです。 (本書「まえがき」より) |
||
著者:渡邉希久子 B5変形・344ページ・オールカラー 本体価格:2,680円+税 ISBN978-4-88166-930-3 |
||
本の購入はこちらからどうぞ | ||
サポートページへ | ||
INTRODUCTION
※お使いのブラウザでJavaScriptが無効の場合は機能しません。
Contents 本書の読み方・使い方 本書の構成 Chapter 1 スタイルシートの基本 Chapter1-1 CSSのメリット Chapter1-2 XHTML/HTMLの基本構造と用語 Chapter1-3 ツリー構造と要素の親子関係 Chapter1-4 ブロック要素とインライン要素 Chapter1-5 CSSの書式と定義 Chapter1-6 セレクタの種類 Chapter1-7 3種類のCSSの設定方法 Chapter1-8 スタイルの継承と優先順位 Chapter1-9 単位とURL Chapter1-10 @からはじまる書式 Chapter1-11 CSSにおける色について Chapter1-12 ページ情報を記述する Chapter1-13 ページサイズ−段組と横幅の関係 Chapter1-14 ボックスと関連プロパティ Chapter1-15 色と背景関連プロパティ Chapter1-16 テキスト関連プロパティ Chapter1-17 配置関連プロパティ Chapter 2 段組みレイアウト Chapter2-1 1段組のレイアウト Chapter2-2 2段組の固定レイアウト Chapter2-3 3段組の固定レイアウト Chapter1-4 2段組のリキッドレイアウト Chapter2-5 3段組のリキッドレイアウト Chapter2-6 フレキシブルボックスを使った2段組レイアウト Chapter2-7 フレキシブルボックスを使った3段組レイアウト Chapter 3 ヘッダーのデザイン Chapter3-1 基本のヘッダーを表示する Chapter3-2 CSS3でタイトルに影をつける Chapter3-3 ロゴとタイトルを画像で作成する Chapter3-4 背景画像の繰り返しを利用したヘッダー Chapter3-5 CSS3で線形グラデーションのヘッダー Chapter3-6 背景画像を使ったヘッダー Chapter3-7 CSS3で背景画像を重ねたヘッダー Chapter3-8 CSS3で画像の不透明度を調整したヘッダー Chapter3-9 CSS3でWebフォントを利用したヘッダー Chapter 4 メニューのデザイン Chapter4-1 リスト形式の基本メニュー Chapter4-2 背景色とボーダーでデザインしたメニュー Chapter4-3 CSS3で角丸ボタンのメニュー Chapter4-4 CSS3でメニューボックスの内側に影を付ける Chapter4-5 テキストと背景画像を使ったメニュー Chapter4-6 リンクテキストも画像で作成したメニューを表示する Chapter4-7 枠で囲んだメニュー Chapter4-8 基本のナビゲーションバー Chapter4-9 タブのナビゲーションメニュー Chapter4-10 プルダウンメニュー付きメニュー Chapter 5 テキスト・見出し・画像のデザイン Chapter5-1 ページ全体のテキストを管理する Chapter5-2 見出しをデザインする Chapter5-3 画像を使った見出し Chapter5-4 付加情報を付けた見出し Chapter5-5 画像の配置とテキストの回り込み Chapter5-6 マルチカラムを使った文章のレイアウト Chapter5-7 画像を並べて配置する Chapter5-8 CSS3でクリックすると画像が変わるギャラリー Chapter5-9 写真をクリックすると詳細情報が現れるギャラリー Chapter 6 テーブルとフォームのデザイン Chapter6-1 基本的なテーブルを作成する Chapter6-2 カレンダーをデザインする Chapter6-3 CSS3でストライプの表を作成する Chapter6-4 基本のフォームをデザインする Chapter6-5 ユーザビリティの高いフォームを作成する Chapter 7 フッターのデザイン Chapter7-1 基本のフッターを作成する Chapter7-2 情報量の多いフッターをデザインする Chapter 8 組み込みデザイン Chapter8-1 ボーダーで囲んだ2段組固定レイアウト Chapter8-2 タブ形式のナビゲーションの2段組固定レイアウト Chapter8-3 3段組リキッドレイアウトのブログサイト Chapter8-4 グラデーションとRGBAとボーダーでデザインする INDEX CSS-INDEX HTML-INDEX KEYWORD-INDEX ≪ 目次を隠す |