1.1 個人のWebページ

1.1.1 情報公開の手順

Webページを作成し，WWWサーバで情報を公開するには次のような手順で行います．

公開の準備
Emacs()などのテキストエディタを起動してホームディレクトの下に`public_html' という名前のディレクトリを作成します．

公開する文書の作成
図1.1のように記述したテキストファイルをホームディレクトリ内の`public_html' に`index.html'というファイル名で作成します．

**図 1.1:** ページ``index.html`'のサンプル
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-2022-JP"> <title>Taro Fujisawa’s Home Page</title> </head> <body> <h1>Welcome to Taro’s Home Page!!</h1> <p> ここは <strong>藤沢太郎</strong> のページです．<br> これから4 年間頑張って勉強したいと思います．<br> とりあえず自己紹介と日記を書いてみました．よかったら読んでください．<br> それと訪問者リストにメッセージを書いてくれると嬉しいです． </p> <ul> <li><a href="introduction.html">自己紹介</a></li> <li><a href="diary.html">日記</a></li> <li><a href="visitorslist.html">訪問者リスト</a></li> </ul> <hr> <a href="http://www.sfc.keio.ac.jp/index.html">SFC のページへ</a> <br><br> <a href="http://validator.w3.org/check/referer"> <img border="0" src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01!" height="31" width="88"> </a> </body> </html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-2022-JP">
<title>Taro Fujisawa’s Home Page</title>
</head>
<body>
<h1>Welcome to Taro’s Home Page!!</h1>
<p>
ここは
<strong>藤沢太郎</strong>
のページです．<br>
これから4 年間頑張って勉強したいと思います．<br>
とりあえず自己紹介と日記を書いてみました．よかったら読んでください．<br>
それと訪問者リストにメッセージを書いてくれると嬉しいです．
</p>
<ul>
<li><a href="introduction.html">自己紹介</a></li>
<li><a href="diary.html">日記</a></li>
<li><a href="visitorslist.html">訪問者リスト</a></li>
</ul>
<hr>
<a href="http://www.sfc.keio.ac.jp/index.html">SFC のページへ</a>
<br><br>
<a href="http://validator.w3.org/check/referer">
<img border="0" src="http://www.w3.org/Icons/valid-html401"
alt="Valid HTML 4.01!" height="31" width="88">
</a>
</body>
</html>

Webブラウザによる表示
作成したページのURLである `http://web.sfc.keio.ac.jp/~t00000tf/index.html' (t00000tfの部分は自分のログイン名に置き替えます)を， UNIXではmozillaのロケーションフィールド，Windows やMacintoshではInternet Explorerのアドレスバーに入力し， <ENTER>を押します．しばらくすると，図1.2のようにウィンドウにページの内容が表示されます． Webページを1枚作成した時点ではウィンドウ内に表示されている ``自己紹介''，``日記''，``訪問者リスト'' の文字をクリックしても，リンク先のWebページは表示されません．リンク先のWebページ(`introduction.html'， `diary.html'， `visitorslist.html'などのファイル) および画像ファイルは`public_html'ディレクトリの下に作成することで表示されるようになります．

**図 1.2:** mozillaによる``index.html`'ページの表示

同じHTMLファイルでも， Webブラウザの種類により，表示が異なる場合があります．また，特定のWebブラウザでしか解釈できないHTMLタグ(

)も存在するので，表示するページのレイアウトがブラウザによって異なることがあります．