ドロップダウン・メニューの設置顛末

メニューバー・アラカルト

　最初にトップページを設計する際、リンク先をナビゲートするメニューのデザインを検討しました。ユーザ側ではシンプルで使い勝手がよく、作成側では維持管理しやすい柔軟性のあるものが望ましく、右画像のように動作することを念頭にしました。そのコンセプトは、

・ 表示はプレート盤もない文字だけとする

・ メニュー表示は階層化したドロップダウン方式とする

・ カーソルを置けば自動でドロップダウン表示できる

・ メニューの追加・修正はテキストベースで切替できる

　このコンセプトに見合うものをインターネット検索して、以下のサイトの中にあったものを頂戴して右画像のように自分なりにカスタマイズしました。

サイト紹介

　メニューバーの紹介サイトをネットサーフィンし、右画像のサイトを見つけました。各種ドロップダウンのメニューをデモすることができ、かつCSSのプログラムをフリーでダウンロードできる優れサイトです。自分の好みに合ったタイプを選んでダウンロードし、自分のレンタルサーバーに持ち込んでホームページのメニューバーを作りました。このようにメニューひとつ作るのもこの有様で、私の技量不足もバレバレですね、ハイ。