※本書の販売は終了いたしました。本書の改訂版である「よくわかるHTML5+CSS3の教科書【第3版】」を販売しておりますので、こちらをご利用下さい。
関連サイト
出版社による関連ページが公開されています。
内容紹介
本書は、これから新しくHTMLとCSSを学びはじめる人向けの入門書です。最新バージョンのHTML5とCSS3をベースとした、「今現在の実践的な制作のときに必要となる知識」を学べる総合的な内容となっています。
ただし、HTML5はまだ策定途中の仕様であるため、現在でも微調整が続けられて仕様が変更されています。そのような状況であるため、ブラウザのサポートも完全ではありません。とはいえ、広く一般的に利用されている部分については、すでに利用可能となっていますので、本書ではそのような主要な部分を中心に解説していきます。
CSS3については、現時点で使用可能な（比較的多くのブラウザにサポートされている）ものを取り上げ、それ以外の部分ではCSS2.1を使って解説していきます。
また、本書では、初心者が眠くならずに学んでいけるような工夫も施されています。 普通に考えられる順序で解説すると、先にHTMLを学習してからそれを前提としてCSSを学ぶ、という流れになりますが、前半はタグの意味を覚えることが中心の退屈な内容になってしまいます。
そこで本書では、HTMLとCSSを少しずつ同時進行させています。このような進め方にすると、覚えた内容がすぐにブラウザでの表示結果としてあらわれるため、少しずつできるようになっていく感覚を積み重ねながら学習を進めていくことができます。
本書を、これからHTMLとCSSを覚える人が“楽しみながら学ぶ”ための入門書としてご活用いただけましたら幸いです。
（「まえがき」と本編より編集）
書誌情報
- 著者: 大藤 幹
- ページ数: 339ページ(PDF版換算)
- 対応フォーマット: PDF
- 出版社: マイナビ出版
対象読者
これからHTML、CSSの勉強をする人。HTML、CSSの知識は多少あるけれど、最新の情報でアップデートしておきたい人。
著者について
大藤 幹
札幌在住。大学卒業後、複数のソフトハウスに勤務し、CADアプリケーション・航空関連システム・医療関連システム・マルチメディアタイトルなどの開発に携わる。1996年よりWebの基本技術に関する書籍の執筆を開始し、2000年に独立。その後、ウェブコンテンツJIS（JIS X 8341-3）ワーキング・グループ主査、情報通信アクセス協議会・ウェブアクセシビリティ作業部会委員などを務める。現在の主な業務は、Webデザインに関連する書籍の執筆のほか、全国各地でのセミナー講師など。
著書は『基本からしっかりわかる Movable Type 5 カスタマイズブック』『基本からしっかりわかるWordPress 3.x カスタマイズブック』『Webプロフェッショナルのための黄金則 XHTML+CSS虎の巻』『世界の「最先端」事例に学ぶ CSSベスト・プラクティス』『世界の「最先端」事例に学ぶ CSSプロフェッショナル・スタイル』（以上、マイナビ）、『詳解 HTML&XHTML&CSS辞典』『Pocket 詳解 HTML5&CSS3辞典』（秀和システム）、『10日でおぼえる CSS/CSS3入門教室』（翔泳社）、『XHTML+CSS 超高速コーディング術』（ソシム）など多数。
目次
Chapter 1 はじめる準備
- Lecture 1-1 インターネットとサーバーについて
- Lecture 1-2 本書で使用するソフトウェアについて
Chapter 2 オリエンテーション
- Lecture 2-1 HTMLの役割、CSSの役割
- Lecture 2-2 HTMLのタグをつけてみよう！
- Lecture 2-3 CSSを使ってみよう！
Chapter 3 文法的なカタい話
- Lecture 3-1 HTMLのタグを正しくつける意味
- Lecture 3-2 HTMLの基礎知識
- Lecture 3-3 HTMLのバージョンについて
- Lecture 3-4 CSSの基礎知識
- Lecture 3-5 CSSのバージョンについて
- COLUMN 大文字と小文字の区別
Chapter 4 ページ全体の枠組み
- Lecture 4-1 HTMLの全体構造
- Lecture 4-2 CSSの組み込み方
- Lecture 4-3 グローバル属性
- Lecture 4-4 背景を指定する（1）
- COLUMN HTML4.01とXHTML1.0 のDOCTYPE 宣言
- COLUMN CSSファイルの文字コードの指定方法
- COLUMN CSSの中にさらに別のCSSを読み込む
- COLUMN 背景画像のURL について
Chapter 5 テキスト
- Lecture 5-1 テキスト関連の要素
- Lecture 5-2 色の指定方法
- Lecture 5-3 テキスト関連のプロパティ
- COLUMN ページ内の特定の場所にリンクする
- COLUMN 値の継承について
Chapter 6 CSSの適用先の指定方法
- Lecture 6-1 よく使う主要なセレクタ
- Lecture 6-2 その他のセレクタ
- Lecture 6-3 セレクタの組み合せ方
- Lecture 6-4 指定が競合した場合の優先順位
- COLUMN 「!important」はユーザースタイルシートでも使用できる
Chapter 7 ページ内の構造
- Lecture 7-1 基本構造を示す要素
- Lecture 7-2 画像・動画・音声関連要素
- Lecture 7-3 ボックス関連プロパティ
- Lecture 7-4 背景を指定する（2）
- Lecture 7-5 配置方法を指定するプロパティ
- COLUMN HTML5の新要素を古いIE に認識させる方法
- COLUMN widthとheightの発音
- COLUMN Firefox 3.6以前に対応させる際の注意
- COLUMN 数値が0 のときは単位を省略できる
- COLUMN 絶対配置による段組み
- COLUMN 文字コードを指定しているのに文字化けする！？
Chapter 8 ナビゲーション
- Lecture 8-1 ナビゲーションに関連する要素
- Lecture 8-2 リスト関連のプロパティ
- Lecture 8-3 表示形式を変えるプロパティ
- Lecture 8-4 ナビゲーションの作り方
- COLUMN dl要素はもともとは「定義リスト」だった!?
- COLUMN 行頭記号を画像にすると位置がずれる!?
Chapter 9 フォームとテーブル
- Lecture 9-1 フォーム関連の要素
- Lecture 9-2 フォーム関連のプロパティ
- Lecture 9-3 テーブル関連の要素
- Lecture 9-4 テーブル関連のプロパティ
- COLUMN 仕様上はもっと多くの部品が用意されている!?
- COLUMN textarea 要素にbox-shadowプロパティが適用されない現象
Chapter 10 その他の機能とテクニック
- Lecture 10-1 その他の要素
- Lecture 10-2 その他のプロパティ
- Lecture 10-3 clearfixについて
- Lecture 10-4 メディアクエリー
- Chapter 11 変形とアニメーション
- Lecture 11-1 トランスフォーム関連プロパティ
- Lecture 11-2 トランジション関連プロパティ
- Lecture 11-3 アニメーション関連プロパティ
Chapter 12 ページをまるごと作ってみよう
- Practice 12-1 サンプルページの概要を理解する
- Practice 12-2 まずはマークアップから
- Practice 12-3 ページ全体の初期設定と枠組みをつくる
- Practice 12-4 ナビゲーションとヘッダー
- Practice 12-5 サイドバーとフッター
- Practice 12-6 IE6対応へのヒント