https://hmaster.net/


HTMLタグとCSSを使いメモ帳だけで無料でホームページを作成する 方法を分かりやすく解説しているサイトです。 初心者向けに見やすい、読みやすい作りになっています。

サーバーを取得する

ホームページがブラウザで表示できたら後はネット上でホームページを 公開するだけですがその前にサーバー(Webサーバー)を取得 する必要があります。

■Webサーバーとは

Webサーバーとはネットワーク上で他のコンピュータに HPのhtmlファイルや画像などのデータを提供するコンピュータのことです。

■サーバーを取得する

ホームページを公開するにはホームページのファイルや画像を アップロード(転送)するためのHPスペース(場所)が必要です。新しい家を建 てたくても土地が無ければ住むことが出来ません。それと同じでまずそのHPスペースを 提供してくれるサーバーを取得しないといけません。 サーバーはレンタルで取得できます。

レンタルサーバーには有料のものと無料で借りれるところがあります。 数ある レンタルサーバーの中でも多くの方が利用されている有名なレンタルサーバーを挙げます。 ホームページで広告収入を得たい、掲示板を設置したい、アクセスカウンター を設置したい等、HPで何がしたいか自分の使用目的に応じたレンタルサーバーを 選んで下さい。

無料
レンタルサイト名 解説
無料ホームページ Tok2の無料サーバーです。容量無制限、CGIが使えるので掲示板も設置できる。URLを 短縮できる等のメリットを兼ね備えたサイトです。
有料
レンタルサイト名 解説
ロリポップ! ライトプランなら最近主流になっているWordPressを 使用でき1分で設置できます。 従来よりUPした容量 200GB やUPした転送量 無制限により快適に使用できWordPressの表示速度も 速くなっています。 月額220円~で利用できます。(2022/4時点 最新の情報はリンク先を確認下さい) エコノミープランでも容量100GBと転送量 無制限で月額99円~(2022/4時点 最新の情報はリンク先を確認下さい)で利用できます。 当サイトではこのエコノミープランを使用しておりインターネット上の通信を暗号化する技術である 独自SSL化を無料で実施済でホームページの表示速度も快適です。

■有料サーバーと無料サーバーの違い

有料サーバーと無料サーバーの違いはいろいろありますが例を挙げれば安定性が違います。 無料サーバーであればたまにサーバーがダウンしてホームページが表示されなくなったりすることが ありますが有料サーバーの場合はサーバーがダウンするような 障害が起きることは極めて少ないため安心感があります。 他にも契約情報の確認、更新や契約プランのアップグレードなどがHP上でユーザー専用ページへログインして 簡単にできるなどのメリットが あります。

ホームページ作成初心者のうちは無料サーバーを使用して 中級者になり物足りなさを感じたら有料サーバーにのりかえる といった選択肢もあります。

■登録情報を控えておく

レンタルサーバーを取得できるとレンタルサーバーのサイトで 登録したメールアドレスに以下のような登録情報が送信 されます。後で必要になる情報なので大切に保管しておきましょう。

【アカウントID  】 aaaaa
【 ホームページアドレス 】 http://homepage.xxx.jp
【  メールアドレス  】 info@homepage.xxx.jp
【  FTPサーバー   】 ftp.homepage.xxx.jp
【  FTPSサーバー   】 users008.xxxx.jp
【  FTPアカウント   】 xxx.jp-homepage
【  FTPパスワード   】 abcdef

■サーバーと他のコンピュータとの関係

レンタルサーバーを取得できたらホームページのファイルやフォルダ を取得したサーバーへアップロード(転送) します。

アップロード 右の図のように自宅にあるパソコンからホームページのファイルやフォルダが サーバーへアップロードされます。そしてサーバーは他人のパソコンへホームページのファイルやフォルダ を送ります。(このファイルやフォルダを受け取る側のことを クライアントといいます) 右の図のようなしくみで世界中の人がInternet Explorer などのホームページ閲覧ソフトを用いて作成者のホームページを見れるようになります。 サーバーはインターネット上でコンピュータ同士をつなぐ仲介人の役割を 果たしています。


次はホームページ作成の手順6のページに移動して下さい。

■その他の項目

ホームページ作成の手順1 - HPフォルダを作成
ホームページ作成の手順2 - メモ帳を起動する
ホームページ作成の手順3 - HTMLタグを記述する
ホームページ作成の手順4 - ブラウザで表示する
ホームページ作成の手順6 - HPをアップロードする

このエントリーをはてなブックマークに追加 Instagram