巧用Dreamweaver制作简单的变色菜单栏
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>
<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、最后一步我们预览一下简单的变色菜单栏的效果吧；
