メニューバー Widget について

メニューバーは、ボタンの 1 つにポインタが置かれたときにサブメニューが表示される、ナビゲーションメニューボタンのセットです。 メニューバーを使用すると、わずかなスペースに多くのナビゲーション情報を表示できるだけでなく、ユーザーに長い距離をブラウザさせることなくサイト上の情報の全体像を把握させることができます。

Dreamweaver で挿入できるメニューバー Widget には、垂直と水平の 2 種類があります。 次に水平メニューバー Widget の例を示します。この例では 3 番目のメニュー項目が展開されています。

フルサイズのグラフィックを表示
メニューバー Widget (<ul>、<li>、および <a> タグで構成されます)

A.
メニュー項目のサブメニュー

B.
サブメニュー項目のサブメニュー

メニューバー Widget の HTML は、外側の ul タグと、最上位レベルのメニュー項目ごとにこのタグに含まれる li タグで構成されます。 一方最上位レベルのメニュー項目 (li タグ) には、各項目のサブメニューを定義する ul および li タグが含まれます。同様にサブメニューにサブメニューを含めることもできます。 最上位レベルのメニューにもサブメニューにも、任意の数のサブメニューを含めることができます。

メニューバー Widget の動作およびコードの詳細については、www.adobe.com/go/learn_dw_sprymenubar_jp を参照してください。

Spry メニューバーを作成する方法のチュートリアルについては、www.adobe.com/go/vid0168_jp を参照してください。