用div+css技术的web页面布局实践

《用div+css技术的web页面布局实践》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、西华大学数计学院专业实习报告数学与计算机学院专业实习报告课程代码:8422931题目:用DIV+CSS技术的WEB页面布局实践年级/专业/班:学生姓名:学　　号:332008090101021开始时间:2011年6月6日完成时间:2011年6月26日实习地点:6A410实习成绩：专业综合技能（30）报告书质量（50）综合表现（出勤、纪律）（20）总分（100）指导教师签名：年月日I西华大学数学与计算机学院专业实习报告1技术路线1.1任务与分析本实习主要的目的是了解WEB服务器的安装配置方法，熟悉用Dreamwearver进行网页设计的一般方法和过程，

2、了解用DIV+CSS进行WEB页面布局设计的技术及方法，并能初步进行一般的网页布局设计。1.2相关技术本课题中涉及到的相关技术有html、Dreamwearver和DIV+CSS技术。HTML：超文本标记语言（英文：HyperTextMarkupLanguage，HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。HTML被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。Dreamweaver：Dreamweaver是由著名软件公司“Adobe”开发的一款所见即所得的网页编辑器，和二维动

3、画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。在最新版“CS4”中做了一次脱胎换骨的改进，从中看到了更多的设计元素。软件因其极佳的制作效率、网站管理和无可比拟的控制能力使它在此类型的软件中独领风骚。DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，div+css是一种网页的布局方法,这一种网页布局方法有别于传统的HTML网页设计语言中的表格（table）定位方式,真正地达到了w3c内容与表现相分离。HTML语言自HTML4.01以来，不再发布新版本，原因就在于HTML语言正变得越来越复杂化、专用化。X

4、HTML语言是一种可以将HTML语言标准化，用XHTML语言重写后的HTML页面可以应用许多XML应用技术。使得网页更加容易扩展，适合自动数据交换，并且更加规整。在XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。9西华大学数学与计算机学院专业实习报告2技术路线主要要求与主要功能（或需求分析）2.1要求将材料-1.html、材料-2.html、材料-3.html用DIV+CSS技术对应排版成材料-1样式.jpg、材料-2样式.jpg、材料-3样式.jpg所示的页面布局形式。2.2实现2.2.1材料-1.html

5、排版的CSS代码9西华大学数学与计算机学院专业实习报告2.2.2材料-1.html排版后的页面截图2.2.3材料-2.html排版的CSS代码

8、etype="text/css">.div1{margin:0auto;width:830px;height