html上机报告,html 综合实例(实验报告)

实验八综合实例

学号201114004 姓名王渝迪专业计算机科学与技术成绩

【实验目的】

运用学过的网页制作知识设计一个简单美观的网页。

【实验内容】

1、熟悉Dreamweaver软件的环境；

2、综合运用学习的网页制作知识进行网页的综合设计。

【实验步骤】

1，用css+div完成整个网页的布局。

2，在div里添加图片。文字等信息。

3，理解Div的盒子模型，用margin，padding等属性对布局进行调整。

4，制作导航栏。用ul 和li 标签进行和display：block。属性控制导航栏样式。

5，按照自己的设计，制作多个链接，可以访问其它的网页。

【实验结果】

无标题文档

ul {margin:0 auto;width:1000px;padding-left:0;}

ul li {width:500px;background:gray;list-style-type:none;float:left;font-size:25px;;display:block;text-align:center;} ul li:hover {background: #30F;}

a {text-decoration:none;display:block;color:#000}

a:hover {color:#fff;}