一部のページでリンクの下線をはずし、カーソルが当ると色が変わるようにしてみた。また、トップページやFSPACEリンク集など、一部、背景を固定( bgproperties="fixed")してみた。ネットスケープはスタイルシートに対応していないが、見栄えだけの問題なので、別にかまわないだろう。
たとえば、こんな具合だ。[STYLE TYPE="text/css"] [!-- A {text-decoration:none} //--> A:link {color:blue;} A:visited {color:#007B3E;} A:hover {color:#D92843;} --] [/STYLE]
21世紀協会のページにかまけてずっとさぼっていた自分のHPだが、篆刻のページに去年の干支、「卯」(朱文、白文)と「新春」、今年の干支、「龍」を追加。2月3日とらのページを干支のページに統合。ついでに、黄色っぽくなっていた印影の画像をなおした。
このHPのページ数もかなり多くなってきたので、迷子になった人のためにサイトマップを新設。これは自分の参考にもなる。
概要のページの各項目から、詳細を説明したページにいけるようにした。このページから、21世紀協会の詳細がわかるようにするつもりだ。法人の組織図、エリアスタディ、ミンドロの組織図とスタッフの紹介、事業、会員制度なのどのサブページを設けた。組織図を描いて、これをマップ化するのが結構面倒。イメージマップを表示できないブラウザーのための対応も忘れてはいけない。
また、ミーティング、理事会、社員総会などの議事録も公開することにし、ニュースのページに議事録集を新設した。
《サンサーラ》を分野別にに分け、マンニャン族豆知識、会員のページ、現地だより、Q&Aのコーナを新設。リンク集も一新、国際協力のページ、フィリピン情報、会員のHP、相互リンク、とカテゴリーも分けた。
エリアスタディにアジア、フィリピン、ミンドロの地図を加える。特に地図は、アジア→フィリピン→ミンドロ→サンタクルス地区とクリックすると次々と変わるようにクリッカブルマップを利用した。アジアの地図は産経新聞のページから、フィリピンの地図はほよっぷさんのページからいただいた。ミンドロの地図は私の同級生で、21世紀協会関係のバナーをtたくさんつくってくれている林信之さん、サンタクルス地区の地図は私の属するWebgrrlsのco-leaderであるKhristine Schaffnerさんに特に作成してもらった。
長い間さぼっていた21世紀協会のエリアスタディを作り始める。
21世紀協会の法人化を決めた設立総会を受けて、設立趣意書を追加。
21世紀協会のトップページを一新。デザインを新しくするとともに、はじめてクリッカブルマップに挑戦。なかなか難しいが、ここだけ Hotall を使って切り抜ける。慣れない PhotoShop と悪戦苦闘。
日本語と英語ページを整理し、風車のロゴの説明もつけた。
壁紙も作ってみた。ケルト文様を左端に配し、残りは透明に。そして、右側に模様が繰り返されるとうっとうしいので、縦のみ模様を繰り返すよう style=background-repeat:repeat-y と指定した。この手は使える。(ただし、これは、Netscape には使えない。)
21世紀協会のニュースに英文ページを新規作成。
エッセイ集に曼珠沙華、ポップコーンははじきかけがおいしいを追加。ずいぶん前に書いたものだ。料理の部屋にヴァレンシア風ライス、6拍子サラダを追加。
以前から21世紀協会の会員のページへのリンクを作ろうと思っていたが、やっと実現。これから会員のページをどんどん加えていきたい。
さぼっていた《サンサーラ》記事集の写真を入れる。佐々木さんは「知れば知るほど」を作ってくれた。壁紙もオリジナルだ。
ところが、この時点で佐々木さんが「自分の力不足」を理由に降りてしまった。期待していただけに残念。21CのHP作りはまた私一人ですることに。
《サンサーラ》記事集に「貧者の一灯」、「卒業しました」、「ジャンケンポイ」、「他人ごとではなく」、「5年間を振り返って」を追加。ただし、写真はまだいれていない。次の課題だ。
プログラマーの佐々木美恵子さんの協力で、ニュースのページを新設。オリジナルのNEWのgifアニメも。早速トップページと《サンサーラ》のページに使ってみた。とっても気に入る。
「随筆の部屋」と「料理の部屋」をオープン。まだ、項目を挙げただけでほとんど内容ができていないが、ぼちぼち開いていこう。
さらに、トップページが縦長になりすぎたので、もう少しコンパクトになるようにデザインを変更。これには苦労する。図の横の項目が多すぎて、図からはみ出手しまう「部屋」がある。図の横に表を組んで、項目を並べることを思いついてやっと問題が解決。
このところの更新ラッシュで、肩がやられる。右肩から右手にかけての筋が痛くてたまらない。泳いだり、ペパーミントオイルを塗ったりしてみるが、あまりの痛さに閉口。マウスが使えない。
「翻訳の部屋」は仕事を取るためのページなので、やはり、日英並記にしなければなるまい。経歴書を英訳し、仕事のサンプルのリンクもこまめに追加した。
「篆刻の部屋」に「氏名印」、「干支印」、「FSPACE篆刻くらぶ」の各ページを新設。このようにたくさんサブページのある「部屋」はフレーム形式がいいかな、と思う。でも、フレームは好きじゃないし。。とりあえずいまはこのままにしよう。
懸案となっていた「翻訳の部屋」を新設。ウェブページで仕事を取ろう!英語ページを作り、もっと翻訳見本を増やしてみようと思う。
音楽の部屋は、まだちょっと作ってみただけ。
「更新履歴のページ」とはこのページのこと。はじめてHTMLをいじったAKOのホームページ奮闘記でもある。このところ、次々とホームページのアイディアが湧いてくる。
ずっと企画のまま放ってあった篆刻の部屋を作成。
はじめて壁紙を自作。「虎」の印影をエンボス加工し、ぼかしてみた。文字をのせるとちょっと見にくいかな、と思わなくもないが、ま、篆刻の部屋らしい壁紙と言うことでご勘弁を。作品集は無地にする。手始めに「とら」と「山月居」のページ。
これまですべてのファイルをルートに放り込んであったが、これを機に21世紀協会の各ページを独立のディレクトリに入れる。トップページは従来通りルートに。また、各ページを再構成する。細かい手直しは大変だ。
Webgrrlsが21世紀協会の活動に協力してくれると言うので、英語しか読めないメンバーのために、英文ページを作成。つづいて多少デザインの手直し。また、《サンサーラ》記事集に「未来の農業」、「カルチャーショック」、「楽園のゆくえ」を追加。
FJ5さんが日本語のバナーに続いて、英語のバナーも作ってくれた。
トップページを夏バージョンに衣替え。「序破急」のタイトルも新しく作る。このタイトルは結構気に入った。
FSPACEの仲間たちのホームページを集めたリンク集をsheepさんのページに新設。実は、牛飼いきしのさんのうっとりするような「夜のアイコン」を使ってみたくて作ったページだった。でも、まだ中途半端なリンク集だ。
自分プロフィールについては、載せるべきかどうか迷ったが、このホームページは仕事を取るためにも使いたいので、やはり作ることにした。仕事柄、英語のページも作った。(実は英語のページの方が詳しいのだ。)ここでは、実験的にJAVAスクリプトを使って、ページの背景色を見た人が好みに合わせて変えられるようにしてみた。日本語版では、ページに壁紙をつけ、線以外の部分を透過処理して、その裏の色が変わるようにした(アイディアは浜風氏よりいただいた)が、これはIEでしか動作しないことがわかった。英文は壁紙をのせず、ネットスケープでも色の変化を楽しんでもらえるようにした。
FSPACEの仲間のsheepさんのホームページを作る。実は、とくにホームページを作る予定のないsheepさんからホームページ枠を借りて、遊んでみようという下心。FJ5さん作の Star Sheep を掲載。
しかし、それからが大変。私はのルータMN−128SOHOがなかなか言うことを聞いてくれない。悪戦苦闘の2週間が続いた。結論としてわかったことは、このルータはこちらから外に出ていく信号は制御するが、入ってくる信号については、必ずしも言うことを聞いてくれるとは限らないと言うことがわかった。この過程で、浜風氏、おおにし氏を大変お騒がせした。最終的に問題を解決してくれたのは同じMN−128をもつOA氏だ。ありがとう。
これで一件落着と思いきや、今度は、コンピュータのご機嫌が悪くなる。チャットサーバを立ち上げていたコンピュータがなぜか落ちる。レジストリをリフレッシュしたりいろいろとやってみたが、どうしても、機嫌を直してはくれない。仕方なく、4日ほどチャットはお休み。その間、チャットサーバ用に使っていたコンピュータもしばらく電源を切って休ませた。
2/21チャットを再開。2日ほどは何とか無事に過ごせた。しかし、また、落ちるようになったので、またお休み。再開するとしばらく無事。また落ちる。どうなってるの!!。
結局、その後。おおにしさんがおおにチャットサーバに何度か細かい手直しをして、サーバは何とか安定するようになった。
チャットルームを立ち上げる。これまで、私のIPアドレスを周知させるためのチャットインフォメーションはおおにしさんのHPの場を借りて表示させてもらっていた。ただ、それでは不便なので、自分のHPに表示させる方法はないかと、考えたが、CGIの使えないニフティーにあっては、それも難しい。
そこへ、おおにしさんがおおにチャットサーバOC204を改良して、HTML転送によってチャットインフォメーションをホームページに載せることができるようにしてくれた。感謝、感激。
一応、体裁が整い、表示もOKのようなので、インデックスやFSPACE IN IWATEのページを試験的にFTPしてみたところ、ばりばりのプログラマーの浜風氏やおおにし氏から次々と文法ミスを指摘され、参ってしまう。小学生に大学の入試問題を突きつけるようなものだ。この人たちは、ホームページの内容や見栄えよりも、ソースを見る方がおもしろいらしい。ま、しかし、文法が正しく書けていてはじめて本当に正しい表示もできるというのは間違いのないことなので、ソースを文法チェックにかけたりして、がんばって、かろうじて正しい文法のソースを書き上げる。いい勉強になったことには違いない。
練習として、9月にFSPACEの仲間と旅したIWATEの思い出をもとに、FSPACE IN IWATEを作成。写真の位置、テキストの配置など、それは、それは苦労する。しかし、やっていくうちに少しずつなにがしかの感覚を得る。
続いて、FSPACE仲間の猫つかい☆ひろさんの結婚式の写真を公開すべく、猫のページを書く。
メインで使っているブラウザーはIE4.0だが、いろいろなブラウザーで一応ちゃんと読めるようにしたいので、ネットスケープの3や4も並行して画面の確認のために使う。ネットスケープで見ると、文字がブリンクしているページがあることに気づく。
やはりFSPACE仲間のーすてんぼす氏も同時期に自分のHP作りを開始。文法の間違ったままの私のソースを次々と持っていっては使う。あとで文法ミスを指摘すると、逆に責任を追及されるのだから困ったものだ。(言い訳せい>のーす)
つづいてインデックスのページを試作。FJ5からもらったAKO画と桃画を使う。因果の表紙絵も使ってみたがったが、なぜかウィンドーズでは開かない。(後日、改めてウィンドーズで保存し直したら開くことがわかった。)
使った画像処理ソフトはThumbsPlus。英語版。英語でも特に不自由しないが、全角を使ったファイル名が化けるのには参る。
ネット上のさまざまなHPをまわり、素材を探す。gifアニメが気に入ってダウンロードしていると、たちまちのうちにシステムリソースがなくなり、落ちてしまう。これは、ブラウザーだけをいったん閉じて再起動させることで回避できることがわかった。
この過程で、ホームページ作りに役立つページを次々と発見。
やっとパスワードを回復し、柚大根をはじめてFTP。FTPの方法については以前、浜風氏に教えてもらっていたので、特に苦労はなかった。
FTPしようとして、パスワードを忘れていることに気づく。あわててニフティーに問い合わせ。
『作ろう 魅せるホームページ』(インプレス社)を購入。はじめてHTML言語なるものをいじる。
使ったのは、WZエディタ。作ったページが柚大根。
ところが、文法ミスだらけ、との指摘を浜風涼さんに受け、色々アドバイスをいただく。
見る人はいろいろな幅の画面で見ていることを考えてページを作らなければならないことを学ぶ。