问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

怎么在DW里做下拉菜单

发布网友 发布时间:2022-04-24 00:47

我来回答

4个回答

懂视网 时间:2022-04-20 16:42

Dreamweaver网页怎么制作一个带有列表值的下拉菜单?Dreamweaver设计网页的时候,需要添加一个下拉菜单,并且给下拉菜单添加列表值,下面我们就来看看详细的教程,需要的朋友可以参考下

网制作网页的时候,需要选择男女,所以需要添加下拉菜单,今天我们就来看看dw制作下拉菜单的教程。


  • 软件名称:

  • Adobe Dreamweaver CC 2017 v17.0 中文破解版(附破解补丁) 64位

  • 软件大小:

  • 758MB

  • 更新时间:

  • 2016-11-05

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

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

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

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

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

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

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

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

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

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

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

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

    热心网友 时间:2022-04-20 13:50

    首先我们打开Dreamweaver软件,然后打开一个html文档。
    下拉列表框用的是select标签,下面是一个例子:
    <select>
    <option value="0">请选择星期</option>
    <option value="1">星期一</option>
    <option value="2">星期二</option>
    <option value="3">星期三</option>
    <option value="4">星期四</option>
    <option value="5">星期五</option>
    <option value="6">星期六</option>
    <option value="7">星期日</option>
    </select>
    如果您会写代码,当然可以像上面一样写。如果不会也没关系,还可以可视化操作。点击“插入”——>“表单”——>“选择”。
    然后会出来一个弹框,可以设置列表框的名字、大小等,然后确定。
    然后代码会自动生成,但是里面没有选项。我们把光标定位到第一个单词select上。
    在Dreamweaver底部会出现select的属性列表,我们选择类型为菜单,然后点击“列表值”按钮。
    然后会弹出列表的编辑框,可以单击加减号进行增加和删除。最后点击确定按钮。
    之后也会自动生成代码,在浏览器中的效果也不错。

    热心网友 时间:2022-04-20 15:08

    1
    打开软件,我们按快捷键ctrl+n,建立一个新的文件。

    2
    点击常用,选择布局。

    3
    点击绘制层。

    4
    鼠标拖动,可以建立一个层。层的宽度是389,高度是49.

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

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

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

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

    9
    选中layer1,然后设置layer1的属性。

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

    11
    我们调处时间轴:点击窗口——时间轴。

    12
    需阿泽layer2,右键单击图中所示,然后选择添加对象。

    13
    鼠标将时间针定位在第一帧,然后设置layer2的高度为0。

    之后我们再在时间轴上右键单击,选择添加时间轴。

    右键单击,选择添加对象。

    将时间针定位在第十五帧,然后让layer2的高度为0.

    以上步骤就添加了两个时间轴timeline1和timeline2.接着,我们选中“百度经验”这个表格,在右侧的标签对话框,选择行为,点击“+”。

    选择时间轴,播放时间轴。

    弹出这个对话框,我们选择timeline1,点击确定。

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

    同样的方法,我们添加如下动作,下图有各个动作的解释。

    我们按快捷键F12,来到了浏览器,看看这是一开始的效果。

    接着把鼠标移动到百度经验,展开了下拉菜单。

    热心网友 时间:2022-04-20 16:42

    <label>
    <select name="select" >
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option></select>
    </label>
    具体的做法就是 插入->表单->列表/菜单 然后就行了..
    声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
    vivox9和x9i有什么区别 ...设置原则跟构造要求。构造柱的设置原则跟构造要求是什么_百度... ...的U型钢筋锚环要几道?在哪里可以找到依据啊 ...月末不含税库存金额1065000元,请计算门店库存天数 公蟹吃什么 公蟹吃什么东西 爬行健身操功能和原理 锻炼爬行的好处有哪些呢 爬行健身法有什么优缺点 檀木如何粘合 成田剑先生还为哪些日本动漫配音,有名一点滴。谢谢了,大神帮忙啊 蜂蜜能长期吃吗 华为手机 机主和访客模式联系人如何同步? 蜂蜜可以天天吃吗? 华为手机桌面上的访客怎么出来的? 桂林的特产零食有哪些? 华为手机怎么开启访客模式? 蜂蜜能不能长期饮食? 华为8xmas怎么设置访客模式? 华为手机为什么会自动跳出机主模式和访客模式选项 是人为设置不想让别人进入么? 华为手机怎样取消访客模式,在安全里面没有隐私保护选项 华为手机访客模式如何启用短信息接收? 我是华为畅享P10Plus请问访客模式如何设置? 华为p30怎么取消访客模式? 华为手机更新后如何设置访客模式? 华为g7访客模式怎么设置 华为畅享plus怎样设置访客模式? 华为访客模式怎么关闭? 华为nova8SE 怎么开访客模式呢,不想让别人看微信? 华为手机访客模式可以设置主人模式吗? 我的华为手机没有设置主人密码,现在是在访客模式回不去了怎么办?_百度... 在DW中如何在表格里面建下拉二级子菜单层? 桂林的特产有哪些? 蜂蜜能不能长期食用? 请问用DW怎么做二级下拉菜单啊?网上看了那么多都不实用啊大神们帮帮忙 用dreamweaver做二级导航菜单,用什么方法好,怎么做啊 dw怎么制作下拉菜单 长期吃蜂蜜对人体有害吗?为什么? 在DW里面做下拉菜单怎么做? 长期吃蜂蜜有什么好处?人长期吃蜂蜜有什么好处 如何在DW中用表格实现下拉式菜单 dw中怎么制作二级子页面 如何用DW做下拉菜单啊~~?? 用dw工具表格和层怎么做下拉菜单?急。简单点的。 怎么用Dreamweaver制作网页网站下拉菜单 Dreamweaver cc 2014怎么设置下拉菜单? 如何在Dreamweaver制作下拉菜单? 用DW怎么做自动弹出下拉菜单?? 如图 鼠标移上去就出现菜单 DW做二级下拉菜单,怎么鼠标移走下拉部分 求Dreamweaver 二级联动下拉菜单插件 DW中如何设置下拉网页时导航条跟随一起移动