dreamweaver——“网页头部”制作方法：[1]

1、首先我们要新建一个站点，在工具栏里单击站点。选择新建站点，打开新建站点对话框，选择高级，填写本地信息里的站点名称，本地根文件夹。最后确定。

2、我们新建一个html文件。文件，新建，空白页，页面类型选html，别的不要弄，点击确定，就行了。

3、新建好以后，我一般选择“拆分”来做页面，在“拆分”的上面那行右击另存为填写文件名称，就可以了。将标题也改为相应的名称。

4、现在已做好准备工作，我们开始做头部。我们先做布局，布局是在body里做的。class="？"?可以随便起，不过在head里要有相应的属性样式<body&爿讥旌护gt;<div class="bg"> <div class="bg1"> <div class="left"></div> <div class="right"> <ul> <li ><a href="benzhanjianjie.html" class="yangshi">首页</a></li> <li ><a href="#" class="yangshi">本站简介</a></li> <li><a href="#" class="yangshi">作品展示</a></li> <li><a href="#" class="yangshi">给我留言</a></li> </ul> </div> </div></div>

5、样式<title>woaizhezuowang</title><style typ髫潋啜缅e="text/css">div,body,ul,li{ margin:0px; padding:0px;}body,td,th {font-size: 12px;}li{ list-style:none;}.bg{ background:#2E75B2; height:100px;}.bg1{ height:100px; width:960px; margin:0 auto;}.left{ height:100px; width:200px; background: url(top_r2_c2.gif); float: left;}.right{ height:40px; width:760px; float:right; margin-top:60px;}.right ul li{ line-height:40px; float:left; width:140px; height:40px; margin-left:48px; text-align:center;}.yangshi{ font:"宋体"; color:#FFFFFF; text-decoration:none;}.right ul li a:hover{ background: url(shou_r3_c4.gif); display:block; color:#2E75B2;}.right ul li a:visited{ background:url(shou_r3_c4.gif);display:block; color:#2E75B2;}.shouye{background: #FFFFFF;color:#2E75B2; text-decoration:none;display:block;}