初心者向けホームページ作成講座
フリーソフトでホームページを作ろう!
touka.gif(49 byte)
touka.gif(49 byte)
touka.gif(49 byte)
touka.gif(49 byte)
touka.gif(49 byte)
t-1.png(323 byte)

FTPの設定とアップロード

(更新日 09/10/05)

 ここまできたら、後はファイルをサーバーにアップロードするだけです。サーバーにアップした時点で自分の作ったホームページを世界中に公開する事になります。通常、ファイルをアップロードする方法としてはサーバー側のサービスで用意されているファイルマネージャを使うかFTPクライアントという種類のソフトウェアを使う方法がありますが、ここでは前ページで取得したFC2WEBのレンタルサーバーを例に、alphaEDIT付属のFTPクライアントでアップロードする方法を説明していきます。

FTPの設定

ftp-2.png(9504 byte)

 まず最初に使用するサーバーの情報を調べておきます。FC2の場合は、FC2WEBにログインして「サービス名」がFC2ホームページとなっている所から「管理画面」をクリックしてFTPの情報を確認できます。FC2以外のサーバーでもサービスにログインすれば管理画面にFTPの情報が記載されている筈です。他、契約時のメールに記載されている場合もあります。

ftp-1.png(1501 byte)

ftp-4.png(7552 byte)

 FTPを起動させる前にalphaEDITのツールバーにある「オプション」を開き、上のタブの「FTP転送」でFTPの設定をしておきます。

■使用するFTPアップローダー
 今回はalphaEDIT付属のFTPを使うのでそのままにしておきますが、別のFTPクライアントも指定できます。

■接続先
 複数のサーバーを利用している場合は複数設定を保存して、切り替えて使用できます。今回は「設定1」のままで。

■FTPサーバー
 FC2では「ホスト名」となっているアドレスを入力します。他のサーバーでは「FTPサーバアドレス」「接続先アドレス」「転送先」「WWWサーバ」など、表現に違いがあります。

■ユーザID
 FC2では「ユーザ名」となってなっている部分を入力します。他のサーバーでは「FTPユーザ名」「ユーザID」などになっています。

■パスワード
 FC2ではアカウント情報で設定したパスワードを入力します。これはどのサーバーでもパスワードと表現するのですぐに分かる筈。

 「Pasvモード」にチェックを入れておき、「ポート」はそのままで。これでFTPの設定は終了です。

FTPでアップロード

ftp-6.png(1505 byte)

ftp-7.png(12232 byte)

 ツールバーの「FTPアップロード」ボタンをクリックしてalphaEDIT付属のFTPを起動します。3分割のウインドウは、左側がローカル(自分のパソコンのハードディスク)、右側がサーバーのスペース、下部がFTPの情報になっています。まずローカル側に、フォルダの階層を辿ってホームページ専用フォルダを表示させて下さい。次に「接続」ボタンをクリックしてサーバーと接続します。

 初期ではファイル、フォルダが無い状態ですが、サーバーによっては「index.html」ファイルや関連するフォルダを置いてあったりする事もあります。その場合は、削除するか後から上書きします。他、アップロードする場所を「public_html」などフォルダに指定している事もあるので、その際はサーバー側のフォルダにある「public_html」フォルダを開いておきます。

 ファイル数が少ない場合はローカル側のファイルを右クリックして「アップロード」を選択すればサーバー側に転送できますが、ファイル数が多くなってくると一つずつアップするのは面倒なので、一旦上にあるファイルをクリックしておき、下にあるファイルを「Shift」キーを押しながらクリックすると、上から下までを選択状態にする事ができます。その状態からアップロードすれば多くのファイルを一度に転送する事ができます。

(追記)初心者の方でよくつまずく画像に関して。ウェブサイトに使用している画像は当然ながら、htmlファイルと同様にサーバーにアップロードします。画像に限らずウェブサイトに使用しているファイルは全てアップロードが必要だと考えて下さい。アップロードする際に注意が必要なのはローカルと同じ階層に合わせる事。htmlファイルと同じ位置にフォルダを作ってその中に画像を置いているならサーバー側も同じ階層になるようにフォルダを作って合わせます。

ポイント

 最後にファイルが正常にアップされているか自分のホームページアドレスに行って確認しましょう。最初の頃は画像が表示されない、リンクが正確に設定されていないなどのミスがよくあります。とはいえ、ひとまずはホームページの形だけは完成です。 更にデザインを作りこんでいくにはスタイルシートが必要になり、アクセスアップを目指すには相互リンクやSEOが必要です。これらは「ホームページのデザイン」「更なる向上を目指して」で説明しているので、余力があれば覘いてみて下さい。

 とりあえずはお疲れ様でした。私も疲れた・・・(^^;

広告
t-2.png(196 byte)