フロントエンドエンジニア養成所

サイトを構成するパーツをおさらい

サイト作成を始める前に、作成するサイトを構成するパーツのおさらいをします。

下記のキャプチャを元に解説します。

Alt text

サイトの最上部にある赤枠部分を ヘッダ といいます。

ヘッダには通常、ページの一番上に表示され、サイトのロゴ、ナビゲーションメニュー、検索バーなどが含まれます。

黄色の枠にはサイトイメージを表示します。

緑の枠はサイドメニュー、青の枠はニュース(メイン)コンテンツになります。

サイトの最下部、紫の枠の部分は フッタ となります。

フッタには通常、サイトマップ、著作権表示、プライバシーポリシー、SNSへのリンク、お問い合わせ先などが含まれます。

本サイトでは、パーツを以下の順に作成していきます。

  1. ヘッダ
  2. 中央コンテンツ(サイトイメージ、サイドメニュー、ニュースコンテンツ)
  3. フッタ

このサイトを運営している人

運営者の写真

はじめまして。このサイトを運営しているsidsydです。

エンジニアをしたり、日本酒サイト「酒道」を運営したりしております。

▶ 運営者情報ページへ