ホームページの作り方

このセクションの目次

• 電子メールの復習
• proxy の設定
• ホームページの作り方
• ホームページの作り方：参考文献

censun00 上でのメール

●手順

• netscape の Options から Network を選択し, Proxies の Manual Proxy Configuration を選択する.

• View... をクリックし, 以下のように欄を埋める.

    FTP Proxy:       www.sit.ac.jp     Port: 80
    Gopher Proxy:    www.sit.ac.jp     Port: 80
    HTTP Proxy:      www.sit.ac.jp     Port: 80
    Security Proxy:  www.sit.ac.jp     Port: 80
    WAIS Proxy:      www.sit.ac.jp     Port: 80
    No Proxy for:    sit.ac.jp
  

• OK を2回クリックして, もとに戻る.

• まずディレクトリを作成

  	% mkdir public_html
  	% cd public_html
  

• サンプルファイルをコピー

  	% cp /home/satoh/sample.html index.html
  

• netscape で確認して下さい.
  http://cenfmv15.sit.ac.jp

  あるいは, 流力研のホームぺージ から, 学生のホームページ をクリックして下さい.

  自分のアカウントがあるかどうか確認して下さい.

• サンプルファイルの内容は次のようになっています. mule を立ち上げて, 確認して下さい.

  	% mule index.html &
  

  ---

  <title> Homepage for ********</title>
  <h1>Welcome to ********'s home page </h1>
  <! こうして始まる行はコメントとみなされます.>
  <! ここであなたの紹介をして下さい. >
  私は **************** です. <P><! 段落の終り>
  
  <h2> 便利なホームページ:
  <img  src="http://fdlsun.sit.ac.jp/earth.gif">
  </h2><!Level one header>
  
  <! ここから下のリストは順不同です.>
  <! リストは ul と ul/ というタグに囲まれます. >
  <! それぞれの行は li というタグで始まります. >
  
  <ul>
  <li><a href= "http://www.sit.ac.jp/index.html"> 
  埼玉工業大学</a> ホームページ
  <li><a href= "http://fdlsun.sit.ac.jp/index.html"> 
  流体力学研究室</a> ホームページ
  <li><a href= "http://cenfmv15.sit.ac.jp/index.html">
  コンピューター実習室IV</a> ホームページ
  <li><a href ="http://www.ntt.jp/SQUARE/index-j.html">
  NTT URL の広場</a>
  </ul><!End of unordered list>
  
  <h1>My frequently visited places:</h1>
  <ul> 
  <li>link 1
  <li>link 2
  <li>link 3
  </ul>
  
  
  <h1>How to reach me:</h1>
  
  名前, 住所:
  <! あなたの住所, E-mail アドレス, 電話番号を書いて下さい. >
  <! 自宅の電話番号は書かない方がよいです. >
  
  
  <h2><a href= "http://www.sit.ac.jp/index.html">
  SIT homepage</a></h2>
  

  ---

• mule 上で適当に編集して下さい.
  例えばはじめの ******* のところを自分の名前を書いて下さい.

  編集してセーブ (C-xs) したら, netscape の自分のファイルを再表示します.

  つまり, View の Reload を選択して下さい.

• WWWに関する日本語による解説

• HTML入門 (1995/6/1 編集)

• HTML初心者向けガイド

• あなたのホームページをもっと良くするための10のTips

• World Wide Web FAQ

• 東大理学部地質学教室向けホームページの作り方ガイド (by E.Tajika)