网页布局技术比较与应用优化

• 作 者: 梁 斌 柯华坤
• 出 处: 中国教育技术装备
• 发表日期: 2009年29期
• 关键词: 网页布局技术 比较 优化

　　摘要本文介绍了目前网页布局使用的几种主要技术:表格技术、框架技术、图像处理软件技术、CSS DIV技术,在对这几种技术进行比较的基础上,提出了优化应用的方案。
　　关键词网页布局技术;比较;优化
　　
　　网页布局是开发网络教育资源工作的基础,目前常见的网页布局技术有表格技术、框架技术、图像处理技术和CSS DIV技术,在实践中诸多布局技术让我们眼花缭乱,如何有效利用这些技术快捷地布局出优美的网页呢?
　　
　　
　　二、布局的重构性
　　无论是表格还是框架、图形处理技术,最终生成的网页布局文件是布局格式控制和网页内容混在一起,这样当遇到需要对网页布局进行比较大的改动甚至重新布局(称为重构)时,以上这些技术的改动就显得异常困难,甚至要重新制作页面。而CSS DIV技术布局和内容表现是一个分离体,使用float和position属性就可以轻松移动各个块,是实现让用户动态选择界面的功能。
　　三、网页浏览
　　利用表格布局的网页在下载的时候必须等整个表格内容都下载完毕之后才会一次性显示出来,而利用DIV块的CSS布局的页面就科学多了,各个子块可以分别下载显示,从而提高了页面下载速度,搜索引擎的排名也会因此而提高。
　　但是,CSS DIV布局网页在IE浏览器里正常显示的页面,到火狐浏览器(FireFox)中却可能面目全非,CSS DIV还有待于各个浏览器厂商的进一步支持。
　　
　　网页布局技术应用优化
　　
　　一、网页布局元素分类
　　根据WEB制作标准,我们可以把网页布局中的元素分为三大类。
　　1.辅助布局设计元素。
　　辅助布局设计元素是指DIV、SPAN等,其主要功能是用来布局整个页面,灵活使用这些元素的各种属性,可以布局出丰富多彩的页面。
　　2.结构化元素或叫信息元素。
　　包括TABLE、UL、PRE、CODE类元素,它们是一种信息显示与整理方式,例如TABLE用来显示表格信息、UL用来显示列化信息。
　　3.其他元素。
　　包括a、meta这样的完全为了实现一些功能,添加关键字的META keyword,实现链接的a等。
　　二、网页布局技术应用优化
　　首先网页布局要符合WEB制作标准,即使用CSS DIV,而不使用表格布局。但是如果纯粹CSS DIV的布局比较麻烦,尤其是DIV里面嵌套DIV,对于这种复杂的布局可以使用DIV嵌套TABLE。
　　这样优化的、符合标准的布局设计思路是,使用CSS DIV等布局元素来制作页面的设计布局,定位,色块,图片等,使用TABLE、UL等这样的元素来显示页面中需要展示数据。■
　　(作者单位:1 广州大学教育学院;2 广东顺德胡锦超职业技术学校)