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

网页导航下拉效果始终作不出来。

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

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

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

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

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

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

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

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

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

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

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

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

温馨提示:答案为网友推荐,仅供参考
第1个回答  2019-10-30

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

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

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

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

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

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

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

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


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

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

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

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

本回答被网友采纳
第2个回答  2019-07-09

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

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

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

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

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

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

本回答被网友采纳
第3个回答  2019-05-07

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

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

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

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

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

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

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

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

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

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

本回答被网友采纳
第4个回答  2017-05-26

一、工具: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,来到了浏览器,可以看到效果。

相似回答