演習で力がつく HTML/CSSコーディングの教科書
著:磯 博
内容紹介
演習で理解度を確認しながら、HTML/CSSの基本をマスターしよう。
チュートリアルと解説書の要素を複合させ、飽きさせず、つまづかせず、自発的な学習を促す材料を、24のステップで提供。
各ステップの冒頭で手を動かしてWebページを作り、完成例を表示させながらHTML/CSSを習得します。
本書を通して正しい記法を身につけることで、きれいに表示され、検索エンジンから正しく評価されるWebページを作ることができます。
自分だけの力で作り上げるのは、とても楽しい!
HTML5/CSS3/CSS2.1対応。
●こんな人におすすめします→
手を動かしながら学びたい人
基礎の基礎からしっかりと身につけたい人
理解度を確認しながらステップ・アップしたい人
自力で作る楽しみを味わいたい人
●この本の特色
・24というステップで、段階的に理解できる。
・「実習」(チュートリアル)と「解説」に分かれており、理解しやすい。
・手を動かしながら具体的なページを作成していくことで、基本的な文法と実際のページの作り方の双方が理解できる。
・実習は文法理解を主眼に作られており、解説部分でHTML/CSSの文法を体系的に、「なぜ?」を解きながら学べる。
・用語や考え方、仕組み、関連知識など、文法を総合的に理解するために必要な知識を解説に織り込んでいる。
・Webページの作り方に関連するさまざまな知識についても解説されており、Web制作に関する総合的な知識が身につく。
・各種教育機関の授業で使用する場合、「実習」は宿題にし、授業で解説部分を説明するといった使い方ができる。担当教員にとって使い勝手がよい。
目次
■第1章 イントロダクション
Webページについて
HTML5について
Webページを作成するために必要なもの
この本の構成
学習を始める前に ~この本の読み方~
■第2章 HTMLの基本を学ぶ
STEP01 最も簡単なWebページを作る
STEP02 文書をセクションに分けて記述する
STEP03 HTML文書の木構造を理解する
STEP04 文章の意味づけとグループ化を行う
STEP05 画像を挿入する
STEP06 リンクを設定する
STEP07 パンくずリスト
STEP08 動画と音声を挿入する
理解度を確認しよう ~演習問題~
■第3章 CSSの基本を学ぶ
STEP09 CSSの書き方の基本
STEP10 スタイルの適用方法
STEP11 セレクタ
STEP12 スタイルの継承
STEP13 スタイルの優先順位
STEP14 ボックス設定の基本
STEP15 ボックスを様々に設定する
STEP16 floatによる回り込みの設定
理解度を確認しよう ~演習問題~
■第4章 2段組のページを作る
STEP17 トップページを作る
STEP18 メニューを作る
STEP19 2段組のレイアウトにする
STEP20 iframeを使って内容を切り替える
理解度を確認しよう ~演習問題~
■第5章 テーブルを作る
STEP21 テーブルを作るHTML要素
STEP22 テーブルのスタイルを設定する
理解度を確認しよう ~演習問題~
■第6章 フォームを作る
STEP23 フォームの基本
STEP24 いろいろなコントロール
理解度を確認しよう ~演習問題~
■第7章 Webサーバへアップロードする
Webサイトを作るに当たっての注意点
アップロードの方法
ロボットの排除
Webサイトのアイコン
理解度を確認しよう ~演習問題~
■付録1 HTML5の要素と属性の一覧
■付録2 CSS3のプロパティ一覧