初心者が押さえたいホームページ作成で必要な用語まとめ

ホームページ作成 用語 作成編

ホームページ作成を独学で勉強するときや、外注に依頼する時など、ふとした瞬間に「これってどういう意味だろう?」なんて疑問に思うことはありませんか?
そんなホームページ作成が初心者の方向けに、押さえておきたい用語をピックアップしてまとめてみました。

スポンサーリンク

ホームページ作成で必要な用語まとめ

りん
りん
ホームページを依頼する時って専門用語が飛び交うけど、言われてもよくわからないんだよね…
ぽけ
マサムネ
そうだよね。用語も沢山あって正直プロでもすべて完璧に覚えている人は少ないよ。なので今回は押さえておくべき用語を初心者向けにピックアップしたので、りんちゃんも参考にしてね。

ドメイン

ドメインとは、ホームページで使われるURL(住所)のことです。
ちなみに当サイトのドメインは「pockebu.com」です。
ドメインを取得するには、基本的にドメイン取得サービスを使います。

ホームページ作成するなら独自ドメイン(URL取得)がおすすめな理由
ホームページの作り方でまず初めに悩むのが「ドメイン」ではないでしょうか。URL取得をする際に独自ドメインか無料ドメインか迷う・・そんな疑問にお応えします。本記事を読み終わるころには、迷いは消えているはずです。

 

レンタルサーバー

レンタルサーバーとは、簡単にいうと「ホームページを置く場所」といったイメージです。
リアルの世界に例えると、家がホームページ、レンタルサーバーが土地、という感じですね。
家を建てたくても土地がないと建てられませんよね。

ホームページ作成とレンタルサーバーの関係性+αちょっとイイ話
ホームページを作る際に必要なのが「レンタルサーバー」ですが、サーバーについてイマイチわからない方や、数ある中でどれを選べば良いのか迷う!という方もいると思います。そんな方に向けて「サーバーとは?」から「おすすめのレンタルサーバーまで」のお話をします。

 

ブラウザ

ブラウザとは、インターネット上でウェブページ(ホームページ)を閲覧するためのソフトです。
ブラウザにはいくつかの種類があります。
例えば以下のようなものです。

  • Internet Explorer
  • Google Chrome
  • Firefox
  • Opera
  • Microsoft Edge
  • Safari

 

など、沢山の種類が存在しています。

パソコンを購入した時点で、基本的には上記のようなブラウザが最低1つは入っており、インターネットでウェブページを閲覧するときは、自然と意識せず使用しているわけです。

りん
りん
こんなに種類があるんですか。。私が使っているのはたぶんMicrosoft Edgeというやつかな。
ぽけ
マサムネ
多いよね。。僕たち制作者はユーザーがどのブラウザを使っていてもホームページがしっかり機能するように、いろんな環境でテストを行っているんだよ。はぁ、ブラウザがひとつにならないかな…
ブラウザとは?おすすめのブラウザもご紹介しますね。
ブラウザってなに?聞いたことあるけど、具体的にはよくわからない、、。そんな疑問にお答えします。また、パソコンだけでなく、スマホにも少し触れてお話したいと思います。

 

キャッシュ

ここでいうキャッシュとは、ウェブページ(ホームページ)に訪れた際に、ページで使われているHTMLファイルや画像などをコンピュータ(パソコン)へ一時的に保存する仕組みのことを言います。

一時的に保存することで、再度同じページに訪れた際に、初回時よりウェブページを早く表示することができます。

便利な仕組みなのですが、欠点もあります。
それはキャッシュが原因で最新の状態のウェブページが閲覧できない可能性が少なからずあるということです。

たまにホームページに掲載している画像などを新しく差し替え、更新ボタンを押したのにも関わらず、ページ上で古い画像がそのまま表示されている場合は、キャッシュが原因のことが多かったりします。
ブラウザの更新ボタン、もしくはキーボードのF5を押しても古い画像のままだった場合、スーパーリロードと呼ばれる以下の方法を試すと効果的です。

スーパーリロードのやり方

【Windowsの場合】
キーボードの「Ctrl」+「F5」

【Macの場合】
キーボードの「Command」+「R」

 

上記のやり方をおこなえば、大抵の場合ブラウザのキャッシュは消えますが、それでも残ったままの場合は、ブラウザのオプションや設定などからキャッシュを削除する必要があります。

HTML(エイチティーエムエル)

HTMLとは、HyperText Markup Language(ハイパーテキスト マークアップ ランゲージ)の略で、ホームページを作成する際に必要なマークアップ言語です。
インターネット上に公開されているウェブページの殆どが、HTML等で作成されています。

ホームページ作成に必要なhtmlタグを勉強して作り方を覚えよう!
ホームページ作成にはhtml(タグ)が必要となってきますが、初心者の方には難しいイメージを持たれている人が多いようです。今回は、そんな初心者の方向けにhtmlの基礎から作り方の概要を解説します。

 

CSS(シーエスエス)

CSSとは、Cascading Style Sheets(カスケーディング スタイル シート)の略で、主にホームページを装飾する際に使用します。デザインの根幹となる部分といっても良いでしょう。

【初心者向け】ホームページ作成(作り方)cssの基礎を身に着けよう!
ホームページ作成をする際、HTMLとCSS(スタイルシート)を使うことが一般的です。今回はCSSの概要や使い方を初心者向けに解説しています。これからCSSを勉強される人はぜひご覧ください。

 

FTP(エフティーピー)

FTPとは、File Transfer Protocol(ファイル トランスファー プロトコル)の略で、日本語ではファイル転送プロトコルと言われます。
パソコンとウェブサーバーを繋ぐための特殊な通信環境のことで、代表的なソフトとして「FFFTP」などが挙げられます。

ホームページ作成・無料FTPソフトを使ってアップロードしよう!
ホームページ作成をしたら、作ったデータをサーバーにアップロードしないことには、ネット上に公開することはできません。今回は初心者向けに、アップロード方法と手順をFFFTPソフトを使って解説いたします。

 

CMS(シーエムエス)

CMSとは、Contents Management System(コンテンツ マネジメント システム)の略で、HTMLなどの知識がなくても、ウェブサイトを比較的簡単に作成できるシステムです。
CMSの種類は様々なものがあり、有名なところではWordPressやMovableTypeなどがあります。

 

2カラム

ホームページでいう2カラムとは、以下のようなレイアウトのことを指します。

2カラム

他にもワンカラム、3カラムなどのレイアウトも存在します。
詳しくは以下をご参照ください。

ホームページ作り方・レイアウトを決めるコツと注意したいこと
「ホームページを作る時のレイアウトに迷う・どんなレイアウトがあるんだろう?」そんな疑問を持った初心者向けのお話です。レイアウトに悩んだらぜひ参考にしてみてください。

 

ヘッダーエリア

ヘッダーエリアとは、ホームページのレイアウトでいうところの最上部にあたる部分です。
以下のイメージをご参考にしてください。

ヘッダーエリア

他にも、ホームページにはサイドエリア、メインエリア、フッターエリアなどが存在します。詳しくは以下をご参照ください。

ホームページ作り方・レイアウトを決めるコツと注意したいこと
「ホームページを作る時のレイアウトに迷う・どんなレイアウトがあるんだろう?」そんな疑問を持った初心者向けのお話です。レイアウトに悩んだらぜひ参考にしてみてください。

 

ワイヤーフレーム

ワイヤーフレームとは、ページの設計図のことを指します。
以下のイメージのように、ページに対してどこに何を掲載するかを決めておきます。

ワイヤーフレーム

ワイヤーフレームについては、「ホームページ作成をする手順(フロー)と流れを優しく解説します。」でも触れているのでご参考にしてください。

 

リンク

ここでいうリンクとは、以下のようなクリックすると、別のページに遷移(ジャンプ)するような場合を指します。

トップページにジャンプします。

リンクを貼るというような言い方もしますが、詳しくは以下のページをご参照してください。

【初心者向け】ホームページ作成・リンクの貼り方を覚えよう!
ホームページ作成をおこなう時に必要不可欠なのが「リンクの貼り方」です。リンクの貼り方がよくわからない←という方の疑問を解決します。また、ブログなどでリンクを貼る時にも応用できる内容です。

 

まとめ

今回は「初心者が押さえたいホームページ作成で必要な用語まとめ」というテーマでお話させていただきました。

自作でホームページを作るときはもちろんのこと、制作会社さんに依頼するときなどにも、ある程度の知識や用語を知っておくことで、やり取りがスムーズにおこなえます。

どこかに依頼するときなどに、相手側から専門用語を言われて、もしわからなかったら素直にわからない、と伝えれば丁寧に教えてくれるはずです。

ただ、わからなすぎ・知らなすぎは、騙されかねない(すべてが親切な制作会社等とは限らない)のである程度の知識や用語は、身に付けておくべきだと思います。

便利なホームページ作成ツール

【選び抜きました!ホームページ無料作成サービス・有料あり】
コスパが良いと思われるホームページ作成サービスをまとめてみました。

良かったら「フォロー」してね。
有益な情報を定期的につぶやき中。
お米と味噌汁がすきです…
マサムネ

フリーランスとして独立しブログ運営に勤しんでいる元WEBデザイナー。
記事を書くのって大変だけど色々な気付きがあって楽しい!
虚弱で家族に迷惑をかけてきたので、どんな親孝行ができるかプラン思考中。
日々穏やかでストレスを溜めない生活を心がけています。
フリーランス10年/ブログ10年/コンテンツSEOからの月収6桁達成
詳しいプロフィールはこちら

マサムネをフォローする
作成編
スポンサーリンク
ぽけぶ
タイトルとURLをコピーしました