ファイルのアップロード(FTP)

各自のHTMLファイルが完成しても，それだけではみんなに見てもらえない．サーバーにアップロードして初めてみんなが見ることができる．以下ではファイルのアップロードの方法を解説する．ファイルをサーバーにアップロードするには「FTP」というプログラムを用いる．

1.サーバへの接続

1. 「スタート」→「プログラム」→「telnet & FTP」→「FFFTP」をクリックし，起動する．次のような画面が現れるはず（画面は実際とは微妙に異なっている）．
   
2. ここでは，Waseda-netメールアドレスがintro01@asagi.waseda.jpである場合を例にとって説明します．
   「ホスト一覧」からftp.asagi.waseda.jpを選択します．asagi以外の人はそれぞれの名称のついたホストを選び，「接続」ボタンをクリックします．次のダイアログが現れます．
   
3. 「ユーザ名」にintro01と入力します．つまり，メールアドレスの「＠」より左側の部分だけを入力します．次のダイアログが現れます．
   
4. 「パスワード/パスフレーズ」に Waseda-netのパスワードを入力します．
5. 入力を終えたら「OK」をクリックする．するとサーバーにログインし，次の画面に切り替わります．
   
   右の画面に「public_html」フォルダが現れます．なかったら，ログイン失敗．メニューの「接続」→「接続」とし，2からやり直します．
   画面は左右に分割されています．左は使用しているPCのファイル情報，右はサーバ上にあるファイル情報です．
6. 「public_html」フォルダをダブルクリックし，フォルダの中に入ります．
   さらに講義中に指定する名称のフォルダを作成し，そのフォルダの中に入ります．
   これでファイル転送の準備が完了しました．
   
   ※画面はすでにファイルを転送し終えたものです．
   ※注意：作成したHPのファイルを「public_html」フォルダに置いた場合，学外にもHPを公開する仕様となっています．
   都合上，学内公開とする場合には，「public_html」フォルダにある「LOCAL」フォルダの中に作成したHPのファイルを置くようにして下さい．

2.ファイルの転送

1. エクスプローラー，マイコンピュータなどを用い，作成したHP用ファイルのリストを表示させます．
2. FFFTPの右エリアに転送したいファイル，フォルダをドラッグします．ファイルのコピーの要領です．これでOK．すでに同じファイルがあるときは上書きします．
   
3. ワードを使ってHPを作成した場合，画像のあるページを作ると，ファイル名と同名のフォルダ「ファイル名.files」ができる．画像はこのフォルダに入っているので，このフォルダもまるごとサーバに転送しなければなりません．

3.確認

これで，ファイルのアップロードは終了．実際にブラウザを起動して，表示できるかどうか確認しよう．

うまく自分のサイトが表示されない時は…

1. 阿部の演習では，トップ（先頭の）ページのファイル名は「index.htm」でなければなりません．

2. ファイル名は「直接入力」モードで入力されていなければなりません．ファイル名が日本語モードで入力されてないか確かめよう．同じように見えても微妙に違う．

3. サーバの転送先は「public_html」フォルダの中です．違う所にファイルを転送していませんか？

4. 図や絵と文字の位置がおかしくなる→図や絵をいったん削除して，もう一度張りなおしてみよう．試行錯誤するしかありません．