この記事では「html/cssを勉強している人」へ向けて、エックスサーバーのはじめ方を解説します。
自分のサーバーを持つのは、サイト制作者のプロへの第1歩です。
サーバーの開設はわずか15分でできるので、ぜひチャレンジしてみてください。
↑別タブで開きます。
エックスサーバーのはじめ方【WordPressインストールなし：html/css初心者用】
htm/css初心者向けに、エックスサーバーの登録方法を紹介します。
サーバーを借りて自分で作ったサイトをアップしましょう。
こちらの記事も参考にしてください。
サイト制作初心者はサーバーを早めに経験しよう
※スクールに入っている人は、学校によっては卒業制作のサイトをアップするため、サーバーを契約する場合があります。
そういう人はサーバーを借りると損なので、この記事では流れだけ確認してください。
エックスサーバーの申し込みは、
- サーバープランの申し込み＋アカウント登録
- サーバーの料金支払い
- 独自ドメインを取得する(独自ドメイン永久無料特典を利用)
- 独自ドメインをサーバーに設定する
の4つの流れとなっています。
サーバープランの申し込み＋アカウント登録
- サーバープランの申し込み＋アカウント登録
- サーバーの料金支払い
- 独自ドメインを取得する(独自ドメイン永久無料特典を利用)
- 独自ドメインをサーバーに設定する
はじめに、
- サーバープランの申し込み
(スタンダード・プレミアム・ビジネスから選択) - アカウント登録
(名前・住所など)
をやっていきます。
Amazonでアカウントを作る(ユーザー登録)のといっしょです。
ユーザー登録すれば、Amazonプライムビデオの利用や買い物ができるようになりますね。
同じように、エックスサーバーにアカウントを作ることでサービス利用が可能になります。
サービス…サーバーのレンタルやドメインの使用など
アカウント登録は無料です。
まず、サーバープランの申し込みからです。
- サーバープランの申し込み ←ここをやっていきます。
(スタンダード・プレミアム・ビジネスから選択) - アカウント登録
(名前・住所など)
エックスサーバーへアクセス
エックスサーバー 
にアクセスし、「まずはお試し10日間無料」をクリックしましょう。
↑別タブで開きます。
10日間無料お試し 新規お申込み
「10日間無料お試し 新規お申込み」をクリック。
サーバープランの選択
サーバープランを選択画面で「スタンダード」を選びましょう。WordPressクイックスタートにはチェックを入れません。
次はアカウント登録を行うため、「Xserverアカウントの登録へ進む」をクリック。
アカウントの登録
- サーバープランの申し込み
(スタンダード・プレミアム・ビジネスから選択) - アカウント登録 ←ここをやっていきます。
(名前・住所など)
ここからアカウントの登録をしていきます。
メールアドレス・名前・住所など、必要事項を入力しましょう。
下まで進んだら、「利用規約」「個人情報の取り扱いについて」に同意するをクリック。
「次へ進む」をクリックしましょう。
メール認証
次はメール認証です。
メール認証によって、上記で入力したメールアドレスに間違いがないかを確認します。
無事、メールが届いていれば、それに記載されている「確認コード」を入力。
「次へ進む」をクリックしましょう。
申込み
次の画面で、「この内容で申込みする」をクリック。
SMS認証
さいごに、電話でのSMSを利用して、登録完了前の認証を行います。
SMS…ショートメッセージサービス(ショートメール)
申し込み者が本人かを確認するための作業です。
アカウント申し込みの完了
電話に送信されたショートメッセージに記載されている認証コードを入力。
「認証して申し込みを完了する」をクリックしましょう。
これで、
- サーバープランの申し込み
(スタンダード・プレミアム・ビジネスから選択) - アカウント登録
(名前・住所など)
が完了しました。
「サーバーアカウント設定完了のお知らせ」という件名でメールが送られてきたら、無料お試し期間のスタートになります。
10日間は無料でサーバーを使えます。もし、継続して使ってみようと思ったら、次のサーバー料金の支払いへと進みます。
サーバー料金の支払い(本契約)
- サーバープランの申し込み＋アカウント登録
- サーバーの料金支払い
- 独自ドメインを取得する(独自ドメイン永久無料特典を利用)
- 独自ドメインをサーバーに設定する
このサーバー料金の支払いを済ませることで、本契約となります。
エックスサーバーのアカウントにログインする
エックスサーバーのアカウントに、
- メールアドレス
- パスワード(アカウント登録時に設定したもの)
を入力しログインしましょう。
ログイン情報は、「サーバーアカウント設定完了のお知らせ」のメールに記載されています。
料金支払い
上にある「料金支払い」をクリック。
契約期間
下の画面でチェックを入れて、「契約期間」を選びます。
その後、「支払方法を選択する」をクリックしましょう。
※期間を12ヶ月以上を選択すれば、次の「独自ドメインの取得」の際、独自ドメイン永久無料特典を利用できるようになります。
- サーバープランの申し込み＋アカウント登録
- サーバーの料金支払い
- 独自ドメインを取得する(独自ドメイン永久無料特典を利用)
- 独自ドメインをサーバーに設定する
本来、独自ドメインの取得には料金が必要です。
支払いの方法を選ぶ
下図で、支払い方法を選択しましょう。
ここからはクレジットカートで支払う流れを解説します。
カード番号の入力
カード番号などを入力し、「確認画面へ進む」をクリック。
支払い
「支払いをする」をクリック。
サーバー料金の支払い完了
これでサーバー料金の支払いが完了しました。
ちなみに、クレジットカードの場合は自動更新となります。
独自ドメインを取得する(独自ドメイン永久無料特典を利用)
- サーバープランの申し込み＋アカウント登録
- サーバーの料金支払い
- 独自ドメインを取得する(独自ドメイン永久無料特典を利用)
- 独自ドメインをサーバーに設定する
ドメインの取得は本契約を済ませることで可能となります。
各種特典お申し込み
エックスサーバーのアカウント画面で、「各種特典お申し込み」をクリックしましょう。
特典の利用
「この特典を利用する」をクリック。
ドメイン名を決める
「区分」で新規取得になっていることを確認し、好きな「ドメイン名」に入力しましょう。使える文字は半角英数と半角のハイフン(-)です。
※ドメイン名はメモしておきましょう。
この先で、入力する必要があるので。
もし、メモし忘れても大丈夫です。
ドメインを取得したら、「【Xserverドメイン】永久無料ドメイン（キャンペーン特典）取得完了のお知らせ」というタイトルのメールが送られてくるので、それに記載されています。
検索する
ドメイン名を入力したら、「検索する」をクリック。
※自分で決めたドメイン名が使えるものかを確認するため検索します。
ドメイン選択
下図の左側に○があるドメインは選択可能です。画像中だと、「com」や「net」など。
好きなドメインを選択したら、「選択したドメインの取得申請をする」をクリック。
独自ドメインの取得完了
これで独自ドメインを取得できました。
独自ドメインをサーバーに設定する
これでさいごです。
- サーバープランの申し込み＋アカウント登録
- サーバーの料金支払い
- 独自ドメインを取得する(独自ドメイン永久無料特典を利用)
- 独自ドメインをサーバーに設定する
サーバー管理
エックスサーバーのアカウント画面で「サーバー管理」をクリック。
ドメイン設定
下図は「サーバーパネル」と言って、サーバーを管理する画面です。
ここで「ドメイン設定」をクリック。
ドメイン設定追加
以下の画面で、「ドメイン設定追加」をクリック。
ドメイン名の入力
ドメイン設定画面で、先ほど決めたドメイン名を入力します。
- 無料独自SSLを利用する
- 高速化・アクセル数拡張機能「Xアクセラレータ」を有効にする
にチェックが入っていることも確認しましょう。
ドメイン名を覚えてなかったりメモし忘れていたら、メールをみましょう。
先ほど、ドメインを取得した時点で、「【Xserverドメイン】永久無料ドメイン（キャンペーン特典）取得完了のお知らせ」というタイトルのメールが来ているはずです。
それに記載されています。
ドメイン設定の追加完了
「追加する」をクリック。
「ドメイン設定の追加を完了しました」となれば、設定完了です。
これでもう、html/cssファイルをアップロードすればサイトが表示されます。
アップロード方法は、こちらの記事をご覧ください。
html/css初心者の方はサーバーデビューして、ファイルをアップしましょう。
そして、FTPソフトの操作に慣れてください。
あなたがウェブ制作会社に就職した時、必ず役に立つはずです。
まとめ
サイト制作者向けにエックスサーバーのはじめ方を解説しました。
さっそく、ファイルをアップしてみましょう。
↑別タブで開きます。
エックスサーバーについてくわしく知りたい方は、こちらの記事をどうぞ。
FileZillaの操作注意点は、こちらの記事をご覧ください。
ワードプレスでブログを開設したい人はこちらをどうぞ。
