○月×日
なんとなく、ちまたで話題のホームページなるものを、つくってみようと
思った。でも、なにからはじめたらいいんだか、全然さっぱり。
○月×日
ある雑誌に、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のソースを見て下さい。
まったく参考にはならないでしょうけど。( (( ( (ヽ(;^^)/
(つづく・・・かもしれない。)