怎样用dw制作导航栏下拉菜单

DreamWeaver 是用标签行为的功能来制作下拉菜单的。

具体步骤：
在DreamWeaver中绘制层（注意是绘制层，不是插入div）


绘制一个 宽度130px; 高度20px; 的层 在层里插入同样大小的表格
这时DreamWeaver会自动命名ID为 Layer1

在此层下面 紧接着再绘一个宽度一样 高度为100px;的层
DreamWeaver会自动命名ID为 Layer2
同样在层也插入相同大小的表格，插入表格是 让文字分层居中。

选中 Layer2 让它默认是隐藏 （在Layer2左边点一下 让眼睛闭着就是隐藏的意思了）

在网页中选 Layer1 点标签行为面板的+ >>显示-隐藏层 选项


弹出窗口 选中Layer2 点显示 然后确定


在行为里添加onMouseOver（意思是鼠标经过时）
同样的方法 让 Layer2 隐藏
在行为里添加onMouseOut（意思是鼠标离开时）
这样就成功，可是会发现离开总菜单 下拉菜单也消失了，所以
最后还要选中 Layer2 再做一次 Layer2的onMouseOver onMouseOut 行为。

制作出的全部代码如下：
无标题文档0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i 总菜单 菜单 菜单 菜单 菜单 菜单

工具原料：
硬件：电脑一台。
软件：Dreamweaver。
1、打开软件Dreamweaver建立项目。
2、点击插入-表单-列表菜单。

3、输入表单文字和属性参数。

4、输入列表值即可。

1、先打开Dreamweaver。如果事先有好的web源文件，可以直接单击“文件打开”打开web源文件。如果没有，请单击“文件”“新建”以创建新的web源文件。

2、默认情况下，新类型是OK。如果您有其他需要，可以选择页面类型、布局等，然后单击“创建”按钮。

3、创建新网页后，单击“设计”页上的“插入-表单-选择（列表/菜单）”以插入可选择的下拉表单。

4、或者在菜单栏下有一个表单选项图标。将鼠标放在上面显示“选择（列表/菜单）”并单击它，或插入下拉菜单。

5、然后弹出接口，您需要输入标记辅助函数的属性。用英文或数字填写身份证。标记是下拉菜单的相应数据标题，如地址、性别等。在此处填写“性别：”然后单击“确定”。

6、弹出是否添加表单标签的提示，选择“是”。

7、此时，下拉菜单将插入页面。单击下面的列表值将内容添加到下拉菜单中。

8、跳出列表值界面，并填写项目标签上的下拉菜单选项。例如，我想在这里制作一个性别选择下拉菜单。在这里，填写男性值和项目标签。

9、然后单击加号在下面添加新标签和值，并填写阴性。然后单击“确定”按钮。

10、然后单击界面上箭头指示的小图标，选择一个浏览器，然后单击它以查看浏览器上的预览效果。

11、此时，系统将提示您保存对网页文件的更改。选择“是”保存。

12、然后您可以看到您在浏览器上创建的下拉菜单的外观。单击一次下拉箭头选择，

1、先打开Dreamweaver，如果你事先有做好的网页源文件，可以的直接点击文件——打开，打开你的网页源文件，如果没有，就点击文件——新建，新建一个新的网页源文件。

2、新建的类型默认就可以了，如果有其它需要，可以自己选择页面类型和布局等等，让点击创建按钮。

3、新建好网页之后，在设计页面，点击插入——表单——选择（列表/菜单），这样就可以插入一个可选择的下拉表单了。

4、或者在菜单栏下方有个表单选项的图标，鼠标放上去显示“选择（列表/菜单）”然后点击，也可以插入下拉菜单。

5、然后跳出需要输入标签辅助功能属性的界面，ID填写英文或者数字，标签就是你的下拉菜单的对应的数据标题，比如地址，性别等等，这里填写“性别：”，然后点击确定。

6、跳出是否添加表单标签的提示，就选择是，就可以了。

7、这时，下拉菜单插入到页面中了，点击下方的列表值，给你的下拉菜单添加内容。

8、跳出列表值的界面，在项目标签上填写下拉菜单选项，比如我这里要做一个性别选择的下拉菜单，这里就在值和项目标签填写男。

9、接着点击加号，添加新的下面标签和值，都填上女。然后点击确定按钮。

10、然后点击界面上箭头所指的小图标，选择一个浏览器，点击它，可以在浏览器上看到预览效果。

11、这时会提示是否保存网页文件的更改，选择是，保存一下。

12、然后就可以在浏览器上看到你做好的下拉菜单的样子了，鼠标点击一下下拉小箭头就可以选择了，

1、打开dw软件，新建立一个新的文件。

2、点击常用，选择布局，绘制一个层。

3、我们再点击层，再绘制一个。我们看到，第一个层是layer1，第二个是layer2，这都是系统默认的。

4、将光标放在layer1，然后点击插入表格。建立一个一行三列，宽388的表格。

5、在表格内输入百度经验，百度知道，百度文库，在属性栏设置如下属性即可。

6、在layer2中输入经验首页，个人中心，小测首页，帮帮首页，设置如下属性即可。

1、先打开Dreamweaver，如果你事先有做好的网页源文件，可以的直接点击文件——打开，打开你的网页源文件，如果没有，就点击文件——新建，新建一个新的网页源文件。

2、在菜单栏下方有个表单选项的图标，鼠标放上去显示“选择（列表/菜单）”然后点击，也可以插入下拉菜单。

3、然后跳出需要输入标签辅助功能属性的界面，ID填写英文或者数字，标签就是你的下拉菜单的对应的数据标题，比如地址，性别等等，这里填写“性别：”，然后点击确定。

4、跳出是否添加表单标签的提示，就选择是，就可以了。

5、这时，下拉菜单插入到页面中了，点击下方的列表值，给你的下拉菜单添加内容。

6、跳出列表值的界面，在项目标签上填写下拉菜单选项，比如我这里要做一个性别选择的下拉菜单，这里就在值和项目标签填写男。

7、接着点击加号，添加新的下面标签和值，都填上女。然后点击确定按钮。

8、点击界面上箭头所指的小图标，选择一个浏览器，点击它，可以在浏览器上看到预览效果。

9、这时会提示是否保存网页文件的更改，选择是，保存一下即可。

10、然后就可以在浏览器上看到你做好的下拉菜单的样子了，鼠标点击一下下拉小箭头是不是可以选择了

一、工具：dw工具

二、操作步骤：

【1】打开dw软件，新建立一个新的文件。

【2】点击常用，选择布局，绘制一个层。

【3】再点击层，再绘制一个。可以看到，第一个层是layer1，第二个是layer2，这都是系统默认的。

【4】通过界面下方属性栏，设置layer2的属性。益处设置为hidden，他的意思是，如果这个层装不下文字，就隐藏文字。

【5】将光标放在layer1，然后点击插入表格。建立一个一行三列，宽388的表格。

【6】在表格内输入百度经验，百度知道，百度文库，然后在属性栏设置如下属性。

【7】在layer2中输入经验首页，个人中心，小测首页，帮帮首页。然后设置如下属性。

【8】调处时间轴：点击窗口——时间轴。

【9】需阿泽layer2，右键单击图中所示，然后选择添加对象。

【10】鼠标将时间针定位在第一帧，然后设置layer2的高度为0。

【11】选择时间轴，播放时间轴。

【12】接着在标签栏设置鼠标动作为onmouseover，意思是鼠标移动到上面就执行时间轴1，就会展开layer2。

【13】同样的方法，添加如下动作，下图有各个动作的解释。

【14】按快捷键F12，来到了浏览器，可以看到效果。