1、1首先创建一个1x6的表格，参数为border=0 cellspacing=3 cellpadding=02在这个表格的每个单元格内分别插入一个表格，宽度和高度设为100%3建立一个CSS样式up和down代码如下styleupborder4 outset royal。
2、1先打开Dreamweaver如果事先有好的web源文件，可以直接单击“文件打开”打开web源文件如果没有，请单击“文件”“新建”以创建新的web源文件2默认情况下，新类型是OK如果您有其他需要，可以选择页面类型布局等。
3、在将导航条放到页面上之后，可以按照自己的喜好使用设计工具来自定义它还可以编辑“移到”和“显示区域”服务器行为，方法是在“服务器行为”面板中双击它们dreamweaver 将创建一个包含文本或图像链接的表格用户可以通过。
4、导航条制作方法移动光标到需要导航条的地方，单击主菜单栏的“Insert\Navigation Bar”子命令，或直接单击Objects面板上的图标，弹出“Insert Navigation Bar”对话框，此时我们可以进行各种设置来实现上述功能在“Element Name。
5、1点击Dreamweaver，双击打开2选择文件打开快捷键Ctrl+O，打开网页文本3把鼠标光标放在需要插入导航条的地方，选择插入记录图像对象导航条命令4此时会弹出插入导航条的对话框5点击“状态图像”后面的浏览。
6、1选择菜单栏中的插入表格2选中表格，在属性面板中设置表格的背景颜色 3光标定位到第一行第一列的单元格里，然后在属性面板中设置该单元格的颜色为quot#quot水平对齐方式为quotcenterquot居中4光标定位。
7、具体步骤1在DreamWeaver中绘制层注意是绘制层，不是插入div2绘制一个 宽度130px 高度20px 的层 在层里插入同样大小的表格 这时DreamWeaver会自动命名ID为 Layer1 3在此层下面 紧接着再绘一个宽度一样 高度。
8、一打开Dreamweaver，点击 文件新建 菜单，创建一个HTML文件，输入网站导航栏文字，并选中输入的文字，在下面的属性栏链接处加一个空链接#然后保存该网页文件图片分享二点击 窗口行为 菜单，打开行为面板图片。
9、在将导航条放到页面上之后，可以按照自己的喜好使用设计工具来自定义它还可以编辑“移到”和“显示区域”服务器行为，方法是在“服务器行为”面板中双击它们Dreamweaver 将创建一个包含文本或图像链接的表格用户可以通过。
10、1首先创建一个1x6的表格，参数为border=0 cellspacing=3 cellpadding=02在这个表格的每个单元格内分别插入一个表格，宽度和高度设为100%3建立一个CSS样式up和down代码如下 up border4 outset royalbl。
11、涉及三个标签，一个是导航栏，一个是下拉菜单，一个是包含导航栏和下拉菜单的父标签你应该是mouseover和mouseout的事件源放到导航栏了，应该是给父标签加mouseover和mouseout正常情况下，导航栏显示，下拉菜单隐藏当鼠标。
12、同样，用相同的方式设置图片颜色为#CC6666，字体颜色为#FFFFFF，制作同类弄的图片，存为1PNG2PNG3PNG4PNG5PNG6PNG对应的图片的大小要设置成一样这是我做好的网站中的导航条，红色的是鼠标经过。
13、利用行为和层的显示与隐藏进行制作 鼠标移动到上面作为事件，设置层的行为便可 望采纳。
14、如果你不会编程，可以到很多js源码站，下载复制导航栏的源代码，粘贴到网页上使用也有不少网页导航栏制作软件，可以方便地做出需要的菜单，同样可以复制到网页上使用。
15、如果不使用框架，可以在每个页面设置导航条，导航条设一组链接按钮，供浏览者选择使用按钮有多种形式，下边介绍由鼠标经过图像变换按钮的组成的导航条制作导航条在页面顶部 “鼠标经过图像”是当访问者用鼠标指针指向。
16、代码如下lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 401 TransitionalENquotquotloosedtdquot 无标题文档 lt！ body，td，th fontsize 12px a fontsize 12pxc。
