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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

END

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

  1. mysql数据库中,查询一个表的下一条数据减上一条数据的值的写法

    mysql数据库中,查询一个表的下一条数据减上一条数据的值的写法: select a.nodeId,a.cpuCharge-b.cpuCharge cpuCharge, a.chargeTime fr ...

  2. 《Dreamweaver CS6完美网页制作——基础、实例与技巧从入门到精通》——1.2 网页的基本构成元素...

    本节书摘来自异步社区<Dreamweaver CS6完美网页制作--基础.实例与技巧从入门到精通>一书中的第1章,第1.2节,作者:何新起 更多章节内容可以访问云栖社区"异步社区 ...

  3. 《Dreamweaver CS6完美网页制作——基础、实例与技巧从入门到精通》——1.3 常用网页设计软件...

    本节书摘来自异步社区<Dreamweaver CS6完美网页制作--基础.实例与技巧从入门到精通>一书中的第1章,第1.3节,作者:何新起 更多章节内容可以访问云栖社区"异步社区 ...

  4. 【Houdini】如何利用黑白的图片在Houdini中快速制作一个立体的模型

    如何利用黑白的图片在Houdini中快速制作一个立体的模型 1.首先在Houdini右下角的Network中按tab创建一个Geometry 2.点击进入后,按tab创建一个trace 3.在trac ...

  5. 在Linux下安装配置bochs,并成功跑一个简单的boot引导(超详细)

    环境:centos7(建议带桌面的版本)镜像网址 环境配置:gcc.gas.nasm.make 1.配置环境 yum -y install xxx(eg:gcc.等) 若出现yum源问题请观看 没有可 ...

  6. python中如何创建一个空列表_Python学习笔记(1):列表的四种创建方法

    我的电脑安装的是Anaconda 3开源的Python发行版本,其中是集合3.6版本的Python与可视化编程工具采用的是Spyder. 打开Spyder可视化工具,新建一个空白文件,做好备注为&qu ...

  7. html中关于下拉框的2中设置方法(移入显示下拉框)

    第一种方式(设置高度的不同来实现) 首先我们设置一个盒子来装我们的下拉框和内容 <div class="box1">小米 <div class="xia ...

  8. python 在一个py文件中调用另一个文件夹下py文件模块

    假设现在的文件夹结构如下: -- src     |-- dir1     |    -- file1.py     |-- dir2     |    -- file2.py 若要在src文件夹下执 ...

  9. linux中查找某一个字符串,linux下查找包含某个字符串的文件

    linux下查找包含某个字符串的文件 | Rootop 服务器运维与web架构 比如在当前路径下有个test文件夹,其中包含 a.b. c.d.c 四个文件,内容如下: [root@rhel6www ...

  10. 笔试题目---描述在浏览器中敲入一个网址并按下回车后所发生的事情

    转自http://blog.csdn.net/hackbuteer1/article/details/11263443 答:浏览器输入网址之后,首先 步骤1:需要查找域名的IP地址,DNS查找过程如下 ...

最新文章

  1. 摄像头和激光雷达都被蒙蔽?UCI首次提出针对自动驾驶多传感器融合感知的攻击...
  2. NLP命名实体识别NER数据准备及模型训练实例
  3. Android Drawable 转化成 Bitmap
  4. 如何解决游戏延迟,增强用户体验? 几种可行方案分享
  5. Django models模型
  6. 为什么MySQL索引更适合B+树而不是二叉树、B树
  7. extract 模板 php,PHP自定义函数实现assign()数组分配到模板及extract()变量分配到模板功能示例...
  8. exception类型 java_程序员小白入门,Java如何选择异常类型?
  9. Matlab--利用plot函数绘画直线
  10. java实现房屋出租系统
  11. 百度网盘正版免费扩容教程
  12. STM STC NXP单片机 按键扫描
  13. 从零开始学GIMP:一.从基本图形开始
  14. 华为p9如何恢复手机删除的照片
  15. 浅谈Ubuntu 18.04.1 LTS x86_64安装,美化配置及常用软件安装配置的历程
  16. windows7以上平台 NDISFilter 网卡过滤驱动开发
  17. c语言程序员爱情,程序员的表白 (C语言代码)
  18. CF - 791A. Bear and Big Brother - 模拟
  19. 学习笔记:计算excel中的平均值并去除0值
  20. Oracle服务器和客户端的安装(图解)

热门文章

  1. 机器人学习笔记(3) 正运动学和逆运动学
  2. NCI和CNC应用中M代码的概念和功能
  3. java 数组求极值题目_数组的求极值
  4. 太爽了!javaweb教程百度云盘
  5. npstion实现通过手机扫描二维码向电脑录入信息
  6. 20170814二维码的识别
  7. 各种字体下载地址和移动端支持字体简析
  8. Cisco Packet Tracer---链路聚合简单配置
  9. matlab汽车仿真实例,基于MATLAB的车辆工程仿真实例
  10. MATLAB 官方文档