初心者の人へのガイドライン

ここでは「コンピュータガイド」を読んでいることを 前提に用語を使いますので、わからない単語があればそちらを参照してください。
あなたはどの程度の初心者でしょう？

ほんとに初めて
index-j.htmlぐらいは触ったことがある

じゃ、始めますか

ここを読まれる貴方はもう自分のWWWディレクトリをお持ちでしょうか？ まだでしたらWWWディレクトリを作る必要があります。

さて、大丈夫ですね。では自分のWWWディレクトリに移動しましょう。え、自分の WWWディレクトリに移動できない？いけませんねぇ。もう一度見直してください。

さ、移動できましたね。では index-j.html を編集してみましょう。

    % mule index-j.html
　なんだか呪文のような記号と共にあなたの名前などが記入されたファイルが 表示されましたね？ 　さて、やっぱり変更を目で見ながらできるとわかりやすいので、ここで Netscapeなどのブラウザソフトを起動して自分のホームページを表示しましょう。

　http://www.kyoto-su.ac.jp/~あなたのユーザ名/index-j.html

にアクセスしてください。

さて、このような画面が表示されましたか？

尾崎 孝治 (Ozaki Kohji)

プロフィール：

理学部 計算機科学科 91年入学


京都産業 大学のホーム
一方 mule の画面ではこのようになっていますね。 
    <head>
<title>Ozaki Kohji Page</title>
</head>

<body>
<h2>尾崎 孝治 (Ozaki Kohji)</h2>
<hr>
<h4>プロフィール：</h4>
理学部 計算機科学科 91年入学
<p>
<!--この行からは管理者からのお知らせです。読んだ後は削除して頂いて結構です。
　　　　：（省略）
この行まで管理者からのお知らせでした。-->
<hr>
<a href="../index-j.html"><img align=middle src="/icon/left.gif"></a><br>
<a href="/index-j.html"><img align=middle src="/icon/ksu-home.gif"></a>京都産業
大学の<a href="/index-j.html">ホーム</a><br>
</body>
このうち、 
    <!--この行からは管理者からのお知らせです。読んだ後は削除して頂いて結構です。
　　　　：（省略）
この行まで管理者からのお知らせでした。-->
この部分に関しては管理者からのお知らせ部分ですので、良く読んでください。 読んだ後はこの部分を全部削除して構いません。（邪魔ですからね(^_^; )

さて、これでやっと編集する準備が整いました。さぁ、コンピュータガイドを見ながらいろいろ書き込んでみてください。 そしてそれを保存して、ブラウザ側で Reload してやると編集結果が反映されたものに変わります。 見比べながらどんどん素敵なページを作成して下さい。

ステップアップ

では index-j.html 以外に新しい html 文書を作ってそれをリンクで結び付けてみましょう。
cc環境をお使いでしたらまず
    % mule hogehoge.html
とすると何も書いてないのに次のような文章が最初から現れるはずです。 
    <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<HTML> <HEAD>
<TITLE></TITLE>
</HEAD>

<BODY>
<H1></H1>



<HR>
<A HREF="../index-j.html"><IMG ALT="../" ALIGN="middle" SRC="/icon/left.gif"></A><BR>
<A HREF="/index-j.html"><IMG ALT="/" ALIGN="middle" SRC="/icon/ksu-home.gif"></A><BR>
<ADDRESS></ADDRESS>
<!-- HHMTS START -->
<!-- HHMTS END -->
</BODY> </HTML>
これは恐らく書くであろう最初の骨組みを準備してくれているのです。親切ですね。

じゃ、index-j.htmlを書いた時に培った経験を元に適当に文章を書いて、それを 保存して下さい。そのまま、今度は index-j.htmlを編集します。

    % mule index-j.html
さて本文の適当な所にこう書いてみましょう。 
      <A HREF="hogehoge.html">ほげほげ</A>
そして ブラウザからindex-j.htmlを表示して「ほげほげ」という部分をクリックしてください。すると hogehoge.html が表示されましたね！これをリンクと呼びます。

どうですか？まだ難しいと感じるでしょうか？でもおもしろいとも感じて頂けたのではないでしょうか？ (^-^)v

ここでの解説はこの程度にさせて頂きますがここまで出来れば後はさくさく覚えられると思います。 ぜひ素晴らしいページが出来たあかつきには「こんなんできました〜」と御一報頂ければ幸いです。

尾崎 孝治 1996.6.5 作成 1998.6.13 一部修正

../
/
Last modified: Sat Jun 13 10:50:50 JST 1998