パソコン書・ビジネス書出版のソーテック社

ソーテック社 | パソコン・ビジネス書籍出版

Yahoo!Googleで上位ランクするための 新版 SEO完全計画

Google検索

Google

WWW を検索
sotechsha.co.jp を検索
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
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


≪ 目次を隠す
※お使いのブラウザでJavaScriptが無効の場合は機能しません。