网络天地|网站建设|网页-网站|第1章 网页设计基础|第2章 设计网页元素|第3章 网页布局与数据显示|第4章 快速部署网页

第5章 编写网页文档|第6章 制作交互网页|第7章 构建动态网页|第8章 处理网页图像|第9章 编辑动画元素|第10章 综合实例

第3章 网页布局与数据显示

3.1 基本布局对象

  Dreamweaver CS5中的基本布局对象就是XHTMLDiv标签,它通常是作为基于XHTML的容器来添加网页元素的。在网页中使用Div标签来容纳各种网页元素能够使网页布局更加合理、用户浏览更加方便。

3.1.1 插入Div标签

XHTML中最基本的布局标签就是Div标签。在通常情况下,几乎所有Web标准化网页都使用Div标签来设计各样格式的网页布局。

3.1.2 使用AP Div布局元素

除了最基本的布局标签Div外,Dreamweaver还为用户提供了另一种改良的、可自建CSS样式的Div标签,即AP Div元素。在Dreamweaver中,用户不仅可以定制AP Div元素的大小,还可以设置其位置及层叠顺序等属性。

3.1.3 编辑AP Div布局元素

Dreamweaver中,当用户已经绘制或插入AP Div元素后,就可以通过【属性】检查器,设置一个或多个AP Div元素的属性。

3.1.4 操作AP Div布局元素

在设计网页过程中,用户可以使用Dreamweaver中的【AP元素】面板操作网页中所有的AP Div元素。其中,可做的操作包括设置AP Div元素显示/隐藏、防止重叠、层叠顺序等。

3.2 显示数据表格