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

怎样用dw制作导航栏下拉菜单,第1张

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

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

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

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

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

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

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

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

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

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

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

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

鼠标左键选择新建HTML。

1、打开Dreamweaver软件,鼠标左键选择新建HTML,在代码窗口上,修改网页title标签。

2、在设计的窗口中,鼠标左键单击菜单插入下的表单。

3、在设计的窗口中,鼠标左键单击菜单插入下的表单。

4、在d出的列表与菜单设置窗口上,设置菜单名称的参数。

5、在设计窗口中,可以看到表单添加列表菜单的效果。

6、在菜单的属性工具面板中,鼠标左键单击列表值按钮,在d出的窗口上,可以输入菜单名称。

7、在d出的窗口上输入列表菜单中的名称和数值。

8、鼠标左键单击实时视图窗口,可以看到制作好的添加菜单选项的表单,可以通过鼠标左键选择菜单选项,查看显示效果。

列表。以表格为容器,装载着文字或图表的一种形式,叫列表。

网页的下拉菜单应用非常普及,当鼠标移动到某一个位置时,下拉菜单出现,鼠标移开了下拉菜单就收起来了

1. 打开DW,CTRL+N新建一个HTML

2. 点击常用,下拉栏里面选择布局

3. 点击绘制层

4. 在工作区域绘制一个矩形,作为第一个层,宽度389,高度49,可以在下方的属性栏里面设置

5. 在绘制一个矩形,作为第二个层,第一个是layer1,第二个是layer2,这都是系统默认的

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

7. 将鼠标放在layer1,然后点击插入表格,建一个一行三列,款388的表格

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

9. 选中layer1,然后设置属性

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

11. 我们调出时间轴:点击窗口--时间轴

12. 选择later2,右键单击图中所示,然后选择添加对象

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

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

15. 右键单击,选择添加对象

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

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

18. 选择时间轴,播放时间轴

19. d出这个对话框,我们选择timeline1,点击确定

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

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

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

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

回复 赞 0 负耦回复 DreamWeaver cc2018时间轴怎么调出来啊?


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11716287.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存