dw网页导航制作

一、打开Dreamweaver，点击 文件-新建 菜单，创建一个HTML文件，输入网站导航栏文字，并选中输入的文字，在下面的属性栏链接处加一个空链接：#。然后保存该网页文件。二、点击 窗口-行为 菜单，打开行为面板。三、选中第一步输入的文字，点行为面板上的+号，在弹出的菜单中选-显示弹出式菜单。四、在弹出的对话框中勾选 Don’t show me this message again(不要再次向我提示此信息)，再点 继续。五、在下列对话框分别设置内容、外观、高级、位置选项。在 内容 选项中，点+号可以添加菜单项，-号可以删除菜单项，缩进项可以自动生成二级菜单。六、各项都设置好后，按F12，在浏览器中预览网页效果如下：此时你会发现和网页同级的目录多了两个文件，分别是：arrows.gifmm_menu.js。请勿修改、移动位置，这是弹出式菜单必须的图片、JS文件。如需修改下拉菜单，可以选中文字，点击行为面板的 显示弹出式菜单 即可。如果下拉菜单下面有Flash，为了不影响下拉菜单的正常效果和层次，需要给Flash添加透明代码：<param name="WMODE" value="transparent"> ，还需在embed标签中加入代码：wmode="transparent"。

一、工具：dw工具二、操作步骤：【1】打开dw软件，新建立一个新的文件。【2】点击常用，选择布局，绘制一个层。【3】再点击层，再绘制一个。可以看到，第一个层是layer1，第二个是layer2，这都是系统默认的。【4】通过界面下方属性栏，设置layer2的属性。益处设置为hidden，他的意思是，如果这个层装不下文字，就隐藏文字。【5】将光标放在layer1，然后点击插入表格。建立一个一行三列，宽388的表格。【6】在表格内输入百度经验，百度知道，百度文库，然后在属性栏设置如下属性。【7】在layer2中输入经验首页，个人中心，小测首页，帮帮首页。然后设置如下属性。【8】调处时间轴：点击窗口——时间轴。【9】需阿泽layer2，右键单击图中所示，然后选择添加对象。【10】鼠标将时间针定位在第一帧，然后设置layer2的高度为0。【11】选择时间轴，播放时间轴。【12】接着在标签栏设置鼠标动作为onmouseover，意思是鼠标移动到上面就执行时间轴1，就会展开layer2。【13】同样的方法，添加如下动作，下图有各个动作的解释。【14】按快捷键F12，来到了浏览器，可以看到效果。

加热点的时候，在DW右边这个style里面填写outline:none就没了，没加一个热点就填写一个

Dreamweaver，简称“DW”，中文名称"梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器。想用DW做出导航栏必熟知div+css，基本代码：ul#nav{ width:100%; height:60px; background:#00A2CA;margin:0 auto} ul#nav li{display:inline; height:60px} ul#nav li a{display:inline-block; padding:0 20px; height:60px; line-height:60px; color:#FFF; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:16px} ul#nav li a:hover{background:#0095BB}/*设置鼠标滑过或悬停时变化的背景颜色*/ <ul id="nav"> <li><a href="#">首页</a></li> <li><a href="#">HTML教程</a></li> <li><a href="#">CSS基础</a></li> <li><a href="#">CSS开发工具</a></li> <li><a href="#">CSS特效</a></li> <li><a href="#">CSS问题</a></li> </ul>