■ 作成環境

■ 新バージョンの目的

デザイン更新

■ デザインの変更点

１　トップページデザインを一新し,従来”正面玄関”と”案内所”に持たせていた機能を紙芝居的な動きにしてトップページに持ち込んだ.

２　サイト内ナビゲーションの為に病院などにある”非常口”のデザインを流用した.このHPの階層はかなり深い場所もあるのでナビゲーションに苦労している.今回はこの”非常口”のデザインを階層によって変化させる事でどんな階層に居るのかを掴みやすいように努めた.

３　画面のフレーム割りを一つ減らして3分割とした.その内の一つはデザインの為の空フレームなので,実質的にはリンクフレームと本文フレームの常識的な2分割方法である.

４　柔らかい印象を与える事を目的として細かいドット模様を作ってメインフレームに背景画像として持ち込んだ.そのカラーバリエーションは三つ.

５　休憩室と娯楽室を一つにまとめ,娯楽室を廃止した.バシスト控室/弦楽合奏団控室/マンドリニスト控室を大部屋にまとめて奏者とし,三つを可動間仕切りで分けた.

６　マスコット的バス画像を現実に即して椅子付きのものに変えた.この画像は画像加工ソフトを利用しており半ば現実/半ば架空のもの

７　リンク窓デザインを簡素なものに作り変え,室名GIF画像も新しくした.

８　部品の配色は彩度を更に下げ,その代わりにH2見出しと”非常口”を比較的高い彩度とした.

９　ベージュをトップページに使った事に合わせてベース色を銀鼠色からベージュに変更した.サブテーマ色はグリーンと赤.

尚,”奥田治義の世界”もこれらに準じて適宜変更を加えた.

■ 記述について

スタイルシートにも手を加え,一枚のHTML文書が複数の外部スタイルシートを読み込む形式に改め,管理が更に楽に出来るようにした.即ち,色情報の外部シート/部品配置情報の外部シートなどに分けて記述した.

デザインの更新を目的として出発したが,結局それだけでは終わらなかった.

又,javascriptも2カ所書き加えた.”管理人室”の”バージョン情報”にマサさん（http://www.biwa.ne.jp/~y-tomie/java/index.htm）から頂いたボタンの記述,そしてトップページに置いた紙芝居的な絵替わりの大掛かりな記述（DreamWeaverによる）.この紙芝居は膨大な原文の中から自分のアイデアを実現する為に,残す記述/変える記述を探し当て,それをどう翻訳するかの作業は試行錯誤によるしかなかった.大掛かりなjavascript構文はリンク窓記述に続いて二つ目となった.

なお,この構文を読み込まないブラウザの為に”非常入口”を設け,HTML記述のファイルをたどってコンテンツを閲覧出来るようにした.

■ 音楽そしてコントラバスver.3作成の流れ

■ 使用したソフト

■ 参照した本とCD

■ リニューアル当初の諸元

2003/9/8