ホームページ作成の基礎から、HTMLタグやスタイルシート、JavaScriptを使ったHP作成方法、アクセスアップの秘訣を紹介。
 

無料ホームページ作成講座 〜初心者のための簡単ホームページ作成術〜

 
ホーム お気に入り サイトマップ リンク ヘルプ
ホームページ入門
初めてのホームページ
作成に必要なもの
レンタルサーバ選び
HPを作ってみよう
FTPの使い方
FTPについて
ダウンロード方法
インストール方法
FFFTPの設定方法
ホームページ公開
完成までの流れ
気をつけたいこと


 FFFTPを使ってホームページを公開する

ホームページを公開しよう!
やっとここまで来ましたね。全ての準備が整いましたので、いよいよホームページの公開をします。 下記の公開手順にそってホームページの公開をしましょう。

FFFTPを使ったホームページの公開手順
以下は、ページ作成時(2007年2月)のFFFTPでのホームページ公開手順です。
1. デスクトップにある「FFFTP」にカーソルを合わせ、ダブルクリックしてください。
2. 先ほど設定した、ホスト一覧の「ホスト名」をクリックし、「接続(S)」をクリックしてください。
拡大表示
上の画像をクリックして拡大表示でご覧下さい。
3. 登録したサーバへの接続が始まり、画面下の欄に「ファイル一覧の…」と出たら、サーバへの接続が完了となります。 (画面左側が自分のパソコン内のデータ、右側がサーバ側のデータとなります。)
拡大表示
上の画像をクリックして拡大表示でご覧下さい。
4. 次に、ホームページとして表示させる(転送する)ファイル・画像が入っている「HomePage」フォルダを指定するため、「フォルダの移動」ボタン(下記の画像を参照)をクリックしてください。
拡大表示
上の画像をクリックして拡大表示でご覧下さい。
5. フォルダ変更画面が表示されますので、右側のボタン(下記の画像を参照)をクリックしてください。
6. フォルダの参照画面が表示されますので、その中にある「HomePage」フォルダをクリックし、「OK」ボタンをクリックしてください。
拡大表示
上の画像をクリックして拡大表示でご覧下さい。
7. フォルダの参照画面が閉じ、フォルダ変更欄に「HomePage」フォルダを表示させるための場所が表示されますので「OK」ボタンをクリックしてください。
(自分のパソコンの場所ですので、下記と同じ表示ではありません。)
8. フォルダ変更画面が閉じ、FFFTP画面左側にHomePageフォルダ内の作成したフォルダやHTMLファイル、画像が表示されます。
拡大表示
上の画像をクリックして拡大表示でご覧下さい。
9. HomePageフォルダ内に入っているファイルなどをサーバ側に転送します。
まずは「index.html」ファイルをクリックし、画面上の「アップロード」ボタン(下記の画像を参照)をクリックしてください。 この時、サーバ側に同じファイルがある場合「同じ名前のファイルが・・・」というメッセージが表示される場合がありますが、「上書き(O)」を選択し「OK」ボタンをクリックしてください。
拡大表示
上の画像をクリックして拡大表示でご覧下さい。
  拡大表示
上の画像をクリックして拡大表示でご覧下さい。
10. 上と同じように、各ファイル、フォルダを「アップロード」してください。
(imageフォルダについては、フォルダごとアップロードしてください。)
すると以下のようになります。
拡大表示
上の画像をクリックして拡大表示でご覧下さい。
11. ファイルやフォルダ、画像をアップロードした際に、パスワード画面が表示されることがあります。 その場合には、ホストの設定で入力した「パスワード」を入力し「OK」ボタンをクリックしてください。
12. 以上でホームページの公開手順は終了です。 新しくWebブラウザを開き、自分のホームページアドレスを入力し、作成したホームページが表示されているか確認しましょう。 (ホームページのアドレスについては、登録したレンタルサーバ及び、プロバイダより確認してください。)

次回以降の手順について
次回以降の公開手順については、接続後自分のパソコン側の画面がHomePageフォルダが表示されますので、手順「9」からお進みください。

体験ホームページ公開完了!
ついにホームページの作成・公開ができましたね。本当におめでとうございます。
これであなたもホームページの管理人となりました。
しかし、これが終わりではありません。これがホームページの始まりなのです。
まだ「体験ホームページ」では使用していないHTMLタグもたくさんありますから、これから少しずつ覚えていってください。 また、これからは自分が思い描く構成・レイアウトのホームページ作り、自分が紹介したいと思っていることを、ゆっくりコツコツとホームページとして公開していってください。
ふとした瞬間に、「あのサイトでホームページの作り方を覚えたんだよなぁ〜」と思い出して頂けたら嬉しいです。 他にも、ホームページ作成に関する情報を紹介していきますので、お時間がある時にでも見て頂けたらなと思います。
当サイト「ホームページ作成講座(以下略)」、管理人共々よろしくお願いします。
(最終更新日 : 2007年2月18日)

ページの上へ


前のページ   トップページ   ホームページの完成までの流れ





Copyright (C) 2007 ホームページ作成講座 All Rights Reserved.