实验六　DIV+CSS的综合应用

实验六　DIV+CSS的综合应用

【实验目的】

1．掌握DIV布局的方法；

2．利用CSS对DIV进行美化；

3．利用CSS对文本图像等网页元素进行美化

【实验环境】

连接互联网的PC
，Win7操作系统。

【实验重点及难点】

熟练使用DIV+CSS进行各种形式页面的布局。

【实验内容】

1、制作如下布局类型的页面，要求使用DIV技术。

2、在上面做的布局页面中添加各种元素，注意用CSS美化。

——如在header部分添加一个CSS制作的导航条：

——如在left中添加如下所示的导航：

——在body部分自己添加相关内容。

——底部添加你个人的基本信息。包含一个指向你邮箱的邮件链接。

可借鉴九江学院电子商务学院网页。