言語を学ぶ

HTML&CSSでつくる三段組レイアウト

HTML&CSSでつくる三段組レイアウト

チャプター:7

このブックでは、HTMLとCSSを使用して「三段組レイアウト」を作成します。このブックを通して、応用的なWebデザインを行う上での基礎を固めることができます。

1.三段組レイアウトのHTML構造をつくろう

このチャプターではHTMLを用いて、HTML全体の構造を作成していきます。このチャプターを通して、一般的なWebサイトで採用されるHTML構造の基本的なパターンを学習することができます。

30P

2.三段組レイアウトの中身の要素を追加しよう

このチャプターでは、前回のチャプターで作成したHTML構造に より詳細なHTML要素を追加していきます。

30P

3.レイアウトの外枠を装飾しよう

このチャプターでは前回までのチャプターで作成したHTML構造の外枠を装飾していきます。

36P

4.三段組レイアウトの装飾をしよう

このチャプターではHTML構造の中の「三段組レイアウト」部分を装飾をしていきます。このチャプターを通して横並びのレイアウトをどのようにつくるのかを学ぶことができます。

46P

5.三段組レイアウトの各項目の見出しを装飾しよう

このチャプターでは、前回のチャプターで装飾を行った「三段組レイアウト」の各項目の装飾をしていきます。

34P

6.見出しの色をメニューの種類ごとに変えてみよう

このチャプターでは、「三段組レイアウト」の中にある各項目の区別をつけやすくするため、見出しの色を装飾していきます。

32P

7.メニュー一覧の装飾をしよう

このチャプターでは「三段組レイアウト」の各項目に記入されているメニュー部分の装飾を行います。

30P