ウッディモリタのDIYフィールド > リニューアル

リニューアル

2009年2月1日のリニューアルの内容は,次のとおりです。

画面をメニューバー形式に

フレーム分割こ対応したブラウザが一般的になりましたので,全てのページについて,左列を固定メニューバーとする画面構成に変えました。(*1)

サイト内のページの配置が視覚的にわかり,画面の出が早くなって,移動がスピーディ!

また迷子になっても簡単に戻れるように,現在位置を画面トップに表示しています。詳しくは,このサイトの歩き方を参照してください。

訪問者のモニターサイズに合わせてページ幅を調整

このサイトを見て下さる方々のモニターのサイズ(横×縦)は,全体の30%が1024×768(ピクセル),そのほかが1280×800以上となっています。(*2)

各ページを,1024(ピクセル)の幅からハミ出さないように調整しましたが,ワイドモニターでもちゃんと見えるように工夫してあります。

スタイルシートを導入

全てのページにCSS(カスケーディング スタイルシート)を導入し,表現の統一と描画の高速化を図りました。

ホームページの利用のしやすさ(アクセシビリティ)のアップ

・ベージ内の記事を拡大して読めるように,メニューリスト以外の文字のフォントサイズは可変型となっています。

・背景と文字のコントラストを少し強くしました。

・カーソルをリンクの上に置くと,背景色が黄色に変わって,ここにリンクがあることを視覚的にアピールします。

・「もどる」「次のページへ」などといったページ移動用のリンクは文字にして(=イメージボタンを減らして),直截的に使えるようにしました。

・さらに,そのリンクの位置を固定化して,少ないマウス操作でページ移動できるようになっています。

再編集

「船長室」「オーシャンリール」「ウッドデッキ」では,ちょこちょこと画像とコメントを追加しました。また,外部リンクの切れているものを繋ぎなおしたり,表現の修正も随所で行っています。

(*1)世代の古いブラウザでは,フレーム分割されたページを正しく見ることができない,という問題がありました。そのため,今まではページ内を「見えない表」で分割して擬似的に画面構成していたのです。現在,訪問者のブラウザの95%がInternet Explorer6.0〜7.0となっています。
(*2)どうして,そんなことが判るかといえば,このサイトを置いているサーバー「ヤフー!ジオシティーズ」が,サイトの管理者にアクセスに関する統計情報を提供してくれるからです。これには単なるアクセス数のみならず,訪問者が使っているブラウザ,OSなどの利用環境も含まれます。
【ウッディモリタのDIYフィールド】トップページへもどる   このページのトップへ