ドロップダウンメニューとは何ですか？

ドロップダウンメニューは、ユーザーがマウスでインターネットアイコンを選択したときに表示されるオプションのリストです。 アイテムが選択されると、リストがアイコンの下にドロップダウンして表示されるため、 ドロップダウンメニューと呼ばれます。 ドロップダウンメニューは、Webページの作成に使用されます。Adobe®Fireworks®は、ドロップダウンメニューを作成する最もユーザーフレンドリーなプログラムの1つです。

ドロップダウンメニューを作成する最初のステップは、訪問者がクリックするためのアイコンを作成することです。 アイコンはヘッダーである必要があり、ドロップダウンメニューにはサブヘッダーが表示されます。 たとえば、「飲料」というアイコンを作成すると、ドロップダウンメニューに「ソーダ」、「茶」、「牛乳」などの選択肢が表示されます。

Adobe®Fireworks®で、「編集/挿入/スライス」のオプションを選択します。 緑色の蛍光スライスが表示されたら、右クリックして「ポップアップメニューの追加」を選択します。 テキストボックスのドロップダウンメニューに表示する最初の項目を入力します。 プラス記号をクリックして、アイテムを追加します。

ドロップダウンメニューは、Webページのテーマに合わせてカスタマイズできます。 セルの色とフォントのスタイルとサイズを変更するには、タブのタイトル「外観」をクリックします。 ここで、ドロップダウンメニューをWebページに縦向きまたは横向きのどちらで表示するかを選択することもできます。 [詳細]アイコンを選択して、ドロップダウンメニューのパターンまたは影を選択します。

[次へ]ボタンをクリックして[位置]タブを選択し、ドロップダウンメニューを表示する位置に配置します。 完了したら、「完了」というタイトルのタブを選択します。 [ファイル]と[プレビュー]を選択して、作成したばかりのドロップダウンメニューがWebページに表示される様子を確認します。 アイコンの上にマウスを移動すると、ドロップダウンメニューの動作が表示されます。

[ファイル/エクスポート]を選択して、作成したドロップダウンメニューを保存します。 ファイルを保存するフォルダーを選択します。 ファイルを開いて、ドロップダウンメニューのコードを見つけます。 Webページに移動して、コードを入力します。

ドロップダウンメニューは他のプログラムで作成できますが、ユーザーフレンドリではない場合があります。 DreamWeaver®などのプログラムには、平均的なユーザーが所有できない高度な技術能力が必要です。 ドロップダウンメニューを使用すると、Webページの外観が大幅に向上し、訪問者がナビゲートしやすくなります。 ドロップダウンメニューの作成方法を学ぶことは、時間をかけるだけの価値があります。