文档介绍：web网页设计与制作实习报告
LT
网页设计与制作
实 验 报 告
学生姓名
班级
学号
指导教师
文 志 华
实验一 简单网页制作
一、实验目的
1．熟悉Dreamweaver软件的操作界面。
2．掌握建立本地站点的方法。
3．掌握简单网页制作方法。
4．掌握超链接的建立方法。
三、操作步骤
1．创建“潜水俱乐部”站点
（1）在D盘新建文件夹，命名为shiyan1；
（2）将images文件夹和gallery文件夹复制到中shiyan1中；
（3）启动Dreamweaver，使用“站点｜新建站点”命令创建站点。
2．制作“俱乐部首页”。
（1）新建网页。
（2）使用“文件｜保存”命令保存网页，。
（3）在文档工具栏上设置网页标题“泡泡潜水俱乐部欢迎你”。
（4）从“”中将首页的相关文字粘贴到网页中。
（5）设置一级标题、二级标题、三级标题、项目列表、编号列表。
（6）插入图像。
（7）在Copyright后插入版权符号©。
（8）在电话号码之间插入半角空格。
实验三 导航栏制作
一、实验目的
1．掌握垂直导航条的制作方法。
2．掌握水平导航条的制作方法。
二、实验内容
制作学校样式的导航条。
三、操作步骤
<title>导航栏制作</title>
<style type="text/css">
body,div,ul,li,h1,h2,h3,h4,h5,h6{
margin:0px;
padding:0px;
}
#nav{
width:800px;
height:51px;
margin:100px auto;
background:url() repeat-x;
}
#nav ul{
list-style-type:none;
}
#nav ul li{
float:left;
width:100px;
height:51px;
background:url() no-repeat right center;
}
#nav ul li a{
display:block;
width:100px;
height:51px;
line-height:51px;
text-align:center;
color:#ffffff;
text-decoration:none;
}
#nav ul li a:hover{
width:100px;
height:51px;
background:url() no-repeat;
}
</style>
</head>
<body>
<div id="nav">
<ul>
<li><a href="#">学校概况</a></li>
<li><a href="#">学科建设</a></li>
<li><a href="#">科学研究</a></li>
<li><a href="#">师资队伍</a></li>
<li><a href="#">教学管理</a></li>
<li><a href="#">招生就业</a></li>
<li><a href="#">对外交流</a></li>
<li><a href="#">学校首页</a></li>
</ul>
</div>
</body>
</html>
四、实验制作结果图