アフィリエイト広告を利用しています

広告

posted by fanblog

2020年12月02日

Webページの構成

ヘッダーエリア


Webページ(ホームページ)の中で一番上にくるのが、「ヘッダー」です。
名前の由来はヘッド(頭)からきているそうです。
ヘッダーには、ロゴやナビゲーションメニューなどが配置されます。
最近では、ページ上部にいつも表示される場合が多いです。

ナビゲーション


ヘッダー内にある場合と、独立している場合があります。
ページ間を移動するためのリンクが張られます。

コンテンツエリア


コンテンツ(情報や内容)を表示するエリアです。

サイドバー


最近では、サイドバーのないレイアウトも増えていますが、詳細メニューやバナー、プロフィールや新着情報など、ブログサイトに多く見かけられます。

フッター


ページ最下部に位置する「フッター」の語源は FOOT(足)です。
最近では、補足情報を掲載するケースが増えているようです。

と、ざっくりとこれだけのエリアに分かれています。
これらを、大まかに配置、構図を作ったのを「フレームワーク」といいます。
いわゆる、下書きですかね。

私も、何度も手古摺りましたが、やはり最初に大まかな配置、構図を作成することがスムーズに Web制作することが可能となります。



この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバックURL
https://fanblogs.jp/tb/10378952
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック
プロフィール
奥谷 晋司さんの画像
奥谷 晋司
プロフィール
最新記事
カテゴリーアーカイブ
タグクラウド
スクールの案内
書籍紹介

世界一わかりやすいHTML5&CSS3コーディングとサイト制作の教科書/赤間公太郎/狩野咲/鈴木清敬【1000円以上送料無料】

価格:2,948円
(2020/12/9 11:31時点)

HTML&CSSとWebデザインが 1冊できちんと身につく本【電子書籍】[ 服部雄樹 ]

価格:2,508円
(2020/11/30 08:45時点)

【新品】初心者からちゃんとしたプロになるHTML CSS標準入門 おのれいこ/共著 栗谷幸助/共著 相原典佳/共著 塩谷正樹/共著 中川隼人/共著

価格:2,750円
(2020/12/9 10:36時点)

オンライン学習ツール
案件紹介サイト
×

この広告は30日以上新しい記事の更新がないブログに表示されております。