サーバー契約からFFFTPの使い方まで、
完全ゼロから自分のHPが作れるようになる 7ステップ
あなたのHPファイルを24時間365日インターネット上に置いておく「レンタル倉庫」です。月500〜1,000円程度で借りられます。
「example.com」のようなHP固有の住所です。年間1,000〜3,000円程度。サーバーと紐付けることでHPにアクセスできます。
自分のパソコンからサーバーへHTMLファイルを転送するソフトです。FFFTPは無料で使える定番ツールです。
個人HPなら「スタンダードプラン」で十分。月額1,000円前後が目安です。
メールアドレス・氏名・住所・クレジットカードを用意して申し込みます。10分程度で完了します。
契約完了メールに「FTPサーバー名」「FTPユーザー名」「FTPパスワード」が届きます。必ずメモしておきましょう。
取得したいドメイン名を入力して空きがあるか確認。「.com」は年間1,000〜2,000円が目安です。
カートに入れて会員登録・支払い。数分で取得完了します。
ドメイン管理画面で「ネームサーバー」をレンタルサーバーが指定する値に変更します。エックスサーバーなら「ns1.xserver.jp」などを設定。反映まで最大24時間かかります。
ダウンロードしたインストーラーを実行。基本的に「次へ」を押し続けるだけでOKです。
FFFTPを起動 → 「新規ホスト」をクリック → 以下の情報を入力します。
設定を保存して「接続」ボタンを押します。右側のパネルにサーバーのフォルダが表示されれば接続成功!
メモ帳を開いて上記をコピー。「ファイル」→「名前を付けて保存」で、ファイル名を「index.html」、文字コードを「UTF-8」にして保存。
保存したindex.htmlをダブルクリックしてブラウザで表示確認。「ようこそ!私のHPへ」と表示されればOK!
先ほど設定したホストを選んで「接続」ボタンをクリック。右パネルにサーバーのフォルダが表示されます。
右パネル(サーバー側)で「public_html」フォルダを開きます(サーバーによって「www」「htdocs」の場合もあります)。
左パネル(PC側)でindex.htmlを選択して右クリック→「アップロード」、またはドラッグ&ドロップで転送します。
ブラウザで「https://あなたのドメイン.com」にアクセス。さっき作ったページが表示されれば HP公開完了!🎉
URLを「http://」→「https://」に変えてセキュリティを高めます。多くのサーバーでワンクリックで無料設定できます。今やSSL化はマスト!
HTMLに「style.css」を追加することで文字サイズ・色・レイアウトを自由に変えられます。
画像ファイルもFFFTPでアップして、HTML内で <img src="photo.jpg"> と書くと表示できます。
PCでHTMLを編集して保存 → FFFTPで再アップロード、これを繰り返すだけです。シンプル!