Webページの基本パーツ構成を学ぼう【トップページ編】

こんにちは。先月、増税前を理由に化粧品を買い込んでしまい、カード請求額が大変なことになったさとうです。

今回は、Webページの作成において知っておきたい、構成要素の名称をまとめて解説します。私自身の復習と確認もかねて、初歩の段階から解説しますので、ぜひ参考にしてみてください。

Webページの構成要素を6つ解説

WebページのTOPページは、以下の6つの要素で構成されています。各要素の名称や役割は、以下のとおりです。

①ヘッダー

サイトの上部に常に表示される部分です。

②メインビジュアル

アクセスした際、一番大きくかつ最初に目に付きます。サイトのイメージは、ほぼこの部分で決まります。

③グローバルナビゲーション

グロナビとよく略されてます。サイト全体のコンテンツが見渡せるメニューのようなものです。伝え方ナビのTOPのグロナビはメインビジュアルの下にありますが、ヘッダーに固定していたり、⑤の位置に設置したりしているサイトもあります。用途や導線によって位置は変わります。

④メインコンテンツ

メインの内容を設置しています。

⑤サイドバー

左端や右端に配置された縦長の表示・操作領域です。操作メニューや補助的な情報、webページでは広告などの表示にも使われます。

⑥フッター

サイトの一番下に置かれるためそう呼ばれています。サイトマップ（サイト全体の構成）がよく表示されます。検索が面倒だとサイトマップから移動するので、私はフッターにサイトマップがあるサイトが好きです。

まとめ

今回はWebページのTOPページにおける必須の構成要素をざっとご紹介しました。まだまだ覚えておきたいものはたくさんあるので、思いついたらまたご紹介したいと思ってます！

Tweet

この記事を書いた人

sato