今週は、Webサイトのナビゲーションについて。Homeや会社概要などの横並びのグローバルメニューや本文の横に配置したサイドメニューのことです。
一番手を抜いたと言う表現は悪いですが、なんの変化もないメニューです。ブラウザのデフォルトでマウスが指の形に変化するので、リンクがあるのは分かります。
次はやはり、ロールオーバーの機能を使ったページです。しかし、そのリンクのサイトに飛んで、違う位置にカーソルを持っていくと、マウスアウトの状態になって、そのメニューがダウンの状態であることが分かりません。私は、結構、違和感を感じます。また、利用されている方も、違和感と言うのか、なんだか頼りないような感じになるのではないでしょうか。「私はどこ」と言ったら、オーバーでしょうか?
そこで、ロールオーバーのマウスオーバーの状態、マウスアウトの状態、そしてセレクト(クリック)された状態の維持を実現できないかと考えていました。
因みに、ドリームウィーバーのCS4であれば、まだ、グローバルナビゲーション機能がありましたが、CS5.5には非推奨と言うことでこの機能はありません。昨日からこの問題を解決する方法を模索していました。検討したのは、jQueryの使用です。いくつかのサイトを参考にしましたが、ローカルの環境(Webサーバーを利用できない)では、なかなかテストができません。(現在、外で作業をしています。)
結論は、昔と同じく、ドリームウィーバーの機能でロールオーバーを実現し、リンクしたページでは、ロールオーバーの画像のみ置くことにしました。
今週の成果はありませんでしたが、こう言った試行錯誤も何かの役に立つことを信じて頑張っていきます。
来週は、phpを使った問い合わせフォームページについて投稿できればと考えています。
それでは。