Dreamweaver CS4网页设计与制作 教学课件 作者 何富贵 课件第七章 使用Div和AP Div.ppt

4、标签内单击，然后使用插入Div标签的方法，就可以插入嵌套的Div标签，7.1.2Div标签操作DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。Div标签本身没有任何表现属性，如果要使Div标签显示某种效果，或者显示在某个位置，就要为Div标签定义CSS样式。使用DIV+CSS布局可将结构和表现分离，减少了HTML文档内大量代码，方便对其阅读，还可以提高网页的下载速度。7.1.3Div+CSS7.2.1APDiv概述

5、APDiv是使用了CSS样式中的绝对定位属性的Div标签，APDiv在网页中的作用很大，它不仅可以与表格相互配合进行网页的布局，还可以与行为相结合实现一些特殊的效果。APDiv可以理解为浮动在网页上的一个页面，它可以被准确地定位在网页中的任何位置，并且可以规定它的大小。使用APDiv，可以将APDiv前后放置，隐藏某些APDiv而显示其他APDiv，以及在屏幕上移动APDiv。也可以在一个APDiv中放置背景图像，然后在该APDiv的前面放置第二个APDiv，它包含带有透明背景的文本。利用APDiv可以非常灵活地放置内容。但是，使用旧版本的网页浏览器在查看APDiv时可能有些问题，在这种情况

6、下，若要保证都能使用APDiv，可以使用APDiv设计网页布局，然后将APDiv转换为表格。新的浏览器可以完全使用APDiv来设计布局，无需将APDiv转换为表格。在Dreamweaver中插入文本、图像、表格等元素，只能固定地显示其位置，不能互相重叠和浮动，但是利用APDiv功能，无论将元素放置在网页文档中的任何一个位置，都可以随意移动，而且还可以与动作行为制作出动画效果。7.2APDiv的使用1.插入APDivAPDiv可以使用菜单中的命令插入，也可以选择插入栏中相应的按钮，通过拖拽鼠标添加APDiv。（1）在页面的“设计”视图，在“插入”工具栏的“布局”类别中，单击“绘制APDiv”按

7、钮，然后在页面的“文档”窗口通过鼠标拖拽就可以插入一个APDiv。（2）在“设计”视图的“文档”窗口中将插入点放置在要插入的位置，单击菜单“插入”→“布局对象”→“APDiv”，就会在页面的光标位置插入一个APDiv。7.2.2APDiv操作2．属性设置在插入APDiv后，可以通过在APDiv属性面板中定义相应的参数来定义APDiv的相应效果，当选择单个APDiv和同时选择多个APDiv时，属性面板的显示参数