网页设计与制作实用技术（第二版）齐建玲 CH9

《网页设计与制作实用技术（第二版）齐建玲 CH9》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、通过本章学习，应该掌握以下内容：认识APDivAPDiv的基本操作APDiv的管理APDiv与表格的相互转换第9章利用APDiv技术制作网页9.1认识APDivAPDiv又称层，是DreamweaverCS5中最有价值的对象之一，它是由层叠式表发展过来的，它提供了一种对网页对象进行有效控制的手段，层可以包含文本、图像、表单、插件，甚至层内还可以包含其它层。即在HTML文档的正文部分可以放置的元素都可以放入层内。由于层可以放置在网页的任何位置，从而能有效地控制网页中的对象。层是在制作网页中经常用到的对象，元素

2、的定位就是一个简单的应用。用表格来对网页进行排版非常方便，但有时需要在文字上放一些图片之类的元素，表格就不能胜任了，这时就可以利用层来排版。层可以重叠地放置，制作出层叠的效果。也可以控制层的显示或隐藏，实现交互技术。配合时间显的使用，还可以同时移动一个或多个层，轻松制作出动态效果。9.2APDiv的基本操作9.2.1创建APDiv1．插入APDivDreamweaverCS5创建APDiv，可执行以下操作之一：（1）将光标放置在文档窗口中需要插入层的位置，然后选择“插入”→“布局对象”→“APDiv”命令。

3、（2）打开插入“布局”面板，单击“绘制APDiv”图标，然后释放鼠标，鼠标会变成十字形状，用鼠标在页面中绘制一个矩形来创建层。（3）如果需要画多个层，在单击“绘制APDiv”图标的同时，按住Ctrl键，在文档窗口中画一个层，只要不释放Ctrl键，就可以连续化多个层。创建完APDiv之后，在页面中会出现一个层的标志，并且有一个矩形的层出现。单击层标志，其属性面板显示如图所示，在属性面板上可以设定层的属性。2．创建嵌套APDivAPDiv嵌套指的是在一个APDiv的内部创建另一个APDiv，可以用嵌套的方法将多

4、个APDiv组合在一起。使用嵌套层的目的通常是为了将多个APDiv组成群组，这样一来，只要移动父层，其中的子层也会一起移动，而且子层还会继承父层的显示隐藏状态，其可见性与父层保持一致。这在制作动态网页是十分有用。创建嵌套层通常有两种方法：（1）直接创建嵌套层先创建一个层为父层，后在父层内创建的层成为子层，在APDiv面板中也可以看出层2是层1的子层。（2）将已有的多个层变为嵌套层打开APDiv面板，在层列表中将需要作为子层的层选中，按住Ctrl键将该层拖动到父层上，释放鼠标即可。9.2.2选择APDiv1．

5、选择一个APDiv选择APDiv的目的是便于层的对齐、重定位和缩放，还可以为APDiv添加背景图像和背景颜色。在DreamweaverCS5中要选择一个层，可使用如下方法之一：（1）单击APDiv的任意边框线。（2）选择“窗口”→“AP元素”命令，打开“AP元素”面板，单击该面板中需要选择的APDiv的名称。2．选择多个APDiv如果要同时选择多个APDiv，可以按住Shift键，再执行上述操作之一。注意：当选择了多个APDiv后，最后选择的APDiv标记高亮显示，同时调控点显示为黑色，其他APDiv的调控

6、点显示为白色。9.2.3激活APDiv如果需要在APDiv中插入对象，必须激活APDiv。把鼠标指针移动到层内任何地方单击，即可激活该层。此时，插入点位于APDiv内，被激活APDiv的边界突出显示，选中手柄也同时显示出来。注意：激活APDiv的操作不同于选择APDiv。9.2.4移动APDiv在文档中要移动一个APDiv，可以执行以下操作之一：（1）先选择APDiv，然后在该APDiv的选择手柄上按住鼠标左键并拖动鼠标，则可移动。（2）将鼠标指针移动到需要移动层的边框位置，当鼠标指针形状为四个箭头时，按住

7、鼠标左键并拖动鼠标，则可移动层。（3）在属性面板中直接设置“左”、“上”的数值，也可以移动层。（4）利用键盘，每按一次方向键，则移动一个像素单位；若按Shift键的同时按一次方向键，则移动一个网格单位。9.2.5复制APDiv在DreamweaverCS5中要复制一个APDiv，可执行以下：（1）按住Ctrl键，将鼠标指针移到需要复制APDiv的标志上，按住鼠标左键并拖动，移动一定距离后，释放鼠标，则该APDiv被复制。（2）先选择一个APDiv，执行“编辑”→“拷贝”命令，取消被选APDiv，执行“编辑”

8、→“粘贴”命令，则该APDiv被复制。9.2.6调整APDiv的大小要调整一个APDiv的大小，可执行如下操作之一：（1）拖曳法：选择层，拖曳APDiv的调控点。上/下调控点只能调整层的高度，左/右调控点只能调整层的宽度，四角的调控点能同时调整层的高度和宽度。（2）在层属性面板中设置“宽”和“高”的数值。（3）利用键盘来调整APDiv的大小：选择要调整的APDiv，按Ctrl+方向键，每次调整一个像素单位。按Ct