1段組 Cascading Style Sheets
ページの上から順にヘッダー、コンテンツ、フッターを配置してページを構成します。Webページが上から下へスクロールする形式であることから、昔から一番よく利用されてきたパターンです。
01-01 ヘッダーの横幅を固定したパターン
ヘッダーの横幅を固定してページをデザインしたパターンです。シンプルなスタイルですが全体のバランスも取りやすく、すっきりと見せることができます。1段組ですので画面を広く使うことができる反面、コンテンツを横幅いっぱいに広げすぎてレイアウトが間延びしないよう注意。
①Caption for the first image.
②Caption for the second image.
③Caption for the third image.
④Caption for the third image.
⑤Caption for the third image.
⑥Caption for the first image.
⑦Caption for the second image.
⑧Caption for the third image.
⑨Caption for the third image.
⑩Caption for the third image.
⑪Caption for the first image.
⑫Caption for the second image.
⑬Caption for the third image.
⑭Caption for the third image.
⑮Caption for the third image.