WEBサイトを構成する様々な要素の名前と役割を確認しておきましょう。チームで作業する時の共通認識として基本的な呼び名を覚えておくとスムーズです。
レイアウト
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img01-17.png)
縦の列の事を「カラム」と呼びます。
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img02-6.png)
横の行の事を「ロウ」と呼びます。
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img03-3.png)
マス目状に並んでいるものを「グリッド」とよび、グリッドがコンテンツの長さに応じて可変されているものを「ボード」と呼びます。
ナビゲーション
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img04-2.png)
WEBサイト全体のメニューを設置することを、ナビゲーションと呼びます。サイトの一番上部を「header・ヘッダ」最下部を「footer・フッタ」と呼びます。
ヘッダにあるものを「ヘッダナビ」または「グローバルナビ」
フッタにあるナビを「フッターナビ」と呼んだりもします。
イベントカレンダー
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img08.png)
営業カレンダーやイベントカレンダーです。GoogleカレンダーをHTMLに埋め込んで活用することもあります。
ページとブログ記事
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img05.png)
標準的な仕様では、ブログ記事は時系列で管理することができるように、タイムスタンプ情報を保有しています。
対して、通常のページは記事を書いた日時で検索しないため、時系列に並べることができません。
動画とフォトギャラリー
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img06-2.png)
PHOTOGALLERYや動画の埋め込み。動画はストリーミングサーバーを準備することもあれば、YouTubeにアップしたものを埋め込む場合もあります。
お問い合わせ・フォーム
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img11-1.png)
お問い合わせや各種フォーム
検索
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img10.png)
検索窓・検索結果のページ
コメント
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img09-1.png)
コメント投稿、表示
カート・決済機能
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img07-3.png)
ショッピングカートと決済機能
地図・Google Maps
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img12.png)
GoogleMapの挿入や地図
商品カテゴリー・商品一覧・商品ページ
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img13.png)
商品カテゴリー・商品検索・商品一覧・商品詳細ページ
CAROUSEL
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img14-1.png)
スライドショー・CAROUSEL
CHAT
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img15.png)
チャット形式の会話
PRICE
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img17.png)
価格表
FAQ
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img16.png)
よくあるご質問
SITEMAP
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img18.png)
サイトマップ
MUSIC
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img19.png)
ストリーミング・配信
LIST
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img20.png)
リスト形式
TAB
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img21.png)
タブ式
POP UP
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img22.png)
ポップアップ表示
CHAT
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img23.png)
404
CAROUSEL
![](https://www.taniweb.jp/wp/wp-content/uploads/2023/08/img24.png)
画像のアップロード機能