HPを作ろう!

 歴代の「みわのお部屋」の展示会場です。ちなみに、「Ctrl」+「PrintScreen」でウィンドウをコピーし、ワードに貼り付けて「図」ツールバーの切り抜きで加工して、htmlで保存。フォルダ内にjpgファイルがあるのでそれを使うだけです。

初代、2代目(1999/04/24〜2000/11)

 ファイルが手元に残っていないのが残念。

 geocitiesに自分のページを作りました。記念すべき初URLは「http://www.geocities.co.jp/HeartLand-Keyaki/3791/」。「自己紹介」「日記」「転勤」「旅行」「掲示板」とトップページにベタ書き。初代から今もずっと直接タグ打ちで作っています。

 2代目で左メニュー・右メインのフレームに初挑戦したような気がします。

3代目(2000/12〜2003/08)



 3代目はodn。テレビ画面風のレイアウトが作りたくなってチャレンジしたのがこれ。なんとフレームを上下左右に使っています。target指定で凄く苦労したような気がします。

「自己紹介」「日記(てんつま・ボイトレ・インストラクター)」「転勤族生活」「滞在記&旅行記」「写真館」「お仕事しましょ!」「和茶生活(中国茶・和家具・たれぱんだ)」「コラム(結婚・無印良品・おすすめ・パソコン・TV出演・オフ会・敏感肌)」「リンク」「わいわいコーナー(掲示板)」

 旅行記で使った白地図ですが、行った事のある都道府県に旗が立っています。毎回旗アイコンを追加して地図gifを作り変えるのが面倒だったような気がします。

4代目(2003/09〜2004/06)




 「転勤族の妻の会」というHPがあって、そこの県別掲示板の、東京BBSの管理人をしばらくの間やっていました。トップページと東京BBSはgeo、本体はunet。今見るとある意味凄いですね。右下の画面の左側のメニューはベタ書きですが、今となってはJavaScriptでこんな風(タイトルをクリックするとそこに関連するサブタイトルが表示される)に変えられることができますよね。

「自己紹介」「日記(てんつま・エステ・ボイトレ・インスト)」「転勤族生活」「滞在記&旅行記」「写真館」「お仕事しましょ!」「和茶生活(中国茶・和家具・たれぱんだ・TV出演)」「話板(掲示板)」「地図(サイトマップ)」

 CGI・JavaScript・スタイルシート初挑戦。リンク集は各コーナーごと。サイトマップは別窓表示、でもリンク張っていないから移動が面倒だったかも。

5代目(2004/07〜2004/09)




 タイ赴任に向けて仕事を辞めた&転勤・旅行関係のコンテンツが多くなってきたので2分割。表紙・転勤・旅行がgeo、本体がunet。トップページがサイトマップ代わり。4代目で使っていたアイコンがお気に入りだったのでそのまま使っています。

『みわのお部屋』:「自己紹介」「日記(てんつまPG・エステ・コスメレポート・ボイトレ・インスト)」「お仕事しましょ!」「和茶生活(中国茶・和家具・たれぱんだ・TV出演)」「話板(掲示板)」「地図(サイトマップ)」

『みわのお部屋別館・転勤&旅行しましょ。』:「転勤族生活」「滞在記&旅行記」「写真館」

6代目(2004/10〜2008/11)



 仕事でWebプログラムの画面デザインをしていたのに、こんなHPではダメだ!と気合を入れて作ったのがこれ。でも、某HP作成ソフトのテンプレート使用です。3クリック以内で目的のページに辿り着ける、が仕事でもプライベートでもHP作成の前提条件なので、トップのメニューに工夫を凝らしました。JavaScriptを使用可にしている人は1クリックで、使用不可にしていても2クリックで辿り着けるようにしてあります。HPのタイトルを「みわのお部屋・転勤&旅行しましょ。」に変更。

「転勤しましょ。」「国内旅行しましょ。」「海外旅行しましょ。」「仕事しましょ。」「転妻生活。」「和楽生活。」「WebRing」

 今現在は、サイトマップを追加、メールは迷惑メールが多いので記載なし。「和楽生活。」の中分類・小分類が随分増えました。

7代目(2008/12〜2010/12)

 レイアウトは6代目と全く一緒ですが、中身を大幅に変更。「国内旅行」に含めていた転勤先情報を、転勤先ごとに独立。趣味と仕事は「転勤生活」へ。日記と旅行記をブログへ移動。

「転勤生活」「新潟生活」「東京生活」「タイ生活」「大阪・京都生活」「たれ旅」「転妻日記」「転妻の仕事」「転妻の趣味」

8代目(2011/01〜)

 レイアウトと中身は7代目と全く一緒。geocitiesからtenkinzoku.netに移転。