如何在Dreamweaver中创建下拉菜单

首先，创建表单

当您向Web站点添加下拉菜单时，首先需要的是一个包围它的表单。在Dreamweaver中，选择“插入”菜单，点击“表单”，然后选择“表单”。

在设计视图中显示表单

Dreamweaver在设计视图中直观地显示了表单的位置，这样您就可以知道表单元素的位置，因为下拉菜单标记在表单元素之外无效(也不起作用)。从图中可以看到，表单是设计视图中的红色虚线。

选择列表/菜单

下拉菜单被称为Dreamweaver中的“列表”或“菜单”项目。因此要将一个添加一个表单，您需要进入“插入”菜单上的表单菜单，然后选择“列表/菜单”。确保光标位于表单框的红色虚线内。

特殊选项窗口

在Dreamweaver Options中，有一个可访问性的屏幕。如果你填写了这五个选项，你的下拉菜单就会比其他网站更容易访问。

表单可访问性

辅助功能选项是：

标签

标签字段以文本形式显示在表单元素旁边。输入下拉菜单的名称。它可以是一个问题或下拉菜单将回答的简短短语。

风格

HTML包含标签标签来识别您的表单标签web浏览器。您的选择是将下拉菜单和标签文本与标签包装，以在标签标记上使用“for”属性，以标识它引用的标记，或者根本不使用标签标签。

位置

您可以在下拉菜单之前或之后放置您的标签。

访问钥匙

访问者可以使用Actor Actor或Option键使用Access键，以直接到此表格字段。此键盘快捷方式使您的表格易于使用而无需鼠标。

标签索引

标签索引是用户在使用Web页面使用键盘时应访问表单字段的方式。

更新了辅助功能选项后，单击“确定”。

选择菜单

在Dreamweaver设计视图中显示下拉菜单后，需要添加各种元素。首先，通过点击它来选择下拉菜单。Dreamweaver会在下拉菜单周围加上另一条虚线，以显示您已经选择了它。

菜单的属性

“属性”菜单将更改为该下拉菜单的列表/菜单属性。在那里，您可以为您的菜单提供一个ID（在其中表示“选择”），确定您是否希望它是列表或菜单，请将其从样式表中提供一个样式类，并将值分配给下拉列表。

列表和菜单的区别是什么?

Dreamweaver将一个下拉菜单称为只允许一个选择的任意下拉菜单。“列表”允许在下拉菜单中有多个选择，并且可以有一个以上的条目。

如果要将下拉菜单更高，请将其更改为“列表”类型，并取消选中“选择”框。

添加新的列表项

要添加新项目到你的菜单，点击“列表值…”按钮，这将打开上面的窗口。然后，在第一个框中键入您的项目标签。它将显示在页面上。

添加更多并重新排序

点击加号图标添加更多项目。如果您想在列表框中重新排列它们，请使用右边的向上和向下箭头。

给所有物品值

如果将值留空，则标签将转到表格。但是您可以提供所有项目值 - 将备用信息发送到您的表单。您将对跳跃菜单和超链接等物品来使用这很多。

选择默认值

Web页面默认显示第一个作为默认项列出的下拉项。但是如果你想要选择一个不同的，在“属性”菜单的“初始选中”框中突出显示它。

在设计视图中查看您的列表

完成对属性进行编辑后，Dreamweaver将显示您选择的下拉列表，选择了默认值。

在代码视图中查看您的列表

如果切换到代码视图，您可以看到Dreamweaver将下拉菜单添加干净的代码。唯一的额外属性是辅助性选项。代码全部缩进，很容易阅读和理解。

在浏览器中保存并查看

如果保存文档并在浏览器中查看，您可以看到下拉菜单与预期的一样。

但它什么都没做……

我们在上面创建的菜单看起来不错，但它什么也做不了。要让它做一些事情，您需要在表单本身上设置一个表单动作。

幸运的是，Dreamweaver拥有一个内置的下拉菜单形式，您可以立即在您的网站上使用，而无需了解表单，CGI或脚本。它被称为跳转菜单。

Dreamweaver Jump菜单设置一个下拉菜单，其中包含名称和URL。然后，您可以在菜单中选择一个项目，并且网页将移动到该位置，就像您点击了链接一样。

转到“插入”菜单，选择“窗体”，然后选择“跳转”菜单。

跳转菜单窗口

与标准下拉菜单不同，跳转菜单打开一个新窗口，供您命名菜单项并添加有关表单如何工作的详细信息。

对于第一个项目，将文本“UNTTITLED1”更改为要读取的内容并添加URL。

将项目添加到跳跃菜单中

点击“添加项目”，将一个新项目添加到跳转菜单中。你想添加多少项就添加多少项。

跳转菜单选项

一旦添加了所需的所有链接，就应该选择您的选项：

打开URL

如果您有框架集，则可以在不同的帧中打开链接。或者您可以将主窗口的选项更改为特殊目标，以便URL.将在新窗口或其他地方打开。

菜单名称

为您的菜单提供页面的唯一ID。它是必需的，以便脚本将正常工作。它还允许您以一种形式进行多个跳转菜单 - 给予它们所有不同的名称。

在菜单后插入Go按钮

我喜欢选择这个，因为有时当菜单改变时脚本无法工作。它也更容易接近。

URL更改后选择第一个项目

如果您有一个提示，请选择此项，例如“选择一个”作为第一个菜单项。这将确保该项目在页面上保持默认值。

跳跃菜单设计视图

就像您的第一个菜单一样，Dreamweaver在使用默认项目可见的设计视图下设置跳转菜单。然后，您可以编辑像您一样的下拉菜单。

如果你编辑它，确保不要更改项目上的任何id;否则，脚本可能无法工作。