第二章:ウェブサイト公開の環境を整えるトップページへ戻る

1. ウェブサイトを公開する方法 /  2. 最初のファイルを作る /  (ア) Crescent Eveをダウンロード /  (イ) 拡張子を表示させる /  (ウ) テストファイルを作ろう /  3. サーバーを借りる /  (ア) レンタルサーバーの違い /  (イ) さくらレンタルサーバーを借りよう /  4. FTPソフトを用いて公開する /  (ア) FFFTPをダウンロード /  (イ) 設定をしよう /  (ウ) テストアップロードをしよう

(ウ) テストアップロードをしよう

では、このまま、アップロードする、ということを試してみましょう。行きます。

手順7:デスクトップにある「first_web」フォルダを下の図のようにドラッグし、FFFTPのまるの部分がDeskopと表示されるようにする


手順8:右枠の「www」というフォルダをダブルクリック後、左の枠(自分のパソコンのデスクトップ)から右の枠(サーバー)へドラッグをして、ファイルごとフォルダをアップロードする


手順9:右枠に「first_web」というフォルダが出来ていることを確認する


結果:「http://自分のアカウント名.sakura.ne.jp/first_web/」へアクセスして、「初めてのウェブサイト!!」の文字が表示されることを確認されました!!
※あなたは、「え、これ、さっきも表示されてたじゃん。」と思ったかも知れませんね。しかし、違います。今回は「http://自分のアカウント名.sakura.ne.jp」へアクセスして表示されたのに対し、前回は「C:User\あなたのPCアカウント\Desktop\first_web\index.html」、すなわち、あなたのパソコン上で表示されているに過ぎません。つまり、あなたしか見られなかった初めてのウェブサイトが、全世界の人々が見られるようになったのです。おめでとうございます(笑)

島岡諒の無料ホームページ作成講座『初めてWeb入門』 前のページへ戻る島岡諒の無料ホームページ作成講座『初めてWeb入門』 次のページへ進む

あなたも、サポートメールに参加しませんか?

『初めてWeb入門』に取り組んでくださっている方にサポートメールをお送りしています。
ここでは、『初めてWeb入門』では紹介し切れなかったウェブデザインの知恵を配信しています。
名前とメールアドレスだけで参加出来ますので、興味のある方は、ぜひご参加くださいね^^

氏名 :
メール:

※サポートメールは、いつでも解除できます。詳しくはサポートメールのページをご確認ください。




第二章:ウェブサイト公開の環境を整えるトップページへ戻る

1. ウェブサイトを公開する方法 /  2. 最初のファイルを作る /  (ア) Crescent Eveをダウンロード /  (イ) 拡張子を表示させる /  (ウ) テストファイルを作ろう /  3. サーバーを借りる /  (ア) レンタルサーバーの違い /  (イ) さくらレンタルサーバーを借りよう /  4. FTPソフトを用いて公開する /  (ア) FFFTPをダウンロード /  (イ) 設定をしよう /  (ウ) テストアップロードをしよう

はじめにサポートメールホームページの疑問・質問おすすめリンクお問い合わせ

当サイトは、スマホ対応しリニューアルしました。これから勉強される方は、こちらの新サイトをおすすめいたします。

リニューアルしたサイト「WEB-D.PRO」へ遷移します