FRAMeWORK - フレームワーク framework 花柄ロングスカート 薄手

こんにちは京都オフィスの山田です。
今回は、ホームページ・ブログの各パーツの名称をご紹介していきます。
NIKE - ナイキ エアジョーダン6 レトロ インフラレッド ホワイト 2014
※に公開した記事ですが、インファクトのデザインが変わっているためいくつかの文言、画像を修正し、に再度公開しました。

ロイヤルホスト POPEYE パーカー

【ヘッダー】
ヘッダーは、基本的にページ上部にあり、どのページへ移っても表示されるようになっております。
伯様専用★MIUMIU財布

【グローバルナビゲーション(ヘッダーメニュー)】
グローバルナビゲーション(ヘッダーメニュー)は、ホームページ内に存在する、主要なページへ案内する為のメニューになります。制作側の見てもらいたいページ、よく見られるページをここに配置します。

【アイキャッチ】
閲覧者の目が最初にいき、何のホームページなのか認識してもらう部分になります。
eye catch、つまり、ページに興味を持ってもらう、目を引かせることが重要です。

【バナー】
バナーとは、クリックすると他のページやサイトへジャンプするリンクが貼られたものになります。

アイナ・ジ・エンド - THE END【初回生産限定盤】
テキストリンクは、テキストにリンクを貼ったものです。
マウスを近づけると下線が現れたり、色が変わりリンクテキストであることが分かり、クリックすると別のページや画像へジャンプします。
トップス(2/17まて)

 

Callaway - キャロウェイ ローグST トリプルダイヤモンド LS 10.5° おまけ付き
ニュースサイトの記事やブログ記事などの画像とタイトルを表示しています。

【フッター】
ホームページの最下部にあり、ヘッダーと似た役割をしていますが、サイトマップのようにヘッダーより細かく各ページ表示されています。

 

【ハンバーガーメニュー】
スマホ画面でよく見るメニューアイコンがハンバーガーメニューと呼ばれています。
三本線がハンバーガーに似ているためハンバーガーメニューと呼ばれています。

 

ブログやサブページなどの各パーツの名称

NARACAMICIE - イタリア発信!ナラカミーチェ ブルーストライプシャツ

【パンくず】
パンくずは、閲覧者がペーのどの位置にいるのか表示しています。名前の由来がユニークで私は好きなのですが、グリム童話「ヘンゼルとグレーテル」の森の中でヘンゼルとグレーテルが迷子にならないように、パンくずを置いて歩いたエピソードからきているそうです。

Tiffany & Co. - ティファニー ネックレス 0.17ct イエローゴールド
サイドバーは、ホームページのサイド(側部)位置しております。

【SNSシェアボタン】
SNSシェアボタンは、SNSですぐシェアしてもらうためのボタンです。

【コンテンツ】
テキストや画像、バナーなどを表示するエリア。

『プラスα』
【アンカーリンク】
アンカーリンクという、クリックすると同一ページ内を移動するものです。クリックすると任意で指定したページ内へジャンプします。
アンカーリンク サンプル→ Nintendo Switch - ニンテンドースイッチ マリオオデッセイ

おわりに

今回、Webサイトを形成するパーツの名称をご紹介したしました。基本的に同じではありますが、制作会社によって呼び方が異なることもあります。

ホームページの新規制作やサイトリニューアルをお考えの方は、各パーツの名称を知っていると説明の時間が省かれスムーズに話が進んでいくと思われます。ぜひご参考くださいませ。

The following two tabs change content below.

山田 翔之輔

株式会社インファクトのディレクターです。 半年間のインターンを経て、株式会社インファクトに新卒で入社しました。 新卒1年目、お役に立てる情報発信を行っていきます。

【送料込】 【新品タグ付き】MACHATT ナイロンツイルドレス ロングワンピース/マキシワンピース

RELATED- 関連記事 -

NEW ENTRY- 新着記事 -

まさこちゃんワンピース
パトライト LEDフラッシュ表示灯  LFH-M2-G 751-4590
ディズニーフィギュア ディズニーコレクション トイストーリー 私は移動する仲間を見つけた 11K-41320-0
桃太郎ジーンズ 0805 SUB MENU
DANSKIDSCLUB.COM RSS