アンチエイリアスは、画像の斜線や曲線、画像を変換する時などに発生する歪み（エイリアス）を減らすための処理で、アンチエイリアスを施すことによりジャギー（ギザギザ）が減り、境界線がなめらかになります。アンチエイリアシング（anti-aliasing）とも呼ばれます。ホームページ制作においては、設置画像を加工する際に行います。スムージングと呼ばれることもあります。
Web制作・ホームページ制作用語
ジャギーは、ウェブページにおけるビットマップイメージなどの輪郭に表れるデジタル特有の段々になったギザギザで、低解像度の画像が要素の幅などに合わせて引き伸ばされた時に表れます。 ジャギーに対する処理 ホームページ制作において設置画像のジャギーに対する処理はアンチエイリアスなどで行います。 カテゴリ別 Web制作/ホームページ制作用語集 ホームページ制作の1ポイ
ジャギー Web制作|ホームページ制作用語
ディザ（dither）は、GIF形式の画像ファイルにおいて、少ない色数で、それらの色を組み合わせて中間色を表現し、より多くの階調を表現する技術です。大半の画像作成ソフトウェアでは、GIFファイル出力時にディザのありなしを選択することができます。 ディザリング 画像処理において画像の色数を削減したり、少ない色数で画像を作成するにディザリング手法が用いられます。
ディザ Web制作|ホームページ制作用語
Illustrator（イラストレーター）は、Adobe Systems社が開発したへジェ線などによる描画アプリケーションソフトです。 ホームページ（ウェブサイト）の制作においては、画像パーツの制作をIllustratorで行うことが多く見受けられますが、Photoshopと同様に、ウェブページに挿入する画像は、大きな印刷物などのようには高解像度が必要ではな
Illustrator Web制作|ホームページ制作用語
Photoshop（フォトショップ）は、Adobe Systems社が開発した画像編集アプリケーションソフトです。 Illustratorと同様にホームページ（ウェブサイト）の制作においては、Illustrator画像の加工をPhotoshopで行うことが多く見受けられますが、ウェブページに挿入する画像は、大きな印刷物などのようには高解像度が必要ではないため
Photoshop Web制作|ホームページ制作用語
キャプション（caption）は、ホームページ（ウェブサイト）においては、ウェブページに挿入された画像（写真や図）、表についての付属的説明文です。表のキャプションにはcaptionタグを使用します。概ね画像の下などに小さな文字として掲示されます。 キャプションを示すことで画像の意味を伝える（SEO） 画像に関するキーワードのヒントは前後の文脈を構成する単語で
キャプション Web制作|ホームページ制作用語
PSD（Photoshop Document）は、Adobe Systems社のAdobe Photoshopで利用される画像ファイル形式で、Photoshopの標準ファイル形式です。解像度において、高さと幅それぞれ最大30000pxに対応しています。ホームページ制作においてはPSD形式ファイルをそのまま用いることはありません。 PSDファイルの互換性 PS
PSD Web制作|ホームページ制作用語
EPS（Encapsulated PostScript）は、Adobe System社が開発したPostScriptで記述された画像ファイル形式です。ベクターファイル形式（線・色・曲線といった描画の表現をすべて数値で管理する形式）で一般的には高品質画像の印刷に用いられます。ホームページ制作においてはそのままEPS形式ファイルを用いることはありません。 EPS
EPS Web制作|ホームページ制作用語
CMYKは、色の表現方式の一つで、シアン（Cyan 水色）、マゼンタ（Magenta 赤紫）、イエロー（Yellow 黄色）、ブラック（Key Plate 黒）といった三つの色料原色と黒を使用して表現する色の表現法の一種（減法混色）で、白に対してCMYKをかぶせることによって色を表現します。ホームページ制作においてはPCモニタなどがRGB表現であるためCMY
CMYK Web制作|ホームページ制作用語
RGBは、赤 (Red)、緑 (Green)、青 (Blue) の三つの原色を使用して表現する色の表現法の一種（加法混合）で、黒に対してRGBの光をあてることによって色を表現します。ホームページ制作におけるCSSによる指定では、HEX値でのカラーの指定が一般的ですが、RGB値でのカラーの指定も可能です。特にアルファ値を指定する場合はRGBでの指定がなされます
RGB Web制作|ホームページ制作用語
HEXは、ウェブページのデザインにおいて、CSSなどのスタイルシートでウェブカラーを16進法（0から9、aからf）で指定・記述する方法です。ホームページ制作においては色の値を指定する場合にこのHEXを使用します。なお、HEXは16進法を意味する「hexadecimal」からこの表記がなされています。 HEXの表現方法 HEXの色表現には、先頭にハッシュ記号（
HEX Web制作|ホームページ制作用語
ビットマップイメージ（bitmap image）/ビットマップグラフィックは、コンピュータ上のグラフィック表現におけるピクセル（画素）を用いた画像の表現形式のことを指します。ホームページ制作で使用するホームページ設置画像は広い意味でのビットマップイメージです。狭義にはWindowsの標準的な無圧縮画像保存形式「BMP」を意味します。 ビットマップイメージの種
ビットマップイメージ/BMP Web制作|ホームページ制作用語
TIFF（Tagged Image File Format）は、画像データのファイル形式のひとつです。タグと呼ばれる識別子を使用して様々な形式のビットマップ画像を表現します。ホームページ制作（ウェブサイト制作）ではほとんど使用されません。 TIFFの記録形式 TIFFは、記録形式の異なる様々なファイルを保存できることが特徴です。TIFFは、非圧縮、LZW圧縮
TIFF Web制作|ホームページ制作用語
PNG（Portable Network Graphics、ポータブル・ネットワーク・グラフィックス）は、ホームページ制作（ウェブサイト制作）でもよく使用されるビットマップ画像を扱う画像ファイルフォーマットで、圧縮による画質の劣化のない可逆圧縮が可能です。拡張子は、.png。ファイルサイズはやや大きめですが背景の透過が可能です。 PNG透過情報とファイルサイ
PNG Web制作|ホームページ制作用語
JPEG（Joint Photographic Experts Group、ジェイペグ）は、ホームページ制作（ウェブサイト制作）でもよく使用される画像圧縮方式のひとつで、一般的に非可逆圧縮の画像フォーマットです。通常の写真に適した形式ですが、背景の透過はできません。 JPEGの特徴 JPEGは、GIFなどに比べて、写真などの圧縮に適しています。拡張子は.jp
JPEG Web制作|ホームページ制作用語
GIFアニメーションは画像ファイルであるGIFを利用したアニメーションで、一つのGIFファイルの中に複数の画像（GIF）を組み込んで連結させ、これらを連続して描画することでアニメーションを可能にしています。各画像への切り替えまで時間、アニメーションループなども設定することができます。 ホームページ制作においてGIFアニメーションを利用することで、軽量で動きの
GIFアニメーション Web制作|ホームページ制作用語
GIF(Graphics Interchange Format)は、ホームページ制作（ウェブサイト制作）で使用する画像ファイルで、画像データ圧縮ファイル形式です。拡張子は「.gif」。ファイルサイズが小さめで、背景の透過が可能です。GIFアニメーションを作成できる他、ディザのありなしを設定することができます。 GIFの特徴 GIFは透過情報や256色までの画
GIF Web制作|ホームページ制作用語
インフォメーションアーキテクチャ（Information Architecture）は、ホームページ（ウェブサイト）においては、サイト内の情報・データの組織化を意味します。 インフォメーションアーキテクチャ（情報アーキテクチャ）の考え方を理解したうえでホームページ制作を行うと行わないとではホームページの出来やWebマーケティング成果に大きな違いがあります。
インフォメーションアーキテクチャ Web制作|ホームページ制作用語
アクセシビリティ（accessibility）は、ホームページ（ウェブサイト）においては、サイトの閲覧自体の汎用性の高さ、「様々なユーザーにとって利用のしやすい」、といった意味があります。 例えば、視覚障害者であってもウェブページの読み上げによる情報の受け取りを叶えるために、画像に代替テキストを設定するといったようなことがアクセシビリティです。ホームページ制
アクセシビリティ Web制作|ホームページ制作用語
GUI(Graphical user interface)は、UIのうち、視覚的に双方のコミュニケーションを図ることを目的としたUIです。ホームページ制作においては、ドラッグアンドドロップで選択項目を選ぶなどの配慮がGUIに該当すると考えられます。 テキスト・コマンドからアイコン・マウスへ 古くは、テキストベース、コマンド操作だったコンピュータの世界に、アイ
GUI Web制作|ホームページ制作用語
UI（user interface）は、コンピュータとユーザーとの間での入力や出力といったコミュニケーションにおけるインターフェイスです。 インターフェイスは、デバイス間、もしくは、ユーザーとデバイスの接点となる部分や規格で、ハードとしてはキーボードやタッチパネルがわかりやすいかもしれません。互いの意志を伝える手段というイメージです。 ウェブでの「UI」 ウ
UI Web制作|ホームページ制作用語
ユーザビリティ（usability）は、ホームページ（ウェブサイト）において、サイトを閲覧するウェブユーザーにとっての使用性・操作性など、ウェブサイトの使いやすさを意味します。ユーザビリティの向上はPV数やWebマーケティング効果に影響しますので、十分に配慮してホームページ制作を行う必要があります。求めている情報への到達の容易さや見やすさ、移動や入力における
ユーザビリティ Web制作|ホームページ制作用語
セレクトボックスは、ホームページ中のエントリーフォームなど、ユーザーが項目を入力や選択する場面における択一式の選択項目です。ホームページ制作においてはメールフォームや条件検索でよく使用されます。該当セレクトボックスをクリックすると選択項目がプルダウン表示されます。 プルダウンで表示 セレクトボックスに選択項目が入っており、クリックするとプルダウンで選択項目が
セレクトボックス Web制作|ホームページ制作用語
チェックボックスは、ホームページ中のエントリーフォームなど、ユーザーが項目を入力や選択する場面におけるチェック式の選択項目ボタンです。ホームページ制作においてはメールフォームや条件検索でよく使用されます。一般的に項目の先頭に四角の選択表示が付きます。 項目の複数選択が可能 チェックボックス（もしくはそれに関連付けられた文字列などの要素）をクリックで選択します
チェックボックス Web制作|ホームページ制作用語
垂直型ナビゲーションは、ホームページにおいてウェブページの上下の階層にある他のコンテンツへのナビゲーションです。そのページのカテゴリトップなどへのナビゲーションも垂直型ナビゲーションにあたります。ホームページ制作においては、垂直型ナビゲーションとしてパンくずリストなども設置されることがあります。親ページ、子ページへのナビゲーションといったイメージです。 ペー
垂直型ナビゲーション Web制作|ホームページ制作用語
ラジオボタンは、ホームページ中のエントリーフォームなど、ユーザーが項目を入力や選択する場面における択一式の選択項目ボタンです。ホームページ制作においてはメールフォームや条件検索でよく使用されます。一般的に項目の先頭に丸型の選択表示が付きます。 ラジオボタンの特徴 ラジオボタンは項目の選択において複数の中から一つしか選択できないため、エントリーフォームにおける
ラジオボタン Web制作|ホームページ制作用語
エントリーフォームは、ホームページ（ウェブサイト）においては、お問い合わせフォーム、資料請求フォーム予約フォームなど、ユーザーが情報を入力してメールなどの連絡を送信できるフォームになります。 お問い合わせフォーム 資料請求フォーム 予約フォーム 企業が運営するサイトにおいては、情報掲載だけでなくこうしたエントリーフォームを設置してWebマーケティングを行うこ
エントリーフォーム Web制作|ホームページ制作用語
ナチュラルリンクは、そのまま文字通り「自然なリンク」という意味があります。極端にSEOを意図したものや自動生成されたものに対する「自然なもの」というような意味合いがあります。 SEO外部対策としてこのナチュラルリンク獲得がもっとも基本形になります。現在でも検索エンジンのPageRankは有効であり、リンクによるPageRankの転送も行われていますが、関連性
ナチュラルリンク Web制作|ホームページ制作用語
相互リンクは、そのまま文字通り、他のサイトと自サイトが相互にリンクを施すことを指します。SEO外部対策として一時期注目されましたが、リンク品質に関する検索アルゴリズムアップデートによって、関係性・関連性の薄い相互リンクはほとんどSEO効果がなくなりました。 通常考えられる相互リンクは、協力関係にある同一テーマのサイト同士や同一企業の他のサイト群の間での相互リ
相互リンク Web制作|ホームページ制作用語
被リンク（バックリンク）は、外部サイトからリンクを受けることを指します。SEO対策の「SEO外部対策」としてよく話題になります。 発リンクが外部サイトへのリンクを自サイト内に施すのに対して、被リンクは、外部のサイトから自サイトに向けて施されたリンクです。backlinkとも呼ばれますが、海外では一般的にインバウンドリンク（Inbound Link,In Bo
被リンク（バックリンク）Web制作|ホームページ制作用語
発リンクは、文字通りリンク（アンカー）を発することですが、狭義にはそのうち、自サイトから外部サイトに対してのリンク（外部リンク） を指します。SEOを考える上ではこの発リンクに関してもページ同士の関連性などを考慮する必要があります。 内部リンク、外部リンクとも、リンクには、同一ウィンドウでの表示や別タブで表示などの指定をすることができます。 外部リンク 外部
発リンク（外部リンク）Web制作|ホームページ制作用語
内部リンクは、リンク（アンカー）のうち、同一サイト内の他のページなどのコンテンツに対して施されたリンクです。同一ドメインの内側でのページ移動に使用されます。外部サイトへのリンクである外部リンク（発リンク）に対して、自サイト内へのリンクは、内部リンクと呼ばれます。 ユーザーのページ移動のしやすさや、検索エンジンクローラーの巡回のしやすさに関係するため、サイト内
内部リンク Web制作|ホームページ制作用語
画像リンクは、ホームページ制作で使用するアンカー（リンク）において、テキストアンカーがテキスト形式のリンクであるのに対して、アンカータグに囲まれた部分が画像である場合のリンクを指します。SEOを考える腕はこの画像リンクも最適化する必要があります。 画像をクリックすることでリンク先に移動するという機能となりますが、PC表示においては、マウスを当てると透過度が変
画像リンク Web制作|ホームページ制作用語
アンカーテキストは、ホームページ内のアンカー（リンク）において、アンカータグに囲まれたテキスト部分です。このテキスト形式のアンカーをテキストアンカーと呼びます。SEOでのリンクの品質に関係する項目です。 いわゆるリンク文字列であり、リンク先の内容を示す手助けの役割もあります。 アンカーテキストとリンク先ページ リンクの設定において、アンカーテキストに含まれた
アンカーテキスト Web制作|ホームページ制作用語
水平型ナビゲーションは、そのウェブページの同一階層にある他のコンテンツへのナビゲーションで、前後ページヘのナビゲーションも水平型ナビゲーションにあたります。ホームページ制作においては、時系列的な前後記事へのリンクや同一階層の他ページへのリンクが該当します。 垂直型ナビゲーションがページ間の親子関係などを示すのに対して、水平型ナビゲーションは、同一カテゴリー、
水平型ナビゲーション Web制作|ホームページ制作用語
CTA（Call to Action）ボタンは、Call to Action（コールトゥーアクション）、つまり行動喚起のためのボタンで、例えば、「お問い合わせ」、「資料請求」などのページへのボタンがCTAボタンに該当します。CTAボタンはホームページのWebマーケティング効果を高めるために使用されます。近年では、チャット機能の開始ボタンなども設置されることが
CTAボタン Web制作|ホームページ制作用語
プルダウンメニュー（ドロップダウンメニュー） は、ウェブページにおいて、メニューのタイトル部分をクリックすると、メニュー詳細項目が垂れ下がって表示されるタイプのメニューです。アコーディオンメニューとも呼ばれます。 ホームページ制作においては、クリックオープンで選択肢を選ぶという形で複数項目の表示領域を小さくする場合などに使用されるメニュー形式です。 数が多く
プルダウンメニュー（ドロップダウンメニュー）Web制作|ホームページ制作用語
ユーザースタイルシートは、ウェブブラウザでウェブページを閲覧する際に、ブラウザ側でページのスタイル（フォントスタイル・フォントカラー・背景色など）を設定できるページフィルターのような機能です。ユーザーエージェントスタイルシート（user agent stylesheet）と表現されることもあります。 ホームページ制作においてCSSが指定されていない場所はブラ
ユーザースタイルシート Web制作|ホームページ制作用語
ローカルナビゲーション（ローカルリンク） は、ウェブサイト（ホームページ）のページ移動のためのナビゲーションのうち、そのページの前後ページや関連記事など、そのページの属するカテゴリー内の他のページへのリンク、リンク群を指します。 また狭義ローカルリンクとしてコンテンツ内部に設置されたリンクを指すこともあります。グローバルメニューやサイドバーメニューなどの共通
ローカルナビゲーション（ローカルリンク）Web制作|ホームページ制作用語
グローバルナビゲーション（グローバルリンク） は、ホームページ（ウェブサイト）のページ移動のためのナビゲーションのうち、ヘッダー・サイドバー・フッターなどに設置されている重要なページ（メインコンテンツやカテゴリのトップレベル）ヘのメニューリンク群を指します。 ホームページ制作においては、ほとんどのタイプのホームページに設置され、重要ページへのリンクメニューと
グローバルナビゲーション（グローバルリンク）Web制作|ホームページ制作用語
インラインフレームは、フレームと同じようなウェブ技術ですがインライン要素として外部のページを呼び出します。 現在でもホームページ制作における「ウェブページへの地図の埋め込み」などで利用されている方法です。 通常のフレームが、ページ上の分割としての機能面を指しているのに対して、インラインフレームはホームページ制作における「外部ページの呼び出し引用」というような
インラインフレーム Web制作|ホームページ制作用語
フレームは、ウェブページを動的生成することが困難だった時代によく使われたウェブ制作手法で、ウェブページを構成する各部分を分割して制作し、各フレーム内に呼び出すことによって、共通項である部分の更新、編集を容易にする手法です。共通表示部分であるロゴやメインメニューなどを固定的に表示し、固有の情報が掲載されたコンテンツ部分だけを切り替えていくといったサイトの仕様に
フレーム Web制作|ホームページ制作用語
サブメニューは、ウェブサイト（ホームページ）においては、メインメニューの補助的役割を果たすメニューで、下層コンテンツへのナビゲーション機能をもちます。ホームページ制作においては、ユーザーのクリックなどで表示するといった形式で表示領域を少なくしたり、サイズの調整でメインメニューとの重要度の違いを示す場合もあります。 クリックで表示するサブメニュー ツリー構造メ
サブメニュー Web制作|ホームページ制作用語
ツリー構造メニューは、ウェブサイト制作（ホームページ制作）において、各ウェブページへのナビゲーションであるメニューが、サイトのツリー構造にしたがってツリー構造になっているタイプのものを指します。ホームページ制作ではグローバルメニューなどで利用されます。 大分類としてのメニューがあり、それぞれの項目に該当分類の中の中分類のメニュー項目が並んでいるようなイメージ
ツリー構造メニュー Web制作|ホームページ制作用語
クリッカブルマップは、言葉の通り「クリックすることのできる」「マップ」です。ホームページ制作・Web制作においては情報サイトなどで視覚的にページリンクを設置する時に使用されます。 ひとつの画像に複数のリンクを設置することができ、例えば都道府県の地図の画像の上で、該当都道府県の場所をクリックすると、その場所のコンテンツが示されたページヘとリンクで渡ることができ
クリッカブルマップ Web制作|ホームページ制作用語
ワイヤーフレームは、ホームページ（ウェブサイト）の設計図面のようなもので、ウェブサイトを構成する各パーツであるヘッダー・コンテンツ・サイドバー・フッターといったレイアウト的な側面や色調、ウェブサイトのコンテンツのツリー構造などを示したものです。なお、ワイヤーフレームは、線（wire）と枠（frame）で構成された概略的な設計図という意味があります。 本格的な
ワイヤーフレーム Web制作|ホームページ制作用語
IDセレクタは、ホームページ制作時のウェブページにおいてhtml側の要素に付けられたID属性（特定のID名）に対して、CSSのプロパティを設定するためのセレクタです。なお、同一のHTML文書内では同一id名を指定することはできません。 idと類似したものとしてclassがあります。idはページ内リンクのための場所の指定にも使えるものの、classはそうしたも
IDセレクタ Web制作|ホームページ制作用語
要素は、ホームページ制作（ウェブサイト制作）においては、ウェブサイトを構成する各セクションのことを指し、ブロック要素やインライン要素などの分類があります。 ブロック要素とインライン要素 <div> 汎用ブロック要素 <span> 汎用インライン要素 要素ごとに属性を指定してレイアウト等を決定していきます。ホームページ制作（ウェブサイト
要素 Web制作|ホームページ制作用語
コンテンツページは、文字通りコンテンツが込められたウェブページですが、索引的な意味合いの強いインデックスページやカテゴリページなどのリストページに比べて、固有のコンテンツがメインとして組み込まれたウェブページを指します。 狭義のコンテンツマーケティングではこうしたコンテンツページを利用してWebマーケティングを行います。 コンテンツマーケティング コンテンツ
コンテンツページ Web制作|ホームページ制作用語
インデックスページ（トップページ）は、ウェブサイトにおいて、狭義の「ホームページ」になります。 最も厳密なホームページは、ウェブブラウザのホームボタンで戻るスタートページですが、「ウェブサイト」に限定すれば、このトップインデックスページがホームページになります。 インデックス（index）とは、索引といった意味があるため、インデックスページはウェブサイト中の
インデックスページ（トップページ） Web制作|ホームページ制作用語
エラスティックレイアウト（Elastic Layout）は、ウェブサイト・ホームページのレイアウト設計において、ウェブページの横幅を文字数によって決定にする可変レイアウトのウェブデザインです。CSSにおいて主に要素の単位をemで指定します。ホームページのレイアウト幅を文字数で設定するため、フォントサイズによってページの横幅が変わります。 カテゴリ別 Web制
エラスティックレイアウト Web制作|ホームページ制作用語
ソリッドデザイン/ソリッドレイアウトは、ホームページ（ウェブサイト）のレイアウトにおいて、ウェブブラウザ幅が変更されてもコンテンツ表示サイズは一定であるように設計された「固定幅」のウェブデザインです。このソリッド（solid）」には、「固体」という意味があります。 なお、ブラウザ幅によってコンテンツ幅が可変するものは、リキッドデザイン/リキッドレイアウトと呼
ソリッドデザイン/ソリッドレイアウト Web制作|ホームページ制作用語
リキッドデザイン/リキッドレイアウトは、ホームページ（ウェブサイト）のレイアウトにおいて、ウェブブラウザ幅をに合わせてコンテンツ表示サイズも変更されるように設計されたサイズ可変のウェブデザインです（サイズ可変デザイン）。このリキッド（liquid）は、液体という意味があります。 なお、ブラウザ幅によってコンテンツ幅が変わらないものは、ソリッドデザイン/ソリッ
リキッドデザイン/リキッドレイアウト Web制作|ホームページ制作用語
タイポグラフィレイアウト（typography layout）は、ホームページ（ウェブサイト）において、文字を用いて適切に配列することでウェブページの文字全体の体裁を整えるレイアウト技法です。 レディング、カーニング、ベースラインなどのポイントがあります。 カテゴリ別 Web制作/ホームページ制作用語集 ホームページ制作・Webデザインの1ポイント Webフ
タイポグラフィレイアウト Web制作|ホームページ制作用語
フラットデザインは、デザインにおいて、3D化、つまり「立体化して臨場感を高めること」に対して、要素をフラット化（平面化）・抽象化してシンプルに表現するデザイン手法です。 フラットに抽象化して要素を配置 フラットデザインは、リアルな臨場感よりも、凹凸なくフラットに抽象化して要素を配置するというイメージです。iOSなどのホーム画面がわかりやすいかもしれません。
フラットデザイン Web制作|ホームページ制作用語
ユニバーサルデザイン（Universal Design）は、情報の設計（デザイン）、ホームページ（ウェブサイト）の設計において、すべての人が制限なく使える様に意図したデザインです。 情報を得るうえで、ユーザーによる差が出ないことを意図しており、使い勝手がよく、ユーザーの閲覧・操作に迷いが無いように設計することを指します。 ホームページのユニバーサルデザイン
ユニバーサルデザイン Web制作|ホームページ制作用語
メディアクエリ（Media Queries）は、CSS3で新規追加されたCSS技法です。 ホームページ制作におけるレスポンシブウェブデザインの際に実装するCSSの記述で、ホームページ（ウェブサイト）にアクセスしたデバイスの画面サイズなどによってウェブページの装飾スタイルを切り替える機能です。 レスポンシブウェブデザイン（マルチデバイス対応） このメディアクエ
メディアクエリ Web制作|ホームページ制作用語
レスポンシブウェブデザイン（Responsive web design）は、ホームページ（ウェブサイト）を様々なデバイス（機器）で、それぞれの機器の画面サイズに合わせたウェブページを表示をするためのウェブデザインです。「マルチデバイス対応」とも呼ばれます。この「レスポンシブ（responsive）」とは、「反応がよいさま」という意味があります。ホームページの
レスポンシブウェブデザイン（マルチデバイス対応）Web制作|ホームページ制作用語
階層は、ホームページ（ウェブサイト）において、ツリー構造などのディレクトリ単位、検索エンジンにおいては、ディレクトリよりも構造化データのブレッドクラム（パンくずリスト）などで示される、ページの深さを指します。 上位の階層を親、下位の階層を子と表現することがある他、下位の階層を下層と表現し、あるディレクトリの中にあるページ群を下層ページと表現することがあります
階層 Web制作|ホームページ制作用語
ポップアップウィンドウ（pop up window）は、ウェブページのリンク（アンカー）において、リンクをクリックした場合に、通常は新規ページを同一タブ内（同一ウィンドウ）か、新規タブで開くのが一般的ですが、新規ページを「小さなウィンドウで表示する」形式のウェブページ表示方式です。開いているページはそのままに、小さなウィンドウが別途表示されます。 ポップアッ
ポップアップウィンドウ Web制作|ホームページ制作用語
コンテンツ（Content）は、ウェブサイト（ホームページ）において情報の中身という意味です。 ウェブページの中で、メインカラムの中に設置されたテキスト（文章）、画像、動画など、ウェブサイトのなかで「そのウェブページ」の固有の情報です。 htmlは文書ですが、コンテンツとは、メインカラム内の文章だけでなく、「文章や画像などによって表現された、ひとまとまりの情
コンテンツ Web制作|ホームページ制作用語
フッター（footer）は、ウェブページの最下部を指します。ホームページ制作・Web制作においてフッター部、フット部、フットと呼ばれることもあります。 フッター部には、主にコンテンツページヘのリンク、クレジットなどが記載されています。 企業の連絡先情報などが記載されることもあります。 フッターメニュー フッターメニューは、ホームページ内のフッター部に設置され
フッター（フッターメニュー）Web制作|ホームページ制作用語
サイドバー（サイドカラム）は、ウェブサイト（ホームページ）のレイアウトのカラムの概念のうち、2カラム以上のページレイアウトにおいて、コンテンツ部分であるメインカラムの横に設置されているカラムになります。ホームページ制作においてはカラム分割した上で一般的にメインカラムよりも幅を小さく作成します。 主にメニューやプロフィール等、共通で表示したほうが好ましい情報な
サイドバー（サイドカラム）Web制作|ホームページ制作用語
メインカラムは、ホームページ（ウェブサイト）のレイアウトのカラムの概念のうち、各ページに共通する部分であるヘッダー部やサイドバー、フッター部と独立して、そのウェブページ固有のコンテンツが掲載されている「本文」のカラムになります。ホームページ制作においてはカラム分割した上で一般的にサイドバーよりも幅を大きく作成します。 メインカラムは、本文カラム、コンテンツカ
メインカラム Web制作|ホームページ制作用語
ヘッダー（header）は、ホームページ・ウェブページにおけるページの頭部（最上部）にある要素（情報）です。SEOとの関連性も強いためホームページ制作においては工夫が必要な部分になります。 ヘッダー部、ヘッド部、ヘッドと呼ばれることもあります。 一般的にページレイアウトにおいてヘッダー（ヘッダー部）には、トップページへのリンクを含めたロゴやキャッチフレーズ、
ヘッダー（メインメニュー）Web制作|ホームページ制作用語
ツリー構造は、データの構造のひとつで、要素が親子関係をもつ構造のことを指します。端的にはヒエラルキー構造です。ホームページ制作においては、ディレクトリ構造やパンくずリストでツリー構造が示されます。 こうした構造を示すことで、ページの親子関係などを示すことができます。一つのテーマの総論と各論の分類などにも利用することができます。 ディレクトリと子要素 ホームペ
ツリー構造 Web制作|ホームページ制作用語
カラム（column）は、文字の位置やデータの長さを表す単位ですが、ホームページ制作・ウェブサイト制作においては、レイアウトの大きな要素の数（左右の分割数など、列単位）、もしくはその要素を指します。 ワンカラムレイアウトや2カラムレイアウトといった表現をします。 カラムと左右のサイドバー サイドバーありの2カラムレイアウトならば、メインカラム（本文カラム、コ
カラム Web制作|ホームページ制作用語
サーバー保守とは、字のごとくホームページ公開に用いるWebサーバーを守ることを意味します。具体的には、サーバー障害時の復旧や不正アクセスの監視などによって、安定してサーバーとネットワークを保つために行う作業全般です。 ホームページを公開状態にするためには、Webサーバーの「ホームページのデータの発信機能」が必要になります。 サーバー自体のトラブルやサーバーネ
サーバー保守 Web制作|ホームページ制作用語
バーチャルドメイン（virtual domain）は、同一サーバー（同一IPアドレス）に複数のドメインを割りあてることです。ホームページ制作・Web制作では、共用サーバーを用いる際に利用されています。 バーチャルドメイン（マルチドメイン）による複数サイトの運用 このバーチャルドメインは、マルチドメインとも呼ばれ、ひとつのサーバーで異なるドメインのホームページ
バーチャルドメイン Web制作|ホームページ制作用語
レジストラ（registrar）は、「ドメイン名」の登録申請を受け付け、地域インターネットレジストリに登録をする事業者のことで、この事業者へのドメイン登録申請により、独自ドメインを取得することができます。 レジストリは、各ドメイン情報を持つデータベースを管理している機関となり、レジストラは、レジストリとレジストリ・レジストラ契約を結んでいるドメイン登録業者と
レジストラ Web制作|ホームページ制作用語
プロバイダは、「サービスを提供する事業者」を意味し、インターネット・ウェブの分野においては、ISP（Internet Services Provider、インターネットサービスプロバイダ）を指します。 このISPは、インターネット接続サービスを提供する事業者で、光ファイバー回線などを通じて、ウェブサーバーと顧客（クライアント）の間のインターネット接続を可能に
プロバイダ(ISP) Web制作|ホームページ制作用語
サーバー（server）、ウェブサーバー（Web server）は、ウェブにおいて、ホームページ（ウェブサイト）を構成するファイル群を発信するためのコンピュータ、デバイス、もしくはその機能を実現するプログラム群のことを指します。 ハードウェアとしてのサーバーはサーバー機などと表現され、ソフトウェアとしてはサーバーソフトウェア、サーバープログラムと呼ばれます。
サーバー Web制作|ホームページ制作用語
ストリーミング(streaming) は、ダウンロード方式のひとつで、動画などをダウンロードしながら、ダウンロードした部分から再生する仕組みです。ホームページ制作・Web制作では、動画共有サイトからの引用ではなく、動画ファイルをサーバー内にアップロードして再生する際にプレーヤー側にこうした記述を応用することで、サーバー負荷を低減させることができます。 ストリ
ストリーミング Web制作|ホームページ制作用語
ナビゲーション（navigation）は、ウェブサイトにおいては、そのウェブページ以外のページへと移動するためのリンクなどを意味します。ページナビゲーションとも呼ばれます。 狭義には、サイト内の全てのページに共通して設置されているヘッダー部やサイドバーなどのメニューリンク群を指します。 コンテンツ内部の発リンクは、「単発の参照」といったイメージですが、ナビゲ
ナビゲーション Web制作|ホームページ制作用語
絶対パス/相対パスは、ホームページ制作でのURLの指定において、ファイルなどの場所を完全なURLで表現するのか、該当ファイルが存在している場所（ディレクトリや該当ファイル）からの相対位置で指定するのか、といった記述の相違点です。 絶対パスは、URLの指定おいてhttp・httpsから始まる全てのURLを記述する形となります。 絶対パス/相対パスの例 例えば、
絶対パス/相対パス Web制作|ホームページ制作用語
