update　10:26 99/08/28
mark [ HOME PAGE ]

mark　Ｗｅｂページをつくろう！



「Ｗｅｂページをつくろう！」このページは、電話代がもったいないので、印刷してからみましょう。
プリンタによってはプリンタのプロパティを開いて文書タイプを自動からテキストにしないと印刷されないことがあります。
できれば、カラーで印刷してください。

Windows版です。Macは知りません。内容が超初級でも怒らない方・取りあえずやってみようと言う方が対象です。
ここに書いてること以上のことは自力で学んでください。
まずは、自分のパソコンの中だけで見ることを前提に話します。チャレンジしてみてください。
また、「Ｗｅｂページをつくろう！」の解説版・補足版として書いた（つもり）ＨＴＭＬの作法とあわせて参考にしてください。


０１．用意するもの

−　メモ帳（MS Windowsに標準でついているソフト。紙ではありません。）
−　ブラウザ（Netscape Navigator3.01以上　か　Internet Explorer3.02以上）
　　　ここでは、断りが無い限り　Internet Explorer　5 　での説明とします。ごめんなさい。



０２．はじめにやっておくこと。

−　適当なドライブ（Ｄドライブとか）に、後で作るファイルを保存するためのフォルダを作っておきましょう。
　　　フォルダには、名前をつけておきましょう。たとえば、myWebpage とか　myhtml とか適当に



０３．ホームページを作る前にできあがりを確認しましょう。


０４．さあ〜、やろう！　まずは基本から

−　メモ帳（スタート　→　プログラム　→　アクセサリ　→　メモ帳）で次のように書きましょう。
　　・赤色の文字の部分は、必須項目です。
　　・緑色の文字の部分は、自分の好きな言葉や文章に入れ替えましょう。
　　・半角カナ文字は、使ってはいけません。文字化けします。

<html>
<head>
<title>ようこそ</title>
</head>
<body>
きつねも　たぬきも　でておいで　たんけんしよう　はやしのおくまで
</body>
</html>


−　ちなみに、赤色と緑色の文字の部分だけだと“こんな風に”見えます。
　　寂しかったでしょう。これではあんまりなので、標題(WELCOME)ぐらい追加しましょうよ。
　　それと背景がグレーじゃね〜　えっ！白でした？　いずれにしても背景を自分色に染めましょう。
　　結構センスが問われます。



０５．それでは、背景に色をつけましょう。表題をつけましょう。
　　　青色の文字の部分と 表題としての「ＷＥＬＣＯＭＥ」を追加しましょう。


<html>
<head>
<title>ようこそ</title>
</head>
<body bgcolor="#ffffcc">
<center> <h1>ＷＥＬＣＯＭＥ </h1> </center>
<center>
きつねも　たぬきも　でておいで<br>
<p> たんけんしよう　はやしのおくまで </p>
</center>
<hr>
</body>
</html>



−　そうすると“こんな風に”なります。
　　ここまでできれば、後はあなたの興味次第で世界がどんどん広がります。



０６．さて、ここでいったんファイルを保存しましょう。

−　メモ帳のメニューバーから［ファイル(F)］　→　［名前を付けて保存(A)］を選びます。
−　保存用の画面が表示されたら、ファイル名を付けましょう。
　　ファイル名は、半角英小文字で　index.htm　としておきましょう。
　　拡張子は、必ず　**.htm　か　**.html　です。
−　次に、あらかじめ作っておいたフォルダ（　myWebpage とか　myhtml とか　）にファイルを保存しましょう。
　　保存用の画面で“保存する場所”のところにある“▽”をクリックして、作ったファイルを保存するドライブ　→　フォルダ　を順に指定し、“保存”をクリックします。
−　次回からは、メモ帳のメニューバーから［ファイル(F)］　→　［上書き保存(S)］で呼び出した先のフォルダに上書き保存されます。
　　　作成しているときは、”とほほ”にならないよう、こまめに保存しましょう。


０７．ファイルの保存ができたら作ったファイルをブラウザで見ましょう。

−　ちなみに、メモ帳とブラウザの両方を表示しながら作ると便利です。
　　　メモ帳で書いたら適当なところで　→　上書き保存、　保存（更新）したらブラウザで　→　再読み込みし、ファイルの更新結果を確認。
　　　この繰り返しです。
−　さて、やり方です。まず、ブラウザを起動します。
　　　つづいて、タイトルバーの［ファイル(F)］　→　［ファイルを開く(Ｏ)］を選びます。
　　　次に、作ったファイルを保存したドライブ　→　フォルダ　→　ファイル(index.htm)　を順に指定して“開く”をクリックします。
　　　そうすると、ブラウザにあなたが作ったＷｅｂページが表示されます。


mark


どうでしたか。　うまくできましたか。
でも、みなさんが見ているインターネット上のホームページと比べると全然幼稚ですよね。
もっと、もっと、素敵なホームページにしたいですよね。
と言う訳で、以下に素敵なホームページを作るのに必要な方法を書きました。
続けて、チャレンジしてください。

続きは「　ＨＴＭＬの作法　」に掲載しました。

●　ＨＴＭＬの作法
基本的な タグを掲載してあります。

●　Ｃｏｌｏｒ　Ｇｕｉｄｅ
色を指定する番号です。
文字や背景をカラーで飾るときに使いましょう。

●　記号の読み方
この記号なんて読むんだっけ？！・・・てなときに使いましょう。



著作権

著作権サポートセンター　著作権コンサルティング会社の「エコール経営研究所」が運営している。“著作権Ｑ＆Ａ（３）インターネット上の著作権”は参考になる。「Ｑ＆Ａ」を見るだけなら無料だが質問と調査については有料、詳しくはＷｅｂページで・・・（1997/4/30リンクＯＫ）




mark [ HOME PAGE ]