Web標準テキスト(2) CSS (スタイルシート)
![]() | Web標準テキスト(2) CSS (Web標準テキストシリーズ 2) (2008/01/12) 福島 英児 価格:¥ 2,289 (税込) 1500 円以上国内配送料無料 商品詳細を見る Webページのレイアウトデザインに様式美をもたらすCSS(Cascading Style Sheet)の技術は革命をおこしました。画面を拡大するとレイアウトが乱れたりするWebページと決別できるからです。しかも,紙の出版物を超える自由度の高さ,汎用性の高さ,便利さがそこに生まれたのです。しかしHTMLよりも,直感的にはわかりにくいので,根本的に仕組みを理解することが必要です。本書では,CSSの記法をシステマチックにまとめてわかりやすく解説します! これでWebデザインも自由自在です! |
著者からのコメント
本書では、HTML+CSSでWebサイトを制作する上で、これからCSSを覚えたい方、オーサリングソフトのデザインビューなどのWYSWYGだけではなく、しっかりと基礎を学んでハンドコーディングをおこなえるようになりたいという方に、CSSの基礎から基本テクニック、CSSによるレイアウトまでをわかりやすく解説していきます。本書をきっかけとして、(X)HTML、DOMなどの標準技術へ興味を持っていただき、ユーザービリティ、アクセシビリティなど閲覧者のことをしっかりと考えたWebサイトを制作する足がかりとなれば幸いです。
【目次】
【第1章 イントロダクション─Web標準とは何か?】
1 誰がWeb標準を決めるのか
2 インフラとトレンドから考えるWeb標準
3 Web標準のメリット
4 構造言語と表現言語
5 その他の言語やガイドライン
【第2章 文書構造─これからはXHTMLでWebページを構築】
01 Webの仕組みを理解する
02 XHTMLの全体像と書式
03 XML宣言、文書型宣言、名前空間と言語コード
04 タイトル、文字コードセット、説明文とキーワード
05 検索ロボットの制御、その他のメタデータ、ナビゲーションリンク
06 見出し、パラグラフ、作成者情報、区切り線
07 引用文、整形済みテキスト
08 箇条書きリストと番号リスト、定義型リスト、表
09 リンク、画像
10 テキストを定義するためのインライン要素
11 グループ化要素、コメントの挿入、文字参照
【第3章 視覚表現―CSSでWebページを自由にデザイン】
01 CSSの役割
02 CSSの書式
03 CSSの適用方法と優先順位
04 セレクタと擬似クラス・擬似要素
05 ボックスモデル
06 視覚整形モデル
07 視覚効果
08 文字色と背景
09 フォント
10 テキスト
11 表
12 生成内容
13 リスト
14 ユーザーインターフェース
15 atルールとメディアコントロール
【第4章 インタラクティブ─Webサイトを彩る多様なコンテンツ】
1 フォームの設置
2 スクリプトの組み込み
3 イメージマップの埋め込み
4 インラインフレームの埋め込み
5 Javaアプレットの埋め込み
6 オブジェクトの埋め込み
7 フレームの設定
【第5章 リデザイン―Web標準へのスムーズなスイッチ】
1 HTML4.01、XHTML1.0、XHTML1.1の違い
2 HTMLからXHTMLへの移行方法
3 XHTML 1.1廃止要素の代替
4 XHTML 1.1廃止属性の代替
5 XHTML 1.1追加要素の解説
【第6章 クロスブラウザレイアウト―ブラウザを選ばないレイアウトテクニック】
01 ブラウザの実装と互換性
02 DOCTYPEスイッチと表示モード
03 CSSハック
04 外部スタイルシートのつくり込み
05 レイアウトテクニック(1)─ 文書本体
06 レイアウトテクニック(2)─ ナビゲーション
07 レイアウトテクニック(3)─ リンク
08 レイアウトテクニック(4)─ テキスト
09 レイアウトテクニック(5)─ 見出し
10 レイアウトテクニック(6)─ 引用文
11 レイアウトテクニック(7)─ リスト
12 レイアウトテクニック(8)─ 表
13 レイアウトテクニック(9)─ フォーム
14 レイアウトテクニック(10)─ 画像の代替表現
15 レイアウトテクニック(11)─ マルチカラムレイアウト
16 レイアウトテクニック(12)─ 印刷用スタイル
【第7章 アクセシビリティ―多様なユーザーに配慮したWebの設計】
1 アクセシビリティとは
2 W3Cの取り組み:WAI
3 Webコンテンツ・アクセシビリティ・ガイドライン1.0(WCAG1.0)
4 米国リハビリテーション法第508条(Section 508)
5 WebコンテンツJIS(JIS X 8341-3)
【第8章 メタデータ―効率的な情報収集を支えるWebテクノロジー】
1 メタデータとセマンティックWeb
2 RSSによる効率的な情報配信
3 FOAFによる人物プロファイルの提供
【付録】
HTML/XHTMLリファレンス
CSSリファレンス
ブラウザのDOCTYPEスイッチ一覧
文字参照一覧
言語コード一覧
XHTML1.1とXHTML2.0草案のモジュール比較表
▼ ホームページ作成ガイドブック
L ホームページ・ブログ作成ソフト
L HTML & CSS
L CSS(スタイルシート)
L JavaScript(ジャバスクリプト)
L 無料でできる・作るシリーズ
▼ スタイルシート(CSS)解説本
L HTML/XHTML&スタイルシートレッスンブック
L ワンランク上を目指す CSSクリエイティブ・デザイン
【第1章 イントロダクション─Web標準とは何か?】
1 誰がWeb標準を決めるのか
2 インフラとトレンドから考えるWeb標準
3 Web標準のメリット
4 構造言語と表現言語
5 その他の言語やガイドライン
【第2章 文書構造─これからはXHTMLでWebページを構築】
01 Webの仕組みを理解する
02 XHTMLの全体像と書式
03 XML宣言、文書型宣言、名前空間と言語コード
04 タイトル、文字コードセット、説明文とキーワード
05 検索ロボットの制御、その他のメタデータ、ナビゲーションリンク
06 見出し、パラグラフ、作成者情報、区切り線
07 引用文、整形済みテキスト
08 箇条書きリストと番号リスト、定義型リスト、表
09 リンク、画像
10 テキストを定義するためのインライン要素
11 グループ化要素、コメントの挿入、文字参照
【第3章 視覚表現―CSSでWebページを自由にデザイン】
01 CSSの役割
02 CSSの書式
03 CSSの適用方法と優先順位
04 セレクタと擬似クラス・擬似要素
05 ボックスモデル
06 視覚整形モデル
07 視覚効果
08 文字色と背景
09 フォント
10 テキスト
11 表
12 生成内容
13 リスト
14 ユーザーインターフェース
15 atルールとメディアコントロール
【第4章 インタラクティブ─Webサイトを彩る多様なコンテンツ】
1 フォームの設置
2 スクリプトの組み込み
3 イメージマップの埋め込み
4 インラインフレームの埋め込み
5 Javaアプレットの埋め込み
6 オブジェクトの埋め込み
7 フレームの設定
【第5章 リデザイン―Web標準へのスムーズなスイッチ】
1 HTML4.01、XHTML1.0、XHTML1.1の違い
2 HTMLからXHTMLへの移行方法
3 XHTML 1.1廃止要素の代替
4 XHTML 1.1廃止属性の代替
5 XHTML 1.1追加要素の解説
【第6章 クロスブラウザレイアウト―ブラウザを選ばないレイアウトテクニック】
01 ブラウザの実装と互換性
02 DOCTYPEスイッチと表示モード
03 CSSハック
04 外部スタイルシートのつくり込み
05 レイアウトテクニック(1)─ 文書本体
06 レイアウトテクニック(2)─ ナビゲーション
07 レイアウトテクニック(3)─ リンク
08 レイアウトテクニック(4)─ テキスト
09 レイアウトテクニック(5)─ 見出し
10 レイアウトテクニック(6)─ 引用文
11 レイアウトテクニック(7)─ リスト
12 レイアウトテクニック(8)─ 表
13 レイアウトテクニック(9)─ フォーム
14 レイアウトテクニック(10)─ 画像の代替表現
15 レイアウトテクニック(11)─ マルチカラムレイアウト
16 レイアウトテクニック(12)─ 印刷用スタイル
【第7章 アクセシビリティ―多様なユーザーに配慮したWebの設計】
1 アクセシビリティとは
2 W3Cの取り組み:WAI
3 Webコンテンツ・アクセシビリティ・ガイドライン1.0(WCAG1.0)
4 米国リハビリテーション法第508条(Section 508)
5 WebコンテンツJIS(JIS X 8341-3)
【第8章 メタデータ―効率的な情報収集を支えるWebテクノロジー】
1 メタデータとセマンティックWeb
2 RSSによる効率的な情報配信
3 FOAFによる人物プロファイルの提供
【付録】
HTML/XHTMLリファレンス
CSSリファレンス
ブラウザのDOCTYPEスイッチ一覧
文字参照一覧
言語コード一覧
XHTML1.1とXHTML2.0草案のモジュール比較表
▼ ホームページ作成ガイドブック
L ホームページ・ブログ作成ソフト
L HTML & CSS
L CSS(スタイルシート)
L JavaScript(ジャバスクリプト)
L 無料でできる・作るシリーズ
▼ スタイルシート(CSS)解説本
L HTML/XHTML&スタイルシートレッスンブック
L ワンランク上を目指す CSSクリエイティブ・デザイン
関連タグ : CSSガイドブック




