言語を学ぶ

HTML&CSSでつくるブログ記事一覧レイアウト

HTML&CSSでつくるブログ記事一覧レイアウト

チャプター:5

このブックでは、HTMLとCSSを使用して「ブログ記事の一覧ページ」のようなレイアウトを作成します。このブックを通して、HTMLとCSSを組み合わせた応用的なWebデザインを行う上での基礎を固めることができます。

1.ブログ記事のレイアウトの基となるHTMLをつくろう

このチャプターではHTMLを用いて、ブログ記事レイアウトの土台となるHTMLの構造を作成していきます。

20P

2.全体のレイアウトの装飾をしよう

このチャプターでは前回までのチャプターで作成したHTMLの全体構造にCSSで装飾を加えていきます。

20P

3.「箱」の装飾をしよう

このチャプターでは前回までのチャプターで作成したHTML構造のうち、「box」というクラス名のついた要素・それに関連する要素にCSSで装飾を加えていきます。

20P

4.記事の見出し部分の装飾をしよう

このチャプターでは前回までのチャプターで作成したHTML構造のうち、記事の見出し部分の装飾をCSSで行います。

20P

5.記事の中身の装飾をしよう

このチャプターでは前回までのチャプターで作成したHTML構造のうち、記事の中身の部分の装飾をCSSで行います。

20P