1、首先打开你桌面上已经安装好的Dreamweaver制作网页的工具，点击新建一个HTML文件；
2、新建好一个html文件后，然后选择拆分的选项，方便看代码与效果图，将鼠标放置在<body></body>中间方便编写程序代码，一般情况下，都是放置于body的中间啦；
3、一般在制作菜单栏的时候，需要一个div标签，下一步我们就插入div的标签栏，选择插入--布局对象--div标签；
4、下一步中在div的标签里面插入ul li标签 是一对无序清单列表，一般在新闻列表中有见过吧，一般放在div中是为了做成一个容器用的。然后选择格式--项目列表，导出ul标签，然后再添加上li标签列表；
5、下一步在ul li标签中藜局腑载添加相关的字段，注意啦<a href="#"></a>这个标签是代表超链接的标签的哦；<body&爿讥旌护gt;<div id="menu"><ul><li><a href="#">百度首页</a></li><li><a href="#">百度经验</a></li><li><a href="#">百度生活</a></li><li><a href="#">联系我们</a></li></ul></div></body>
6、标签的列表制作好后，可以添加相应的超链接选项了，点击插入超链接就可以了；
7、点超链接的设置后，会出现一个对话框，是对链接进行设置的；
8、下一步整体的样式出来了，下一步进行css样式表的设计了，设计样式表是对整个div奏效的，所以注意在div中定义样式，添加枷讹般身相关的id，将其设置<div id="menu">；<style type="text/css">#menu ul{ margin:0; padding:0; }#menu li{ float:left; list-style:none; } #menu li a{ display:block; margin:0 1px 0 0; padding:4px 10px; background:#0F0; color:#63F; text-align:center; text-decoration:none; } #menu li a:hover{ background:#F6F; } </style>
9、设置成功后，点击Ctrl+S保存制作好的网页文件，命名为"菜单栏"就可以了；
10、最后一步我们预览一下简单的变色菜单栏的效果吧；
