！？の意味はないです。
さて、まず必要なもは、「メモ帳」（文字を書いていくやつ)です。
WINなら、スタート＞プログラム＞アクセサリ＞メモ帳 で、出てくると思うです。
これが必要です。もし、ここに無ければ、
スタート＞検索＞ファイルやフォルダ で、メモ帳 と検索してください。
これでも出て来なければ、ワールドパッドでもいいです。メモ帳と同じく、アクセサリ内にあるはずです。
道具はそろった(メモ帳だけ)ですけど、まだ用意が必要です。
まず、適当なフォルダを開いてみてください。
上に、ファイルとか編集とかってあるですよね？
そしたら、その中のツールを選択して、ツールの中の、フォルダオプションを選んでくださいです。
そしたら、表示って所をクリックすると、なんか下に色々書かれてるですよね？
その中の、「登録されていないファイルの拡張子は表示しない」って所の
チェックをはずしてください。チェックされてなければ、そのままでOKです。
あと、フォルダを１つ用意してくださいです。名前は、「フォルダA｣って事に・・・。
これで準備は完了です。
上にもどる
試してみる
さて、とりあえず試して見ましょうです。
メモ帳を開いて、この下の意味わからないやつをコピーして、メモ帳に貼り付けてくださいです。
――――――――――この下からコピー――――――――――
<HTML>
<BODY>
こんにちは！ようこそ！
</BODY>
</HTML>
――――――――――この上まで―――――――――――――
貼り付けたですか？そしたら、それを名前を付けて保存で、
[ test.html ]って名前でフォルダAに保存してくださいです。
保存したですか？保存したらフォルダＡを開いて、さっき保存したtest.htmlを開いてくださいです。
どうですか？こんにちは！ようこそ！の文字はでたですか？
出たなら、とりあえず成功です！おめでとです〜
こんにちは！ようこそ！の所は、好きな言葉をどうぞです。
書いた言葉が、そのまま出てくるですよ。
あ、そうそう、こうして作っていったやつは、後で使うですから消さないでくださいね！
上にもどる
少し本格的に
さて、次です。今度は、もうちょっと違う所です。
また、下のをコピーして、貼り付けですよ。
――――――――――この下からコピー――――――――――
<HTML>
<HEAD>
<TITLE>タイトル</TITLE>
</HEAD>
<BODY>
<font size="7">ここには、お好きな言葉をどうぞ！</font>
</BODY>
</HTML>
――――――――――この上まで―――――――――――――
さあ、さっきと同じように、今度はtest2.htmlで保存して、見てみてくださいです。
さっきとの違いが、分かったですか？２つ分かったら、すごいですよ。
1つ目は簡単ですね？そう、文字が大きいと思うです。
この文字が大きくなったのは、気が付いたかもしれないですけど、上で言う赤文字のせいです。
基本的に、で始まって、で終わるのが普通です。
間に挟まった所に、あたえた命令の効力が現れるですよ。
あと、これは全部半角で書かなくちゃダメですよ。
これについてもっと詳しく知りたいですなら、タグタグを見てくださいです。
でも、一応それは後回しのほうがいいですよ。まずは、こっちを覚えてから・・・ね！
もう１つは、ウインドウの、上の方の青い部分があるですよね？
そこに書いてある文字が、変わってないですか？
これは、上で言うと、青文字のせいです。あの青文字にはさまれた所の文字が、
ウインドウの青色の所に表示されるです。
上にもどる
それっぽく作ってみる
さあ、またいつものとうりやってみてくださいです。
――――――――――この下からコピー――――――――――
<HTML>
<HEAD>
<TITLE>タイトルをつけよう！</TITLE>
</HEAD>
<BODY>
<font color="red"><h1>ここにはホームページのタイトルを！</h1></font>
ようこそいらっしゃいました〜<br>
<a href="test2.html">テスト２を見てみる</a>
</BODY>
</HTML>
――――――――――この上まで―――――――――――――
これは、test3.htmlで保存してくださいです。
どうですか？ちょっとそれっぽいですよね？
ここで新しいのは、<h1>と、<font color="red">と、<br>と、<a href"〜">ですよね？
それでは、説明していくです。難しくないですから、がんばってくださいね！
<h1> これは、タイトルって言うか、見出しに使うです。
i-mode用とかを作った時に、重要になってくるです。
<font color="red"> さっきと同じく、<font>ですけど、今度は、
color="red"を使って、赤色にしたですよ。
redの所に、好きな色を英語で入れれば、他の色もＯＫです。
<br> これは、改行です。これを入れないと、横一線になっちゃうですよ。
<a href"〜"> これは、リンクです。ここから、〜に行けって事です。
test3.htmlを見て、テスト２を見てみるって所をクリックしてみてください。
どうですか？前に作った、test2.htmlに行けたですよね？これがリンクです。
こんな感じです。ね？それっぽくなったですよね？
上にもどる
ちょっとだけ色々飾ってみる
飾る・・とは？・・・背景とか画像とか付けようって事です。
また、いつものやつですよ！
――――――――――この下からコピー――――――――――
<HTML>
<HEAD>
<TITLE>タイトルをつけよう！</TITLE>
</HEAD>
<BODY bgcolor="yellow">
<font color="red"><h1>ここにはホームページのタイトルを！</h1></font>
ようこそいらっしゃいました〜<br>
<a href="test2.html">テスト２を見てみる</a><br>
<a href="test3.html">テスト３を見てみる</a>
</BODY>
</HTML>
――――――――――この上まで―――――――――――――
さ、こんどは、test4.htmlで作って見ようです。
どうですか？背景と言うか、バックが黄色になったですよね？
そうです。赤文字のせいです。
<BODYの後に、スペースを入れて、bgcolor="yellow"を書いて>で閉じれば、
バックに色を付けられるです。yellowの所を、fontの時と同じく、色を英語で入れれば、
その色に変えられるですよ。
今度は、ちょっと頭を使ってくださいですね。
まず、絵を用意してくださいです。フォルダＡにその画像を入れるですよ。
画像の名前は、できれば半角文字で、短い方がいいですよ。
それでは、はじめるですよ？
上のやつ（test4のやつ）を、メモ帳にコピーしてくださいです。
そうしたら、これから書かれてるやつを、<BODY>と、</BODY>の間に
書き入れるですよ。（コピー貼り付けでもＯＫですけど）
――――――――――この下からコピー――――――――――
<img src="画像の名前">
――――――――――この上まで―――――――――――――
今度は、test5.htmlにしてみますですかね・・・。
画像の名前は、ちゃんとその画像の名前に書き換えてくださいね！
出来ましたか？画像は出ましたか？面白いでしょ？
じゃあ、画像ついでにもう１つ。
今度は、背景に画像を入れるですよ。
もう覚えたですよね？
――――――――――この下からコピー――――――――――
<HTML>
<HEAD>
<TITLE>タイトルをつけよう！</TITLE>
</HEAD>
<BODY bgcolor="yellow"background="画像の名前">
<font color="red"><h1>ここにはホームページのタイトルを！</h1></font>
ようこそいらっしゃいました〜<br>
<a href="test2.html">テスト２を見てみる</a><br>
<a href="test3.html">テスト３を見てみる</a><br>
<a href="test4.html">テスト４を見てみる</a><br>
<a href="test5.html">テスト５を見てみる</a>
</BODY>
</HTML>
――――――――――この上まで―――――――――――――
もう予想はつくと思うですけど、test6.htmlで保存しましょうです。
さあ、出来たですよね？
そうですよ。赤文字のせいです。
さて、何で青文字の所を消さないのかですけど、
それは、背景が画像なら、開くのに時間がかかるときがあるですよ。
もし、背景がもともとくらい画像なら、文字は白とかにするですよね？
そんな時、背景の色を指定していれば、画像が表示されるのに時間がかかっても、
文字はちゃんと読めるって事ですよ。
だから、背景色は、画像に近い色のほうがいいです。
上にもどる
本格的に
さて、こんな調子じゃ飽きちゃうですよね？
と言うことで、もう簡単なトップページを作っちゃいましょうです〜！
それでは・・・またあれです。
今度は、３つほど同時に作ってくださいですね！
――――――――――この下からコピー――――――――――
<HTML>
<HEAD>
<TITLE>トップページ</TITLE>
</HEAD>
<BODY bgcolor="yellow">
<center>
<font color="blue"><h1>村人Ａのホームページ</h1></font>
ようこそ〜！。<br>
ここは村人Ａのホームページです。<br>
それでは、色々と楽しんでいってくださいです〜<br>
<h2>メニュー</h2>
<a href="pro.html">村人Ａのプロフィール！？</a><br>
<a href="e.html">ギャラリー？</a><br>
</BODY>
</HTML>
――――――――――この上まで―――――――――――――
これは、index.htmlにしてくださいです。
基本的に、トップページは、この名前にするですよ。
さあ、２つ目ですよ。
――――――――――この下からコピー――――――――――
<HTML>
<HEAD>
<TITLE>村人Ａのプロフィール！？</TITLE>
</HEAD>
<BODY bgcolor="black">
<center>
<font color="snow">
<h1>村人Ａのプロフィール！？</h1>
名前：村人Ａ<br>
年齢：村人Ｂが知っている<br>
家：村の右のほう<br>
職業：決まった台詞を言う<br>
台詞：「ここは、私の家なんですよ。だから、この先には何も無いですよ。」<br>
悲しい事：決まった事しかいえない<br>
困る事：ほんとに私の家なのに、信じてもらえない。<br>
うれしい事：家を荒らされない・・・！？<br>
</font>
<br>
<br>
<a href="index.html">もどる</a>
</BODY>
</HTML>
――――――――――この上まで―――――――――――――
まあ、ぜんぜん自己紹介になってないのはいいとして、
これは、pro.htmlにしてくださいです。
このとき付ける名前は、できるだけ分かりやすいのにしましょうです。
リンク張るとき、長かったり分かりにくかったりすると、大変ですよ〜。
さ、次ですよ。これでとりあえずそろうですよ。
――――――――――この下からコピー――――――――――
<HTML>
<HEAD>
<TITLE>ギャラリー？</TITLE>
</HEAD>
<BODY>
<center>
<font color="red"><h1>ギャラリー？</h1></font>
ギャラリーです。どうぞごゆっくりご覧くださいね！<br>
<br>
<br>
<img src="画像の名前"><br>
私が描いた絵です！・・・なんてね！<br>
<a href="index.html">もどる</a>
</BODY>
</HTML>
――――――――――この上まで―――――――――――――
今度のは、絵を見るところですから、e.htmlにしましょうです。
これで準備は完了です。それでは、index.htmlを開いてみてくださいです。
どうですか？なかなかそれっぽいですよね？
色々クリックしてみてくださいです。
面白いですよね？
こんな感じで作れるですよ。
ここで覚えた事を色々使えば、もっと他にも作れるですよ。
もっともっとよくするために、こんどはタグタグにどうぞ！
まあ、タグタグでは、これまでを覚えられたなら、簡単に理解できるはずです。
理解して無くても、コピー貼り付けでＯＫですけどね・・・。
公開
公開するにあたって、掲示板はきっと必要になると思うです。
って言うより、あった方がいいです。
レンタルはたくさんあるですから、借りちゃうのがいいと思うです。
あと、問題はＷＥＢスペースです。
ＣＧＩ（知らない人は、ほって置きましょうです。）を気にしないなら、
きっとたくさん見つかると思うです。
始めのうちは、ぜんぜんそんなのＯＫです。
こちらに、レンタルサーバーをいくつか紹介しているです。
公開するなら、人はたくさんきて欲しいですよね？
まあ、ここはほとんどいないですけど、
コツはあります。
トップページは、意味なく重くしない方がいいです。
開くのに時間がかかったら、いやになっちゃうですよね？
次は、チャットの設置です。
これは、ただ設置しただけじゃダメですよ。
出来るだけ自分がいるようにするです。
そうすれば、この時間にここにくればチャットが出来るって言うふうになれば
きっと固定客が増えるはずです。
あと、見やすくする。
シンプルでもいいじゃないですか。その方が、軽くもなるですしね。
ここまでは、ページをどうするかでした。今度は、他の事です。
宣伝しよう！
一番いいのは、自分のよく行くサイトとかで、
ホームページ作りました〜とかって宣伝する事です。
そうすれば、それを見た人は、ためしに来て見たくなるですよね？
でも、まだ中身がそろってないうちにそれをやっちゃダメですよ。
せっかく来たのに何もなければ、もう来たくない〜なんてことも・・・。
検索サイトに登録する。
ヤフーとかグーとかああいうのです。
検索で何か探す人は多いですから、結構増えるですよ。
メルマガを発行する。
メルマガって知ってるですか？
知らないなら、こちらに行ってみてください。
これで人気の上がれば、きっと来てくれる人も増えるはず！
リンクフリーにする
つまり、自分のページには、勝手にリンクしていいですよ〜って事です。
もちろん、トップページにだけはですけどね。
リンクをお願いする
いろんなサイトに、リンクを張ってもらうです。
バナーも作っておけば、来てくれる数も増える。
そんな所ですかね・・・。
もしこれを見てホームページを作ったと言う方は、よければ連絡くださいです。
わからない事とかがあれば、メールや掲示板に書いてくださいですね。
それでは、がんばってくださいね！
上にもどる
もどる
| 
・
もどる