dw添加下拉菜单_dreamweaver cs6中网页制作一个带有列表下拉菜单的详细操作方法...

本文详述了在Dreamweaver CS6中如何制作带有列表的下拉菜单,包括插入下拉菜单、设置ID和标签、添加列表值,以及预览和保存网页的步骤。
摘要由CSDN通过智能技术生成

原创dreamweaver cs6中网页制作一个带有列表下拉菜单的详细操作方法

编辑:小禾 来源:PC下载网时间:2019-07-08 14:01:41

很多的程序员们都在使用dreamweaver cs6软件,不过你们晓得dreamweaver cs6中网页怎么制作一个带有列表下拉菜单呢?下文就为你们带来了dreamweaver cs6中网页制作一个带有列表下拉菜单的详细操作方法。

首先需要大家打开dreamweaver cs6软件,如果你事先有做好的网页源文件,可以的直接点击文件——打开,打开你的网页源文件,如果没有,就点击文件——新建,新建一个新的网页源文件。

d76365ec90c47db10cfa9ff2bc8e32c9.png

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

c3396cb040a5ec337bdb652f1efd22e8.png

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

870fe0af58905cb71e2818304a253d17.png

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

b78474b2494fc4b6520cd5c3ca4bb262.png

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

d0d50edb96a22f8bf5b40352a9d8c437.png

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

7c07f005da9c103e122ac4a2602f6574.png

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

4be59dbf44b531c618739854fc7b67dd.png

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

cb0e0e02b09e65cf59638c258c95c6aa.png

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

1b2915502bfae7a95ff417c9d8efab65.png

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

e6d4983544c7191abf4c78b8f83fa221.png

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

f8c86e7f972e67e4c8834ff1b44d8ed5.png

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

834ff91b0a1df78612ad87589658ab0a.png

根据上文讲解的dreamweaver cs6中网页制作一个带有列表下拉菜单的详细操作方法,相信你们应该都学会了吧!

END

0cf7fa31d7b306ddc30df2437468ef1c.gif

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值