ひろみか☆PLAZA＞ひろみか流HP講座＞番外編


ひろみか☆ＰＬＡＺＡができるまで （VOL.4)
〜超・初心者がＨＰを作成するまでの道〜

　　


●●● ＨＰビルダーの試用期間が切れちゃう！？ ●●●

そんな具合に、ＨＰビルダーで快適にＨＰ更新作業を行っていた私ですが、
体験版の試用期間の1ヶ月は、ほんとうにあっという間に過ぎてしまいました。
試用期間が過ぎてＨＰビルダーが使えなくなったら、その日から更新作業が
できなくなってしまう・・・。どうしよう・・・。やっぱり、買うしかないか。
あれこれ思い悩んだ私は、また、ふらふらっとＩＢＭのホームページを
覗きに行きました。ところがそこには、「ＨＰビルダー２０００」の文字が！
どうやらこの一ヶ月の間に、バージョンアップしたようなのです。
と、いうことは・・・。私はひらめきました。体験版が、また使えるー！！(^-^;)
さっそくＤＬコーナーに行き、ＤＬを終えて恐る恐るパソコンにインストール。
・・・やったぁ！何の問題もなく、最新版がまた1ヶ月使えます〜〜！！
ひろみか☆ＰＬＡＺＡはこうして、最初の危機をのりきったのでした。(^-^;)




●●● そしてまた1ヶ月が過ぎ・・・。 ●●●

ＨＰビルダー２０００を使い出して、また1ヶ月が過ぎました。
この間、私はずいぶんいろんなことを覚えました。あれもこれも盛り込みたいと
欲張ったため、「他のＨＰからソースをコピーしてきて、自分のＨＰに挿入する」と
いう技を覚えたのです。これができるようになると、カウンターやバナーの
貼りつけなどが簡単にできて、とても便利なのです。
ソースを貼りつけるためには、自分のＨＰのソースを嫌でも見なくてはなりません。
この絵の下の、このあたりに貼りつけたい。と思ったら、まずその絵を示すタグが
どれなのかを理解しなくてはならないのです。でも、絵にはみんな名前がついて
いますから、タグの中からその名前を見つけ出せば、簡単にわかります。
それを見ながら、なるほど、絵を表示するときは必ず「＜IMG SRC=＞」ってタグを
つかうんだな〜。などとわかるようになりました。絵の横に数行にわたって
文章を書きたい。と思ったら、表を作って、片方に絵を入れて、もう片方に文章を
入れればいいんだ、ということもわかりました。表を示すタグは「＜TABLE＞」で、
横に二マス作りたい時は＜TD＞ ＜/TD＞という項目を二つ作ればよくて、
縦を増やしたい時は＜TR＞ ＜/TR＞という項目を作ればいいということも
わかりました。このタグは、レイアウトをきれいにするのに非常に役立ちました。
そして、いよいよ！２０００の体験版も使用期限がきました・・・。
ＨＰビルダーにはずいぶんお世話になったので、これならお金を出して買うだけの
価値があると思いました。よぉし、来週あたり、買いに行こう。
でも、とりあえずここの文章だけ手直ししとこうっと。文章だけならメモ帳でも
簡単に手直しできるし〜。・・・と、ちょこちょこっと手直しをしているうちに、
「なんだ、更新作業だけなら、こうしてメモ帳で十分対応できるじゃないか」と
気がついたのです。それが、試用期限が切れて10日ほど経ったころでした。




●●● そして、メモ帳がＨＰ作成の友となり・・・。 ●●●

結局、ＨＰビルダーはいまだ憧れのソフトのまま。
今はメモ帳での更新にすっかり慣れてしまいました。
最初のうちこそ、「ビルダーがあったら・・・」としばしば思ったのですが
メモ帳で更新をしているうちに、タグの意味がどんどんわかるように
なったのです。わからないものも勿論あるのですが、自分がやりたいと
思う程度のレイアウトなら、タグを書き込んでできるようになりました。
これもみんな、ＨＰビルダーのおかげだと思っています。体験版に感謝！
タグを覚えると、例えば掲示板に画像を表示させることができたりします。
初心者の頃、そうした画像を見ては、「いったいどうやって表示させているの？」
と不思議で仕方なかったんですが、そうか、タグを使って指定していたのねと
わかりました。自分でやってみて、うまく表示された時は感動しました！
たとえば、こんな風に書くんです！
＜IMG SRC="http://enjoy.pial.jp/~hiromika/kuma.gif"＞
意味がわかりますか？＜IMG SRC=＞は、前も書きましたが、画像挿入のタグ。
その後に続くアドレスは、ひろみか☆ＰＬＡＺＡのアドレスですね。つまり、
わたしが使っているＨＰサーバーの引き出しの名前です。このタグを日本語で
書き換えるならば、「http://enjoy.pial.jp/~hiromika/という場所にある、
「kuma.gif」という名前の画像を、表示しなさい。」という意味ですね。
しかしこれは、私が自分のＨＰスペースを持っていて、しかもその中に
「kuma.gif」という絵を保存してあるからこそできることでして、
ＨＰスペースをもっていない方は、原則として自分の好きな絵を表示させることは
できません。人様のＨＰにある絵を表示させるのは、ルール違反ですしね。(^_^)

こうして、私はまだまだ素人の知識のまま、無謀にもコンテンツを増やしつづけ
現在のひろみか☆ＰＬＡＺＡを運営しています。傍から見たら、「おいおい・・・」
って思うようなソースもいっぱい使っていると思いますが、お許しくださいm(__)m
こんな感じで、のろのろと知識を増やし、これからも便利で見やすいＨＰを
作っていきたいと思っています！皆様、応援よろしくお願いします！！

☆おしまい(^_^)☆


ＨＰ講座本編へは、ＴＯＰからどうぞ。