1段組 Cascading Style Sheets
ページの上から順にヘッダー、コンテンツ、フッターを配置してページを構成します。Webページが上から下へスクロールする形式であることから、昔から一番よく利用されてきたパターンです。
01-01 ヘッダーの横幅を固定したパターン
ヘッダーの横幅を固定してページをデザインしたパターンです。シンプルなスタイルですが全体のバランスも取りやすく、すっきりと見せることができます。1段組ですので画面を広く使うことができる反面、コンテンツを横幅いっぱいに広げすぎてレイアウトが間延びしないよう注意。
01-02 ヘッダーを画面の横幅いっぱいに表示するパターン
ページの周りの余白を消して、ブラウザ画面の横幅いっぱいにヘッダーを表示するパターンです。画面の横幅を大きくしても、常に画面横幅を広く使っている印象になります。ここでは、フッター部分の区切り線も画面の横幅いっぱいに表示します。また、コンテンツ部分は常に画面の中央に表示して全体のバランスを取ります。
新さっぽろ、サンプルさんぷるサンプルさんぷる。サンプルさんぷるサンプルさんぷる、サンプルさんぷるサンプルさんぷる、サンプルさんぷるサンプルさんぷる、サンプルさんぷるサンプルさんぷる、サンプルさんぷるサンプルさんぷる。
新さっぽろ名店紹介
- 飲食
- 菓子・食品
- 雑貨・インテリア
- 遊び・カルチャー
飲食
ナチュラルな雰囲気と こだわりの逸品たち これぞサンピアザの味
菓子・食品
○○○○○ 美しき心とたまぬ努力
雑貨・インテリア
旅の思い出を演出する 憩いの空間
遊び・カルチャー
戸外で そして温泉で満喫する 爽快なひととき
- ヤマハ音楽センター1
- 心身共に大満足な ピアノと名曲
- ヤマハ音楽センター2
- ○○○○○で 気分爽快なひととき
- ヤマハ音楽センター3
- ○○○○○を満喫
- ヤマハ音楽センター4
- 季節を感じさせる ○○○○○
- ヤマハ音楽センター5
- ○○○○○コースで味わう 醍醐味
- ヤマハ音楽センター6
- 気軽に楽しめる ○○○○○
- ヤマハ音楽センター7
- ○○○○○で○○○○○
- ヤマハ音楽センター8
- ○○○○○を愛する人たち