网页布局技术比较与应用优化-《中国教育技术装备》(2009年29期).docx

龙源版权所有 网页布局技术比较与应用优化作者：梁　斌　柯华坤来源：《中国教育技术装备》2009年第29期 摘要本文介绍了目前网页布局使用的几种主要技术:表格技术、框架技术、图像处理软件技术、CSS+DIV技术,在对这几种技术进行比较的基础上,提出了优化应用的方案。 关键词网页布局技术;比较;优化 网页布局是开发网络教育资源工作的基础,目前常见的网页布局技术有表格技术、框架技术、图像处理技术和CSS+DIV技术,在实践中诸多布局技术让我们眼花缭乱,如何有效利用这些技术快捷地布局出优美的网页呢? 网页布局技术 一、表格技术 表格即＜table＞...＜/table＞标签本来是用于对数据输出格式进行控制,后来被用于网页布局,表格由于使用简单而且灵活,是最早也是使用最广泛的网页布局技术。表格标签主要包含的标签有table、caption、th、tr、td、thead、tfoot、tbody、col、colgroup,通过对表格单元格的合并与拆分以及表格中套表格等,得到需要的布局,如图1所示。最后在单元格中添加文字、图形等元素,完成网页制作,如图2所示。 二、框架技术 框架即＜frame＞...＜/frame＞标签,它可以把屏幕分割开来的“区域”,如果网页要布局成图3的框架集中所提供的样式,可以使用框架来实现。网络课程布局就常采用“顶部和嵌套的左侧框架”,如图4所示。 框架中还有一个＜iframe＞标记比较常用,但它只适用于IE,它的作用是在一个网页中间插入一个框窗以显示另一个文件。这一技术特别适合用来做网络课程布局。 三、图像处理软件技术 Photosho、Fireworks等图像处理软件都提供了“切片”工具实现把图形转换为网页布局。首先是在图像处理软件中绘制出布局图,然后使用 切出需要实现交互(或者链接)的区域(如图5所示),最后转储为WEB格式文件。另外一种方法是把制作好的布局图插入到Dreamweaver中,然后使用等热点工具进行交互(或者链接)的区域(如图6所示)的切割。 四、CSS+DIV CSS+DIV是网站标准(或称“WEB标准”)中常用的术···试读结束