作成2+モバイルサイトの作成方法(3)
今回は、前回作成したindex.htmlを、サーバ上にアップして
ご自分の携帯電話からどのように見えるのか、閲覧してみましょう!
☆用意するもの
・レンタルサーバ
(無料HPスペースでもOK)
・FFFTP (MacユーザはFetchなどを使用してください。)
・携帯電話 (持ってない人は買えw)
まあ、すでに準備編で終了していることと思いますので、
レンタルサーバなどについては割愛します。
今回は、エックスサーバ
を例とします。
1.FFFTPをインストールします。
2.ソフトを起動したら、『新規ホスト』をクリック。
「ホストの設定名」 → 任意でOK
「ホスト名」 → エックスサーバからの設定完了メールにある”FTPホスト”を入力
「ユーザ名」 → エックスサーバからの設定完了メールにある”サーバーID”を入力
「パスワード」 → エックスサーバからの設定完了メールにある”サーバーID”を入力
「ローカルの初期フォルダ」 → 空白でOK
「ホストの初期フォルダ」 → 空白でOK
3.OKをクリックして「接続」ボタンを押す。
4.画面左側がローカル(自分のPC内)を示す画面、
画面右側がサーバ上を示す画面が表示されます。
*ここで接続できないようであれば、もう一度設定を確認してください。
5.ホスト側(サーバ上)のPublic_html をクリックします。
6.ローカル側の画面で先ほど作成した index.html を選択して、
ホスト側(サーバ上)にドラック&ドロップします。
7.これで、ファイルがアップロードされました。
最初は分かりにくいかもしれませんが、必須のスキルですので、
必ず覚えてください。
8.ブラウザを開き、ご自身が取得したドメイン(またはHPスペースのアドレスを)
入力してください。
ボクの場合は、 → http:blog.zepton.biz/test.html
9.上手く表示できたら、そのアドレスをコピーして、メールソフトを起動し、
携帯電話のメールアドレスに送信します。
10.携帯電話からどのように見えるか確認します。
以上で完了です。携帯電話でURLを打ち込んでいくのは大変なので、
メールソフトに携帯電話のメアドを登録しておきましょう!



