(网页设计DreamweaverCS3教程1214章精通篇.pptVIP

Dreamweaver CS3 第十二章 AP Div的应用 概要： Dreamweaver 将带有绝对位置的所有 div 标签视为 AP 元素（分配有绝对位置的元素）。AP 元素（绝对定位元素）是分配有绝对位置的 HTML 页面元素，具体地说，就是 div 标签或其它任何标签。AP 元素可以包含文本、图像或其它任何可放置到 HTML 文档正文中的内容。通过 Dreamweaver，我们可以使用 AP 元素来设计页面的布局。 本章节主要通过三个活动，分别介绍了AP Div的创建及基本操作，表格和AP元素的相互转换，以及AP元素的综合应用。 活动一：AP Div的创建及基本操作 了解AP Div的概念，掌握插入AP Div的基本方法，掌握设置AP Div参数和属性的基本方法 准备知识： （1）AP Div概述 （2）插入AP Div和插入嵌套AP Div （3）设置AP 元素参数和属性 准备知识： （4）选取AP 元素 ①选取单个AP元素 方法一：单击文档窗口中的AP元素标记，如 “div#apDiv1” 方法二：单击AP元素左上角的“回”形选择 柄。如果选择柄不可见，可在AP元 素内的任何地方单击使之可见 方法三：单击AP元素的边框。 方法四：在没有AP元素选中的情况下，按 Shift 键在AP元素内单击。 方法五：单击“AP元素”面板中相应的AP元素名 称。 准备知识： （4）选取AP 元素 ②选取多个AP元素 方法一：按住 Shift 键在AP元素内或AP元素的边框上单击，选取多个AP元素。 方法二：按住 Shift 键单击“AP元素”面板中多个AP元素的名称。选中多个AP元 素时，最后被选中的AP元素的边框和选择柄将以蓝色突出显示。 （5）调整AP元素的大小 （6）移动AP元素 （7）对齐AP元素 （8）防止AP元素重叠 活动引导： 一、建立站点及网页。 二、制作首页。 三、创建AP Div。 四、创建嵌套AP Div。 活动小结: 在本活动中我们通过在网页中创建AP元素及嵌套AP元素，并结合行为中的“显示—隐藏元素”动作，来实现弹出效果。在上述活动中我们分别使用了两种方法来创建层，即鼠标直接绘制或使用菜单命令实现。在创建时注意这两种层的区别。 活动二：表格和AP 元素的相互转换 掌握表格和AP元素的相互转换的方法。 准备知识： 在布局页面时，由于AP元素比表格更容易处理和操纵，因此也可以使用AP Div来进行页面布局。目前AP 元素能被大多数的浏览器所支持。如果需要支持 4.0 版之前的浏览器，需要将 AP 元素转换为表格。文件中的表格被转换为AP元素后，表格内的内容将放入AP元素中。每个表格单元格都将转换为独立的AP元素，而空单元格不被转换。强烈建议不要将 AP 元素转换为表格，因为这样做会产生带有大量空白单元格的表格，同时会急剧增加代码量。 由于表格单元格不能重叠，因此 Dreamweaver 无法从重叠的AP 元素创建表格。如果要将AP元素转换为表格，那么这些AP 元素不能出现重叠现象。在绘制AP元素时可以通过“防止重叠”选项来限制AP 元素的移动和定位。 活动引导： 一、将AP 元素转换为表格。 二、将表格转换为AP 元素。 活动小结: 在本活动中我们主要练习了表格与AP元素之间的相互转换。在执行转换命令时，要注意转换前后的区别。 活动三：AP 元素的综合应用 掌握AP Div与行为及时间轴结合的综合应用。 准备知识： （1）AP Div与行为的结合。 （2）AP Div与时间轴的结合。 活动引导： 一、制作飘动广告。