step02 教科書によるHTML5/CSS3ツアー

このstepは、図2-1に示す教科書を利用して、HTML5/CSS3という、表裏一体ともいえる2つのプログラミング言語を習得してもらう。見栄えがする、しかも後のプログラミングのベース（基盤）となりうるWebページやWebサイトを自分で作成できることが、このstepと、講座全体の目的である。

この教科書の実習用サンプルファイルはお道具箱に入っているので、zipファイルを展開した後に使うこと。

テキストの構成

このテキストの目次を以下に示す。

Step	内容	Step	内容
Step 01 Step 02 Step 03 Step 04 Step 05 Step 06 Step 07 Step 08 Step 09 Step 10 Step 11 Step 12 Step 13 Step 14 Step 15	HTMLとWWWサーバー タグの基本と改行 見出しと段落 文字の装飾 画像の掲載 リンクの作成－1 リンクの作成－2 CSSの基本－1 CSSの基本－2 文字書式のCSS－1 文字書式のCSS-2 CSSの色指定 背景のCSS サイズと枠線のCSS 余白のCSS	Step 16 Step 17 Step 18 Step 19 Step 20 Step 21 Step 22 Step 23 Step 24 Step 25 Step 26 Step 27 Step 28 Step 29 Step 30	角丸、影、半透明のCSS div要素とspan要素 回り込みのCSS フレックスボックスを使った配置 リンクのCSS CSSのまとめ 表の作成 表のCSS指定 グループ化とセルの結合 リストの作成と活用 ページレイアウトの作成－1 ページレイアウトの作成－2 CSSファイルの活用 インラインフレームの作成 フォームの作成

全体として、

• HTML5のプログラミング（Step 01 ～ 07）
• CSS3のプログラミング（Step 08 ～ 21）
• HTML5とCSS3を用いたプログラミング（Step 22 ～ 28）

という3部構成になっている。
HTML5およびCSS5の詳細な説明は、上記テキストに任せる。ただし、step29とstep30については、CGIプログラミングなどの習得が必要となるため、この講座では扱わない。