用DIVCSS技术的WEB页面布局实践

数学与计算机学院专业实习报告课 程 代 码: 84 22931 题 目: 用 DIV+CSS 技术的 WEB 页面布局实践 年级/专业/班: 学 生 姓 名: 学 号: 332024090101021 开 始 时 间: 2024 年 6 月 6 日完 成 时 间: 2024 年 6 月 26 日实 习 地 点: 6A410 实习成绩：专业综合技能（30）报告书质量（50）综合表现（出勤、纪律）（20）总分（100）指导老师签名： 年 月 日下载后可任意编辑1 技术路线 1.1 任务与分析本实习主要的目的是了解 WEB 服务器的安装配置方法，熟悉用 Dreamwearver进行网页设计的一般方法和过程，了解用 DIV+CSS 进行 WEB 页面布局设计的技术及方法，并能初步进行一般的网页布局设计。1.2 相关技术本课题中涉及到的相关技术有 html、Dreamwearver 和 DIV+CSS 技术。HTML：超文本标记语言（英文：HyperText Markup Language，HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。HTML 被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。Dreamweaver：Dreamweaver 是由著名软件公司“Adobe”开发的一款所见即所得的网页编辑器，和二维动画设计软件 FLASH，专业网页图像设计软件 FIREWORKS，并称为“网页三剑客”。在最新版“CS4”中做了一次脱胎换骨的改进，从中看到了更多的设计元素。软件因其极佳的制作效率、网站管理和无可比拟的控制能力使它在此类型的软件中独领风骚。DIV+CSS 是网站标准（或称“WEB 标准”）中常用术语之一，div+css 是一种网页的布局方法,这一种网页布局方法有别于传统的 HTML 网页设计语言中的表格（table）定位方式,真正地达到了 w3c 内容与表现相分离。HTML 语言自 HTML4.01 以来，不再发布新版本，原因就在于 HTML 语言正变得越来越复杂化、专用化。XHTML 语言是一种可以将 HTML 语言标准化，用 XHTML 语言重写后的 HTML 页面可以应用许多 XML 应用技术。使得网页更加容易扩展，适合自动数据交换，并且更加规整。在 XHTML 网站设计标准中，不再使用表格定位技术，而是采纳 DIV+CSS 的方式实现各种定位。1动态网页设计专业实习2 技术路线主要要求与主要功能（或需求分析）2.1 要求将材料-1.html、材料-2.html、材料-3.html 用 DIV+CSS 技术对应排版成 材料-1样式.jpg、材料-2 样式.jpg、材料-3 样式.jpg 所示的页面布局形式。2.2 实现2....