2016 - 2024

感恩一路有你

html怎么做导航栏 怎样用Dreamweaver制作导航栏下拉菜单?

浏览量:1463 时间:2021-03-17 21:30:21 作者:admin

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

Dreamweaver使用标签行为功能制作下拉菜单。具体步骤:

1。在Dreamweaver中绘制层(注意:绘制层,而不是插入DIV)

2。画一个宽130像素,高20像素的图层,并在图层中插入一个相同大小的表格。此时,Dreamweaver将自动命名ID layer1

3。下一步,绘制一个宽度和高度为100px的图层。Dreamweaver会自动命名ID layer2也会在图层中插入相同大小的表格,插入表格是为了使文字层次居中。

4. 默认情况下,选择layer2将其隐藏(单击layer2左侧以闭上眼睛将其隐藏)

5。在网页中选择layer1行为面板的>>显示隐藏层选项

6。选择要在弹出窗口中显示的第2层并确认

7。将OnMouseOver添加到行为以隐藏第2层,方法与将onmouseout(即鼠标离开时)添加到行为相同。这会成功的。但是,当您离开常规菜单时,您会发现下拉菜单将消失。因此,必须选择layer2才能再次执行layer2的OnMouseOver onmouseout行为。

怎么用DW制作网页导航条?

Dreamweaver,简称“DW”,中文名“dream weaver”,是美国Macromedia公司开发的一款所见即所得网页编辑器,集网页制作和网站管理于一体。想用DW做导航条必须熟悉DIV CSS,基本代码:UL#NAV{宽度:100%高度:60px背景:#00A2凸轮轴:0自动}ul#nav li{显示:内联高度:60px}ul#导航li{显示:内联块填充:0 20像素高度:60px线高:60px颜色:#FFF字体系列:“5FAE8F6F96C59ED1”字体-尺寸:16px}ul导航li a:Hover{background:BB}/*设置鼠标悬停或滑动时的背景色*/

主页

HTML教程

CSS基础

CSS开发工具

CSS特效

CSS问题

html怎么做导航栏 网页制作教程 dreamweaver制作网页的步骤

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。