ホームページが見れる原理とサーバーとドメイン

無料ツールソフトの使い方ホームページの作り方Hpで集客する方法グーグルサービス
 
初めてのHP作成の動画高齢者のホームページの作り方よくある質問
 

ホームページが閲覧できる仕組み

ホームページの原理!サーバーとドメインとHTMLファイル

あなたも1分で!ホームページを作れる

誰でも簡単にできますので、HTMLファイルを作ってみましょう。パソコンに「メモ帳」っていうソフトが入っています。これを起動してホームページの赤ちゃんを作成してみます。

メモ帳HTMLファイルウインドウズ7

Windows 7 他

 

[スタート] ウインドウズ7スタート

[すべてのプログラム]

[アクセサリー]

[メモ帳]

メモ帳HTMLファイル

Windows 10

 

[スタート]→[すべてのアプリ]
→[アクセサリー]→[メモ帳]

 

メモ帳テキストエディターという文章を書くソフトです。ココにあなたの会社名など何でも良いので文章を書いてみて下さい。

 

メモ帳

 

メモ帳の[ファイル]をクリックして「名前を付けて保存」をクリックします。このとき保存する名前を、、index.htmlにします。保存場所はデスクトップで構いません。

 

メモ帳

 

 

メモ帳HTMLファイル

保存したデスクトップ上のファイルを確認しますと右図のようになっているはずです。ファイルがEマークになっていますが、これがホームページの元になります。

 

index.htmlトップページになります。

 

このアイコンをダブルクリックしますとブラウザに先ほどメモ帳に書き込んだ文字がブラウザに表示されるはずです。

 

そしてこのファイルをサーバーにアップロードする事で、先ほどダブルクリックでブラウザに表示された[あなたの会社名]が全世界に公開できます。これがホームページです。

サーバーって何なの?

ホームページ「見る」という事は、どこの?何を?見ている事になるのでしょうか!

 

これはサーバーの中に入っている、上記で作成したようなホームページファイル・画像を見ているという事です。

 

サーバーとドメイン

 

サーバーファイルを公開する事によって、検索されるか、またURLさえ解れば、いつでも、どこでも、誰でも自由にホームページというファイルを見る事ができます。

 

これはどういう事がと言いますと、ホームページ制作者側から見た場合、外部に自分のファイルを晒しているって事です!

 

通常自分自身のパソコンの中身は自分しか見る事ができないですよね!冒頭で作成したindex.htmlファイルは当然自分のパソコンでしか確認できません!

 

なのでサーバーにアップロードしてファイルを公開するという事が、ホームページを持つという事なのです。この事はファイルをわざと外部に漏らしている事になります。

 

直接自分のパソコンから外部に情報を流すとセキュリティ上危険です。そこでサーバーを借り、間接的にファイルを他の人に見てもらっているって事です。

 

自宅サーバーと言って、自分でサーバーのシステムを構築する事もできます。費用としては目安ですが10万円までで機材は揃います。

 

しかしセキュリティ上の問題や動作コストメンテナンスなどを総合的に考えると、サーバーは専門会社でレンタルした方が良いって事になります。

 

サーバーとドメイン

右の画像はレンタルサーバー会社の内部とお考え下さい。この中の一部分を間借りする形でサーバーを契約します。巨大なマンションの一室の中の一部屋を月極めで借りるというイメージです。

 

ホームページを閲覧している人は、このサーバーにアクセスしているって事です。

 

 

先ほど冒頭で作成したindex.htmlファイルをこのレンタルサーバーに入れる事が出来ればホームページを作成したって事になります!!

 

それではレンタルサーバーを借りる際、どんな機能が最低限必要になるかって事なのですが、次の5っは考慮して決めた方が良いでしょう!

 

  • PHP4/PHP5・・・プログラムが使える(お問い合わせフォーム等)
  • ポストが付いてくる!

  • マルチドメイン・・・1契約で複数のホームページを運用できる
  • 複数の人で住んでも可!

  • WordPress・・・ブログを運営できる
  • 日記も書ける!

  • MySQL複数利用・・・オープンソースのデータベース
  • 引き出しがたくさん付いている家具付き!

  • 容量50GB以上・・・ホームページの運営での総サイズ量
  • 部屋の大きさ!

 

PHP

おそらくホームページを運営する以上、お問い合わせフォームは必須だと感じるはずです。その際レンタルサーバーの機能でPHPというプログラムが使えるかどうかって事は確認しておく必要があります。でないとフォーム類が使えません。

マルチドメイン

マルチドメインの機能があれば、レンタルしたサーバー1契約で、複数のURLを割り当てる事が可能で、月額使用料そのままで、複数のホームページが運用できます。

WordPress

ホームページが完成して、さほど手がかからなくなると、二次的な媒体が必要になる場合があります。その代表例がワードプレスによるブログ運営です。

 

よく企業サイトで、「社長のブログ」などのリンクバナーが見受けられます。

 

直接ブログからホームページにアクセスを流したり、信頼性を高め、親近感を持たせるためにブログは利用されています。

 

ワードプレスの利用はオープンソース無料なのですが、このシステム自体をインストールする機能があるか?ないか?はサーバーを契約する場合にチェックしておいた方が良いです。

MySQL複数利用

MySQLを一言で言いますと、データを蓄積・保管する事ができ、そのデータをいつでも閲覧者さんであるユーザーの意思で引き出す事が可能であり、また、必要に応じて自動でHTMLも書き換えてくれる優れもの!って事になります。

 

ネットショップなどをサイトで運営する場合や、ワードプレス(日記)を利用する場合はファイルの数が膨大になるので、必須の機能となる訳です。

 

ワードプレス(日記)と同様に、掲示板などでも大量のデータを扱います。MySQLはそれらのデータを保管しておく場所とお考え下さい。

 

閲覧者がホームページのファイルを見ようと行動した場合、MySQLが保管している大量のデータの中から、ファイルを指定し、引き出して閲覧する事になります。

容量

ホームページが見られているというのは、閲覧者さんがホームページファイルをサーバーからダウンロードしているって事です。

 

なのでレンタルサーバーの契約で「容量」を考慮する場合、どれだけの量のファイルをサーバーに置いておけるかっていう事が目安になる訳ではありません。

 

ホームページの閲覧者数に応じて単位時間当たりに、どれだけのファイルがダウンロードされるかです。ダウンロードの総数で容量のキャパが決まります。

 

容量の細かい計算は省略しますが、100ページの企業サイトを運営すると仮定し、1日100人の訪問者さんが閲覧するとした場合でも、目安として10GBあれば十分です。

 

しかし容量は余裕があるほど安心してホームページを運営できます。

 

車と同じですね!時速100kmで規制されていますが、メーターは180kmまで刻まれていますし、馬力も制限速度を考慮した場合に相当な余裕があるはずです。

 

車と同じように、サーバーもスペックに余裕を持たせる事で、「安心で快適に動くもの」と考えてください。なので、50GB以上あれば当初問題は発生しないはずです。

 

上記のようにサーバーを借りる際、これらの性能を考慮する必要があります。

 

さくらレンタルサーバーの料金プランは下記のようになります。借りる部屋の仕様によって家賃が変わるって事です。

 

さくらレンタルサーバー

 

上記画像でプレミアム以上の3っのプランは、今からホームページ作成を始められる方にはスペック過剰であり、通常では必要ないと考えられます。

 

初心者の方にお勧めなのがこの「さくらレンタルサーバー」で、当サイトを運営しているサーバー会社です。サイトを公開してから一度もトラブルが無く、安定して利用できています。私はスタンダードプランで契約しています。

 

下記サイトで上記画像のプランを詳しく見る事ができます。

さくらのレンタルサーバ スタンダード

 

私がこのサイトをどのようにしてサーバーに置いているかと言うと、、、?

今現在あなたは私のサイトを見て頂いています。これは私がサーバーにアップロードした当ホームページのページファイル画像ダウンロードして頂いているって事です。

 

サーバーとドメイン

 

私がパソコンで管理しているホームページのファイルです。任意の名前をつけたフォルダにまとめて格納されています。そのフォルダの中身をお見せします。

 

ホームページフォルダ

 

ホームページのファイルはひとつのフォルダの中にまとめて格納して管理するようになっています。

 

矢印

→→→このフォルダを開くと→→→

サーバーとドメイン

 

@ img・・・・・・・画像が格納されているフォルダ

サイト作成ソフトシリウスでは自動で画像データがフォルダの中にまとめて生成されます。画像データが多くなるため、管理しやすいというメリットがあります。

 

A iphone・・・・・スマホ・アイフォン用ホームページデータ

スマホ・アイフォン用のデータです。スマホからホームページにアクセスされた場合このフォルダの中身をスマホに表示させます。シリウスではPC用ホームページを作成しますと、自動的にこれらのフォルダが生成されます。

 

B m・・・・・・・ガラケー用ホームページデータ

スマホ用と同様にガラケーに最適表示させるためのフォルダです。

 

C index.html・・・このサイトのトッップページファイル

この当サイトのトップページファイルです。トップページファイルはindex.htmlというファイル名で、これはすべてのホームページで共通しています。このファイルからすべてのページへのリンクがあり、ホームページの核となります。

 

上記のファイルをまとめてサーバーにアップロードしている訳です!!アップロード自体の作業はFFFTPというソフトを利用する事で簡単にできます。

 

サーバーとドメイン

 

FFFTPは窓の杜から無料でダウンロードできます

FFFTPのダウンロード

ffftp

FFFTPをダウンロードするとアイコンがデスクトップ上に表示されます。
このアイコンをダブルクリックするとソフトが開きます。

 

FFFTPというアップロードのためのソフトを開いた画面です。右側の赤い枠の中がレンタルしたサーバー内で、ココにホームページファイルが置かれています。

 

ffftp

 

このようにサーバーにファイルを置く作業をアップロードと呼ぶわけです。

 

あなたは今、このアップロードされた赤枠の中の、あるファイルを見ています。そのファイル名はview-can-be-structured.htmlと私が名前を付けたものであり、現在ご覧頂いているこのページです。

 

ホームページのURLで書きますと、、、、

http://softsate.info/for-beginner-senior-homepage-creation/view-can-be-structured.html

となるのですが、少々名前が長すぎました、、

 

ココからドメインのお話です。。。

上記のURLは分解して分けて考えます。

 

http://softsate.info・・・当サイトのURL

サーバー内のトップページ

 
for-beginner-senior-homepage-creation・・・カテゴリーのフォルダ名

というフォルダの中の、

 
view-can-be-structured.html・・・ご覧頂いているこのページのファイル名

.htmlはホームページファイルである事を表す。

 

簡単に表しますと次のようになります。

http://ドメイン名/フォルダ名/[ページ名]←←←今見ているページ

 

※ ドメイン名フォルダ名ページ名
これらは階層と表現されますが、この意味はこのカテゴリーの後半で解説します。

 

ホームページを公開するにはこのドメインが重要な役割を果たします。ドメインはホームページの住所を表し、世界でひとつの文字配列であなたが決めます。

 

このドメインをホームページに割り当てる事で、はじめてURLとして成立し、サーバーにアップロードする事でhttp://が付加されます。

 

私は[softsate.info]というドメインを取得していますので、URLがhttp://softsate.info/となる訳です。そしてこのURLがトップページになります。

 

実際に私が考えた文字配列はsoftsateだけです。.infoなどドメインの後の付く半角英数字はホームページの特性を表すものとお考え下さい。これはドメイン取得の際に一緒に選択する必要があります

 

レジストラ(ドメイン会社)で1年契約し取得するドメインを独自ドメインと呼びます。(ドメイン会社・・・ドメイン名を「地域インターネットレジストリ」に登録を行う業者)

 

  • .co.jp・・・日本企業(法人)が取得できるドメイン
  • .com・・・商取引事業者(商用向け)のドメイン
  • .org・・・非営利団体などが利用するドメイン
  • .net・・・インフラ整備のために作られたもの。自由に使用可能
  • .info・・・情報を発信するサイト
  • .biz・・・ビジネスサイト

 

.co.jpは企業でしか選択できませんが、その他は特に制限がなく自由に使う事ができます。またこの選択がSEOに大きく影響する事はありません。

 

ドメインの平均的な1年間の契約料金は、初年度500円前後、更新時1,300円位程度です。

 

ドメインを取得する際に上記以外で、すっごく価格が安いものは要注意です。例えば40円とか!このように、価格が安いものは新しいドメインであり歴史が浅いため、今後どのようなジャンルで利用されていくか不明で将来が見えません!

 

将来自分のドメインがアダルトサイトなどで多く利用されているドメインと同じ文字配列ですとかイヤですよね!イメージダウンになります。

 

ドメイン取得の際に価格が特に安いものは、信頼性が乏しいって事です。はじめてホームページを作成する場合は上記ドメインから選択する事をお勧めします。

 

当サイトお勧めのレジストラ

ムームードメイン

 

まとめ

  • メモ帳・・・・・・・無料
  • FFFTP・・・・・・・無料
  • レンタルサーバー・・515円/月
  • ドメイン契約・・・・1,300円/1年

 

この4っの事を覚えるだけで、ホームページを作った事のないあなたでも「社名」くらいでしたら、「今すぐ全世界に発信できる」って事です。

 

これがホームページが見れる原理であり、一番の基礎になります。

 

トップページの外観!サイト構成と名称に進む»

ホームページが閲覧できる仕組みの関連ページ

サイト構成と名称
ホームページを作成するのに、トップページにおいて最低限必要な各部の名称と機能は正しく理解しておく必要があります。ホームページの見やすさや使い勝手、SEO対策にも大きく関係する基本的なコンテンツになります。
カラムについて
カラムとはトップページの区割りであり、構成や外観のことを言います。このカラム数はホームページの情報量によって決まり、閲覧者さんのサイトの使い勝手に影響します。後で変更する事は非常に手間がかかるため、サイトの規模を当初から推測し決める必要があります。
リンクについて
リンクという機能があるこらこそホームページが成り立ち、現在ここまで発展したと言っても過言ではありません。またSEOや検索表示のされ方に大きく影響するため、グーグルのガイドラインに沿った正しいリンク付けをする必要があります。
ホームページの階層
ホームページのページ数が多くなってくる場合はカテゴリーごとに記事をまとめます。この場合はフォルダを新たに作成し階層を下げる!という作業が必要になります。またサイト作成後の更新で画像を入れ替える場合、画像専用のフォルダを作成しておくと便利です。
画像の扱い方
綺麗なホームページえお作る基本!ホームページ作成で使えない画像もある!サイトのデザインの優劣は画像の使い方と鮮明度が大きく影響しますので、正しい画像の扱い方のルールを解説します。また画像加工のための必須のソフトをご紹介します。

トップページ ソフトの概要 Hp公開の方法 SEO対策基本編 アクセス解析 特典のご案内 購入者メルマガ お問い合せ