ホームページ作り方教室　〜必要最小限の学習で、法則化論文形式のページをTOSSランドに登録しよう〜

課題２３：転送しなさい

　いよいよ最難関の課題です。

●ステップ１：転送するファイル（ホームページ）を用意しなさい

• １：昨日作成した"index.html"を"Oedit"で開きなさい。
  開く方法は何通りかあります。分からない人は以下の方法で開きなさい。
  • （１）"index.html"をダブルクリック→"Internet Explorer"で表示する。
  • （２）"Internet Explorer"で、「表示」→「ソース」とクリック。
• ２：分量の都合で昨日カットした作業を行います。（趣意説明）
• ３：<address>〜</address>の中に書いてある、「TOSSオホーツク」の名を、自分のサークル名に書き直しなさい。(*1)
• ４：３で書き直したサークル名を、<a href="（アドレス）">〜</a>でくくって、リンクに変えなさい。
  所属サークルにまだホームページがないという方は、この作業をやらなくても構いません。
• ５：「作成日：2002年7月23日(火) 」の後に <br> を書き、強制改行しなさい。
• ６：「作成日：2002年7月23日(火) 」の１行下に「更新日：」と書き足して、今日の日付を書きなさい。
• ７：３〜６の作業を終えると、以下のようになります。

  <address>
  <a href="http://www.aurens.or.jp/hp/aosaka/aosaka/index.htm">TOSS
  オホーツク・</a>
  <a href="mailto:yamadarn@mbe.nifty.com">山田正和</a><br>
  作成日：2002年7月23日(火) <br>
  更新日：2002年7月24日(水) 
  </address>
  

• ８：ソースの最後の方に、ナビゲーションリンクを書き足しなさい。

  </body>
  </html>
  

  ↓

  <div class="navi"><a href="#top">↑ページ先頭へ戻る</a></div>
  </body>
  </html>
  

• ９："Oedit"を上書き保存しなさい。
• １０："Oedit"の青い「ｅ」をクリックして、"Internet Explorer"での表示を確認しなさい。
  所属サークルへのリンクと、ナビゲーションが機能しますか？
• １１："Oedit"を終了しなさい。
• １２：既に個人用ホームページを持っている人は、ファイル名を"index.html"から"subject23.html"に書き直しなさい。(*2)
  

  やり方は"index.html"を右クリック→「名前の変更」です。

  まだ個人用ホームページを持っていない人は、この作業は必要ありません。

*1：サークルに所属されていない方は、勤務校名にします。

*2：パソコンの設定によっては".html"の表示が省略されているかもしれません。その場合は　index　→　subject23　です。

●ステップ２：転送設定を１つに繋げなさい。

• １："Oedit"を起動しなさい。
• ２："Oedit"の１行目に、"ftp://"の語句をコピー＆ペーストしなさい。""は要りません。ftp://だけで結構です。
  "ftp"は「ファイル・トランスファー・プロトコル（File Transfer Protocol）」の略です。
  「ファイルを送るための約束」の意味です。
• ３：２でコピー＆ペーストした"ftp://"の後に、【課題１８】で調べた「ユーザー名」をコピー＆ペーストしなさい。

  例：「ユーザー名」が"hb871559"の人の場合

  ftp://hb871559

• ４：３の後に、":"を１文字（半角）を書き足しなさい。
  その後に【課題１８】で調べた「ＦＴＰパスワード」をコピー＆ペーストしなさい。

  例：「ＦＴＰパスワード」が"open"の人の場合

  ftp://hb871559:open

• ５：４の後に、"@"を１文字（半角）を書き足しなさい。
  その後に【課題１８】で調べた「ＦＴＰアドレス」をコピー＆ペーストしなさい。

  例：「ＦＴＰアドレス」が"ftp28.nifty.com"の人の場合

  ftp://hb871559:open@ftp28.nifty.com

• ６：５の後に、"/"を１文字（半角）書き足しなさい。

  例：

  ftp://hb871559:open@ftp28.nifty.com/

• ７：全て半角文字で書かれていますか？　確認しなさい。

●ステップ３："Internet Explorer"で転送しなさい

　「転送」には複数のやり方がありますが、本講座では"Internet Explorer"を使う方法を使います。
　理由は、初心者にとって設定と操作が一番簡単だからです。

▼Ａ．転送モードで"Internet Explorer"を起動する

• １：ステップ２で１つに繋げた転送設定をダブルクリックしなさい。
  　"Internet Explorer"が起動し、これからファイルを転送する「送り先」が表示されます。
• ２：１の時、まだホームページをお持ちでなかった方は、１つもファイルがありません。
  
• ３：ただし２の場合でも、ＯＣＮやＤＩＯＮなど一部プロバイダでは、幾つかのフォルダやファイルが表示されます。
• ４：なお既にホームページをお持ちだった方は、１の時、今までに転送したファイルが全て表示されます。

▼Ｂ．"Internet Explorer"の設定が違う場合に要注意

• ５：１の時、以下の写真のようになっている方は、"Internet Explorer"の設定が違ってしまっています。
  
• ６：５の方は、設定を戻してから、ステップ３をやりなおしてください。

→"Internet Explorer"の転送用設定を元に戻す方法

▼Ｃ．専用フォルダがある方は要注意

• ７：３の時、"homepage"や"public_html"や"htdocs"というフォルダがある方は要注意です。
• ８：７のフォルダがある方は、そのフォルダをダブルクリックしなさい。
  フォルダの中身が表示されます。
  

　"homepage"は、その名の通り、ホームページを入れるための専用フォルダです。

　＠ニフティなどのプロバイダでは、専用フォルダ"homepeage"の中にファイルを「転送」しなければなりません。

　"public_html"の、"public"は「公共の〜」「公開の〜」の意味です。
　"html"は、ホームページのファイルを意味する略号です。

　ＯＣＮなどのプロバイダでは、専用フォルダ"pulic_html"の中にファイルを「転送」しなければなりません。

　"htdocs"は、"Hyper Text DOCumentS"の略です。
　意味は「ハイパーテキストの文書（群）」です。
　「ハイパーテキスト」は「ハイパーリンクのある文書」の意味で、ホームページの別名の１つです。

　ＤＩＯＮなどのプロバイダでは、専用フォルダ"htdocs"の中にファイルを「転送」しなければなりません。

▼Ｄ．今後のために「お気に入り」に登録

• ４：「転送」のたびに、ステップ２の作業を行うのは面倒です。「送り先」を「お気に入り」に登録しなさい。
  　"Internet Explorer"で「お気に入り」→「お気に入りの追加」。
• ５：４の時、そのままでは「お気に入り」の登録名が「ＦＴＰアドレス」になってしまします。
  　分かりづらいという方は、「アップ」「転送」「個人ホームページ転送」などに変えて構いません。

▼Ｅ．転送もコピー＆ペースト

• ６："Internet Explorer"はそのままにして、「ＨＰ講座」のフォルダを開きなさい。
• ７：「ＨＰ講座」のフォルダの中に、ステップ１で用意したファイル（"index.html"または"subject23.html"）があります。
  　そのファイルを右クリック→「コピー」。
• ８："Internet Explorer"の中の背景（ファイルが表示されていない白いところ）を右クリック→「貼り付け」。
  

• ９：８の時、もしも「上書きしますか？」と聞かれたら、「はい」です。
• １０：「コピーしています」というウィンドウが出ますが、数秒後に消えます。
  　よく見ると、"Internet Explorer"の中に"index.html"または"subject23.html"がコピーされています。

• １１：おめでとうございます。これで「転送」は完了です。
• １２：ここまでくれば、ステップ２で起動した"Oedit"は、保存しないで終了して構いません。

●ステップ４：転送したホームページを表示しなさい。

• １："Oedit"を起動しなさい。
• ２：以下を参考にして、自分の「ホームページアドレス」を"Oedit"の１行目に書きなさい。

▼ＯＣＮの場合：

http://ＦＴＰアドレス/~ユーザー名/

例）http://www2.ocn.ne.jp/~h.katsu/

▼ＯＤＮの場合：

http://ＦＴＰアドレス/~ユーザー名/

例）http://www2.odn.ne.jp/~chy66220/

▼BIGLOBEの場合：

http://ＦＴＰアドレス/~ユーザー名/

例）http://www5e.biglobe.ne.jp/~yamada/

▼＠ニフティの場合：

http://homepage(数字）/（ＨＰ開設申し込み時に自分で決めた名前）/

※"homepage"の後の数字は、「ＦＴＰアドレス」の中にある数字です。
　例えば「ＦＴＰアドレス」が"ftp10.nifty.com"なら"10"です。

例）http://homepage2.nifty.com/yamadarn/

▼DIONの場合：

http://www.（※１）.dion.ne.jp/~（※２）/

※１：「ＦＴＰアドレス」から最初の４文字を削ったもの

例）ftp.d2.dion.ne.jp　→　d2.dion.ne.jp

※２：ＨＰ開設申し込み時に自分で決めた名前

▼ so-net （U-Page+サービス）の場合：

http://www（*1）/（*2）/

*1：「ＦＴＰアドレス」から、最初の３文字を削ったもの

*2：「希望ホームディレクトリ名」→ホームページ開設申し込み時に自分で決めた名前。

例）http://www002.upp.so-net.ne.jp/yamada/

• ３：２で書いた"http"は「ハイパーテキスト・トランスファー・プロトコル（Hyper Text Transfer Protocol）」の略です。
  「ホームページ（ハイパーリンクのある文書）を送るための約束」の意味です。
• ４：２で書いたアドレスの後に、ステップ１で用意したファイルの名前を書き足しなさい。
  "index.html"または"subject23.html"です。

  例１）http://www2.ocn.ne.jp/~h.katsu/index.html

  例２）http://www2.ocn.ne.jp/~h.katsu/subject23.html

• ５：全て半角文字で書かれていますか？　確認しなさい。
• ６：４で書いたアドレスをダブルクリックしなさい。
• ７："Internet Explorer"が、ホームページを表示します。
  ただし、まだ「ＣＳＳ」を「転送」していないので、白黒の地味な「見栄え」で表示されます。
• ８：７で表示されたホームページを「お気に入り」に登録しなさい。
  （"Internet Explorer"で「お気に入り」→「お気に入りの追加」）
• ９：８のように「お気に入り」に登録しておけば、いつでも簡単に自分のホームページに行けます。
• １０：ステップ３の４で「お気に入り」に登録した「個人ホームページ転送」をクリックしなさい。
  （Windows左下、「スタート」→「お気に入り」→「個人ホームページ転送」。
  　または"Internet Explorer"、「お気に入り」→「個人ホームページ転送」）
• １１：ステップ３の６〜８と同様の手順で、"orange_line.css"を「転送」しなさい。
• １２：ステップ４の８で「お気に入り」に登録したホームページをクリックしなさい。
• １３：オレンジ色のホームページが表示されれば成功です。

　まだホームページをお持ちでなかった方、おめでとうございます。
　あなたは「ホームレス」から脱却しました。
　講師の作った課題を多少手直ししただけですが、これでも立派な個人ホームページ（個人サイト）です。