ＨＰ作成奮闘記
１ きっかけ
とんとんさんのＨＰに出入りしていた私。「クローンコエ」を分けてもらって、育てて
いました。そのうちできた「くろんこえの御喋処」にとんとんさんが書き込みを・・・・。
「こんな感じでタグが使えます」
２ タグってなあに？
そこで、とんとんさんにメールを・・・・。（これが返事）
>「くろんこえの御喋処」に、とんとんさんの記事があって、
>「こんな感じでタグが使えます」と書いてありますが、
>どうやって写真を送るのでしょう？
基本的に、ああいう場所に写真を貼るためには、
まず、ネット上のどこか（普通は自分のホームページ）に
写真を置かねばなりません。
が、その辺をなんとかする方法もいくつかあります。
（しかも無料のばっかり^^;）
>パソコン始めて、半年の初心者です。教えてください。
>実は、タグの意味も知りません。
はい、ええと、じゃあこれも、
せっかくなので、やりかたを書いたページでも作ってみます。
他にも疑問を持っている人、多いだろうし。
というわけで、ちょっとお待ちくださいね。
http://ohara.susono.com/etc/webinfo/showmyimg.html
というわけで、こんなページを作っていただきました。
３ ＦＴＰ！？ＨＰを持つのが一番手っ取り早い？？？
上のＨＰにアクセスして、すべて印刷。これが、手引き書になりました。
その紹介で、取得が簡単な「ＨＯＯＰＳ」の無料ＨＰスペースに、登録。
しかし、「タグの入力はすべて日本語入力を切って半角で」という基本中の基本も
知らない私。「いけ！」と思って画像を送ったら、出てきたのは、画像を示すタグ。
あれ？？？
４ ザザッザザッ・・・の感動！
何度も、とんとんさんに教えてもらって、タグを半角で入力して、えい！！！
掲示板に画像がザザッザザッと映し出された感動は、産みの苦しみを味わった後の
あの感動に似ていました。「クローンコエ（子宝草）」のページは、「花花づくし」をも
生み出すことになったのです。
５ あれ？見えないよ・・・・。ＨＥＬＰ！！
これに気をよくした私は、一気にＨＰ作りに取りかかりました。
実は、ＨＯＯＰＳは、「画像置き場として利用してはいけない、２週間だった以内に
ＨＰを立ち上げること」が規定でした。
一生懸命タグを使って、index.html（これがＨＰのトップページになる）を作ろうと
するのですが・・・・・・。Ｗｅｂ上では、ＨＰタイトルの「花花づくし」さえ見えないの
でした。
自分で作るのはやめて、ＨＯＯＰＳの「簡単ホームページ制作」を利用することに
しました。ここは、雛型があって、そこに、書き込むだけの簡単なものでした。
とにかくこれで、トップページだけはできました・・・・。
（このころ「いまにゃきさん」「ひろあきさん」からも支援が・・・・。お世話になりました。）
http://www.hoops.ne.jp/help/frontpage.html
http://www.hoops.ne.jp/help/index.html
こんなページを紹介していただきました。
６ 中身のない本の表紙のようなＨＰできあがり
表紙だけのＨＰでは、何とも・・・・・。
「ｗｗｗというフォルダを作って、ＨＰ関連のものをすべてファイルするとよい」
ことをとんとんさんに教えてもらったので、とりあえず「新しいファイルwww」を作る
ことにしました。
７ 「クローンコエ成長記」
そしてまず、「クローンコエ成長記」と「ジャックと豆の木」のページを作ってみる
ことに・・・・。
ここで目に入ったのが、「Word」のアイコン。私のＰＣには、これがインストゥール
してあったのです。
「ファイル」→「新規作成」→「Webページ」→「OK」を順にクリックして作成画面に。
（１） 書式→背景→色を指定してクリックすると・・・お〜！！色がついた！！
（２） 書式→フォント→大きさや書体、色を指定して・・・書ける書ける！！
（３） 写真は、挿入→画像→ファイルから→（自分がファイルしているところを指定）
（４） ファイルだあ！！
「名前を付けて保存」（このとき必ず日本語入力を切って半角保存で）
とりあえず、「clonechoe.html」とつけて、さっきのｗｗｗに保存！！
Wordの便利なところは、これだけでいいこと。これのフォルダになる
「cloneche.files」なるものをWord自身が作ってくれるのです。
（５） 「ホームページ簡単制作」雛型の「リンク」のところに、
http://y-tukushi.hoops.ne.jp/の後ろにclonechoe.htmlをくっつけて
みました。
（６） いよいよ。ＨＯＯＰＳに転送！！
ＦＦＦＴＰのファイル（３．５インチ）をAドライブに入れてクリック！！
ＨＯＯＰＳを指定してクリック！！
マウスを右クリックして、アップロード！！
このとき左に見えるのは、自分のＰＣの中の、ファイルしてあるもの。
右半分に見えるのが、ＨＯＯＰＳに転送されて、Web上で見えているもの。
だから、右にきちんと映っていれば、他の人にも見えている・・・はず。
しばらくは、Wordで作っていこうと思っていました。
こんな便利な「簡単ホームページ制作」でしたが・・・・・気に入らなかったのは、
アドレスがそのまま出てしまうこと。
どうにかして「ハイパーリンク」のし方をマスターしようという気持ちになりました。
８ コピーできないよ
このころ、お友だちになったMarさんから「画像のコピーができないよ」というメールを
もらいました。？？？？？
Ｗｏｒｄで作ったものは、後から直そうとするときに、いろいろいらないものが加わっていて
わけがわからないらしい・・・・・・。そこで、ＦｒｏｎｔＰａｇｅ Ｅｘｐｒｅｓｓに切り替えることに。
（でも、ＦＰも、いろいろくっついてくるそうです。）
難しくて時間がかかるかなあ？？と思っていたけれど、そのまま編集するだけだったので
案外簡単でした。
（１） ファイル→開く→参照（編集したいページを指定）
（２） 編集したら、「名前を付けて保存」→「ファイルとして保存」→「上書きしますか」→OK
８ 最近の作り方
（１） まず、作りたいページ（例えば、hana）のフォルダを作る。（名前を付けて保存→
ファイルとして保存→新しいフォルダの作成（名前をhana.filesとする）
（２） スタート→プログラム→Internet Explorer→Front Page Express→ファイル
→新規作成で、一応作ってみる。
（３） ファイル→名前を付けて保存→ファイルとして保存→半角でhana.htmlと書いて
OK
（４） 以後、hanaのページで使いたい素材や写真はすべてhana.filesに保存すると
アップロードのときとても便利。（アップロードの時は、filesをクリックしたら、中身が
表示されるので、アップロードできていないものだけアップロードすればよい）
８ ハイパーリンク
お友だちもふえてきたので、「リンク」のページを作ろう！！リンクバナーを貼り付けて
バナーをクリックすれば、とんでいけるようにしたい！！と思うようになりました。
で、どうすれば？？オークションで「ＨＴＭＬ」の本も手に入れたので、少しずつ用語も
わかるようになっていたので、「ハイパーリンク」に挑戦。
バナーをクリック（点線で四角に見える）→編集→ハイパーリンク→その人の
URLを記入→ターゲットフレームに半角入力で、わかるような言葉を記入
<a herf="http://ここに、相手のＵＲＬ"><img src="link.files/（コピーしたバナーの
画像をlink.filesに入れているので、入れたときの名前を半角で）"border"0"（こうすると
バナーの回りの青い線が消える）width="116"height="40"（これでバナーの大きさが
決定します）></a>（aで始まったタグは/aで閉じる）
９ タグあれこれ
<font size=" "> 文字の大きさ <font color=" "> 色をかえるとき
<a href=" "></a> リンク
<br>〜</br> 後ろに文字が来ないので・・・段落ができてしまいます。
<h1>〜</h1> 見出し
<img src> 画像はりつけのとき
<p>〜</p> 段落
実は、あまりよくわかっていない・・・。少しずつ、頭に入れています
おもしろいな、どうなっているのかな・・・と思ったときは、そのページの「表示」をクリックして
ＨＴＭＬまたはソースをクリックしてみると、タグが現れるので、研究してみるとおもしろいと
教えてもらいました。
とにかく、ＰＣにさわってみるのが一番。
「やってできないことはない。やらずにできるわけがない」変な自信に支えられて、日々
がんばっています。
９ これから
ファイルがたくさんありすぎて、まとめないといけないもの、１ページが大きすぎて
（写真もたくさんくっついているので）、ダウンロードに時間がかかるものを、作りかえること。
これから作るものは、１ページを大きくしないで、リンクしながら作ること。
ホームページビルダーも、ちょっとは研究してみること。（やったらできる！？）
