ホームページ作成日記 −最新へ−−戻る−−HOME−

○月×日
 なんとなく、ちまたで話題のホームページなるものを、つくってみようと
 思った。でも、なにからはじめたらいいんだか、全然さっぱり。

○月×日
 ある雑誌に、Netscape Composerを使ったホームページの作り方がのっていた。
 なんか簡単そうなので、それで作ることにする。

 まず、タイトルみたいなものがほしい。で、お絵書きツールで適等に書く。
 前にCGイラスト集として、「Fairy Land」という本を作った。
 今回のホームページも同名とした。

○月×日
 画像がメインってことだけど、いきなり読み込み時間がむちゃくちゃかかって
 見たくもない画像を見るのも嫌だし、だからといって、「絵の題名」かなんか
 の文字があって、押してみないと、どんな画像かわからないのも嫌なので、
 256色グレーの縮小画像を作成し、それを表示するようにする。
 ついでに、もともとの画像サイズは、かなり大きいので、一つの画像サイズが
 200KBを超えないように、大きさを縮めた。で、全部JPEGに変換した
 「たのむから、拡大してみないでね。」と思ったりもした。(^^;

 Composerを使ってグレー画像をならべてみる。うん、なかなかいい感じである。
 で、リンクを貼ろうとしたら、フリーズした。(;_;)

 気をとりなおして、リンクを設定してみると、横一列にならんだグレー画像が
 全部同じリンクになる。なんでやねん!(;_;)

 で、結局テキストエディタ使ってソースを直接なおすことにした。

○月×日
 ホームページの容量3MB以内ってことで、とりあえず厳選(?)して、なん
 とか、完成。
 で、公開しようとしたら・・・。5MBまでOKだった。
 しょうがないので、そのまま公開して、あとで更新することにする。
 で、リンクまちがいがあったので、すぐ直した。

○月×日
 知人がメールを送ってくれた。けど暗号化されて読めない。リンクで直接メー
 ルソフトが立ちあがるようになっていたが、使えないらしいんで、やめた。

○月×日
 今ある画像をすべて公開することにした。4MBちょっとのはずだから、問題
 ないだろう。とおもっていたら、ブロバイザーの方で調べてみると、2MB
 ちょっと。うそだ〜!いいのか、ほんと。

○月×日
 「なんか、パッとしないなあ」とおもった。よく見るホームページは画面が2
 つに別れている。「あ〜、こんなかんじにしたいなぁ。」っで、ソースを見る。
 とくに変わったものはない。「わからん!!」
 で本を買ってくる。フレームというらしい。で、そのソースが別にあることに
 気が付く。
 「そうそうこれこれ。」って感じで、全体的にソースを変更する。
 でもまだ変。

○月×日
 あるホームページで、よくみると、フレームの枠が無い。
 「これだ!」とおもってソースを見る。なんだかわからないけど、フレームの
 ところに余分なものが書いてある。っで、まねする。(^^;

○月×日
 カウンターが表示されなくって、パニクる。「うわっ。なんか変なことしちゃ
 ったかなぁ〜。」「フレームで、わけわかんないの付けたからかなぁ〜。」
 で、全部もとにもどす。「あれえ、なんで表示されんの〜!!」
 とりあえず、知人のホームページをみる。と、同じように表示されない。
 「て、ことは・・・僕のせいじゃないじゃん。」
 んで、またフレーム直して・・・。(-_-;)

○月×日
 カウンターは、最初に公開したときからつけているが、日に3、4ヒットある
 だけで・・・。アクセス数倍増計画〜!!っていろんな検索エンジンに登録す
 ることにした。あるホームページで、複数の検索エンジンに登録できるところ
 があって、そちらを利用させてもらった。
 で、どの検索エンジンに登録したのか、すっかり忘れた。( (( ( (ヽ(;^^)/

○月×日
 新しい絵を追加する。「トップページがさみしいから、縮小画像表示しよう。」
 って表示したら、むちゃくちゃ重たい。
 「こんどから、グレーのやつにしよぉ。」(^^;

○月×日
 NHK教育の、とある番組で、ホームページのつくりかたと検索エンジンへの
 登録の仕方をやっていた。「それじゃ、実際に検索してみましょう。」って何か
 あらかじめ登録してあったやつを検索して、「あ、ありましたね」って
 で、その検索結果をクリックするとき、そのすぐ下に「Fairy Land
 深識那夢」の文字が・・・。しかも、どアップ!!
 ひぃ〜〜〜。( (( ( (ヽ(;^^)/
      キャーーーー。( (( ( (ヽ(;^^)/
            どうしませう。( (( ( (ヽ(;^^)/
 ってなにもなかったけど。(^^;
 で、その検索エンジンってどこのなんでしょう?( (( ( (ヽ(;^^)/
 だれか、ビデオとってないかなぁ。

○月×日
 某氏にいろいろ御意見をいただき、画像の題名と容量を表示するようにするこ
 とにした。で、「画像」「文字」「画像」「文字」・・・と横に並べるのが、
 むづかしそうなので、テーブルを使ってやることにする。
 Composer使って、表作って、そこに画像並べて、あとは、ソースをいじって、
 で、ブラウザで表示。「あれ、すみっこの方枠がない?なんで?」
 画像や文字のない部分に枠がつくられていない。しょうがないので、全角の空
 欄をいれることにする。なんとかOK!(^^;

○月×日
 他の人の作ったホームページをのぞく。「うわぁ、むちゃくちゃかっこいい!
 !」「さすが、絵書いてる人はこだわりがちがうわぁ」って自分はなんだ?
 でも、こー、こりすぎてて、むちゃくちゃ重たい。
 「まあ、いまのままでいいや。」(^^;

○月×日
 PHSが壊れる。WWWが見えん。(;_;)

○月×日
 禁断症状がでる。「え〜い、だめもとで携帯電話でつないだれ!!」
 で、あっけなくつながる。9.8kでも読めるのね。しらんかった。(^^;

 ある人のホームページをのぞく。重たすぎて開かん!(;_;)
 別のホームページをのぞく。「おお、軽い!」って、うちのホームページだっ
 た。(^^)
 やっぱり今後の目標は、9.8kでもさくさく読めるホームページだなっと思
 った。で、第一段として背景をかえてみた。(^^;
 ちょっとトップページが、さみしいかな。(^_^;

○月×日
 「メッセージボード」とかいう物が使えるようになったらしい。さっそく、
 つけることにする。なにやら、設定して・・・。Index側からリンク貼っ
 て、おしまい。「ふっ、ちょろいもんだぜ。」(^^;

○月×日
 で、ためしに「メッセージボード」を使ってみると、「げっ、なんでInd
 ex側に出るんねん!」( (( ( (ヽ(;^^)/
 で、急いで、おまけのページから飛ぶようにリンクを貼りなおす。
 「わかりずらいけど、しばらくは、このままにしよう。」(^^;

○月×日
 例の「メッセージボード」(以下「ふりーとーく」のページ)僕以外だと、
 1名しか書き込んでいない。やっぱりわかりずらいのかね。(^^;
 御意見、御感想は、メールまたは、「ふりーとーく」のページまで。(^^;

○月×日
 絵も書けないので、外観だけ変更しようと考えた。
 やはり、目標は9.8kでもサクサク読めることだ。

○月×日
 背景をシンプルに、透過GIFを使って、背景色を変えるでけで、
 イメージがかわるようにした。

 また、ギャラリーを少し色をつけて・・・。
 いやあ、なかなか、かっこよくなったじゃないですか。(^^;
 って、特にテクニックも何もないけど。

○月×日
 不評だった。(;_;)

○月×日
 やっぱり、絵が書けないので、外観だけ変更することにする。
 最近、ちまたでは、ダイナミックHTMLだとか、スタイルシート
 やらが、はやりのようだ。で、本を読む。

 わからん!!(;_;)

○月×日
 なんか、イメージが頭をめぐって・・・。
 ひぇ〜〜〜。もう3時いぃぃ!!

○月×日
 見た目を、マックな感じにしようとする。
 メニューバーは、テーブルを使って、それっぽく。
 ウインドウもテーブルを使って、テーブルの背景になにも
 無いウインドウの絵表示して、あとは、アイコンの絵を
 一つづつ配置して、リンクつければ・・・・・・・。

 位置がうまく合わん。(;_;)

○月×日
 気を取り直して、ウインドウを一枚の絵で、表示し、絵の一部
 にリンクをつけるやりかたで作ることにする。
 座標を調べるのに苦労したが、こんなところであろう。(^^;
 あと、マックと言ったら、ごみ箱でしょう。って
 ごみ箱を置く。ついでだから、遊びも入れる。(^^;

○月×日
 ギャラリーのメニューを作る。メニューバーから、メニューを選択
 できるようにしたかったため、メニューバーの下に別のテーブルを置く。

 が、位置がギャラリーの文字の下にできない。テーブル自体の細かい
 位置の指定ができないためである。

 そんじゃってことで、メニューバーのテーブルを2列にする。
 1列目をテーブル全体の長さになるようにして、2列目を7行
 に分け、メニュー以外のところは全角の空白を入れ、背景色を
 ページの背景色と同じにすれば・・・。
 枠が見えてんねん。(;_;)

 で、borderを0にして・・・。
 なんで、メニューバーとメニューの間の線が消えてんねん。(;_;)

 苦し紛れに、CELLSPACINGを1にすると、おおぉ!!
 なかなかいい感じじゃん。(^^;

 で、ふと気が付く。
 これだと、ウインドウの絵の位置が下にズレて、かっこわるいじゃん。
 で、日の目を見ないまま、没に・・・。(;_;)

○月×日
 ウインドウの絵を、新しくウインドウを開いたみたいに重ねた絵にする。
 で、隅っこの□や、下のウインドウをクリックすると戻るとこなんか
 なかなか、こっていると思う。(^^;

 なんで、ゴミ箱の位置がズレてんだよぉ!!(;_;)
 しょうがなくBRで位置の調整をする。

○月×日
 今度は、OMAKEのページを作る。
 やっぱり、ゴミ箱が・・・。
 今度はBRで調整もきかないため、絵の配置をいろいろいじる。
 これで、フォントが違うとまた、ズレるんだろうな。(-_-;)
 そう思いながらも、直すのは止めた。( (( ( (ヽ(;^^)/

○月×日
 はて、ブラウザのウインドウの大きさが変わったら・・・。
 で、メニューバーを変更する。
 ソースを見ると苦労の跡が見える(かもしれない。)
 あとは、共通のページにすれば・・・。

 だめじゃん。もどってこれない。(-_-;)
 しょうがなく、いままでのページとは、同じでも、
 ファイルは異なるものを用意。
 でも、index2のところに、ブックマークや、お気に入りしてる
 人もいるだろうし・・・。

 で、掲示板に注意書きして、さっさとファイルの位置や、
 その他変更をして・・・。

○月×日
 indexも少し直して書きかけの絵も表示する。
 カウンターも隠れたページにあったものをindex
 にもどす。
 はあ、やれやれ。とおもったら、リンクがうまくいってない!
 ひ〜〜〜〜〜〜〜。( (( ( (ヽ(;^^)/

 しばらく何が悪いか解らず、必至にソースを見る。
 あ、前の行、引用符(ダブルコーテーション)が抜けてるじゃん。(-_-;)

○月×日
 前々から用意していた、javascriptの本を
 読むようになった。なんでも、javascriptは
 プログラムなので、HTMLよりは、複雑なことができ
 るらしい。
 前々から用意していながら、読まなかったのには理由が
 ある。CD−ROMの中に用意されたものをHTMLの
 中に、そのままコピーして、少しの変更をくわえればO
 Kという、非常に便利なものだが、使いたい機能が、見
 つからなかったからだ。
 コマンドごとのくわしい使い方を書いてくれたほうが、
 よっぽどわかりやすいのに・・・。
 で、今さら、なぜ読んでいるかというと、とにかく何か
 作りたかったから。(^^;

○月×日
 巻末の方におまけ程度のコマンド表を発見する。
 適等に見ていると、ランダムのコマンドを見つける。
 (0から1までの乱数を作るコマンド)
 これを使えば、読み込むたびに違う絵を表示できるかもし
 れない。
 某Hサイトで、読み込むたび違う写真を表示するのがあり
 どうやっているのか、ソースを見てもよくわからなかった
 ことがあった。
 よっしゃ、さっそくつくってみよう!!って、使い方書い
 てないんだけど・・・。(;_;)

○月×日
 長年BASICやら、マクロやら、VBAやらさわって
 きたため、プログラムには慣れているので、ヤマカンで、
 作ることにする。
 おそらく、math.randam()で、0から1ま
 での乱数を発生するのだろう。となれば、画像が5枚あ
 れば、math.randam()*5+1にして、それ
 を切り捨てすれば・・・・。たぶんintか、fなんたら
 ・・・・・・・。
 本気で、手探りで作る。
 はて、どうやって、画像を表示するんだ?

○月×日
 別の本で、たまたま、テーブルとその中に画像を表示する
 プログラムを見つける。
 ってことは、これをこうして・・・。
 で、なんとか完成する。\(^ ^)/

○月×日
 次は、触ると絵のかわるボタン作り。これは、サンプルあるから
 楽勝でしょう。
 で、とりあえず、使う絵を描く。

○月×日
 サンプルから、いきなり自分が思うように変えて
 うっりゃ〜〜!あれ、うごかん。
 いろいろいじって、えい!!
 でもだめ。

○月×日
 とにかく、1つだけでも動くように、いろいろためして・
 ・・。で、なんとか動くようにする。
 1つできれば、5つも同じ。って、5つ動くよう
 にする。
 でもなんかさみしい。

○月×日
 さみしいので、絵をさわったら、ステータスバー
 にメッセージを表示するようにする。
 これもサンプルあるんで・・・なんで動かんの!

 途方にくれて、とあるホームぺージ用テンプレート
 をみる。
 あ、これだこれ。って、またコピーして・・・。
 今度は成功!\(^ ^)/
 でも、レイアウトのせいか、まださみしい。

○月×日
 レイアウトを変え、画像を使って台詞を表示するように
 する。ま、こんなところでしょ。(^^;

なんか、この文章だけ見ると、とても簡単に作ったように
 見えるけど、実際は、かなり苦労しています。
 なんなら、4のソースを見て下さい。
 まったく参考にはならないでしょうけど。( (( ( (ヽ(;^^)/

(つづく・・・かもしれない。)


−戻る−−HOME−