第9章-使用AP-Div元素.ppt

《第9章-使用AP-Div元素.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、掌握APDiv的基本知识1、APDiv概述2、创建APDiv元素3、设置APDiv元素的属性4、AP元素面板5、APDiv元素的基本操作1APDiv概述APDiv是DIV标签中的一种定位技术，在Dreamweaver中也被叫做图层，用来控制浏览器窗口中元素的位置、层次。APDiv最主要的特性就是它是浮动在网页内容之上的，也就是说，可以在网页上任意改变其位置，实现对APDiv的准确定位。把页面元素放在APDiv中，可以控制APDiv堆叠次序、显示或隐藏等性质。2创建APDiv元素创建APDiv元素有以下几种方法：使用主菜单插入APDiv元素。将光标置于文档窗口中要插入AP

2、Div的位置，选择“插入→布局对象→APDiv”命令，在插入点的位置插入一个APDiv元素。绘制APDiv元素。在“插入”面板中选择“布局”标签，点击后，在文档窗口要插入APDiv的位置按下鼠标左按钮拖曳出一个APDiv元素。直接拖曳“绘制APDiv”按钮到文档窗口中插入APDiv元素。在“插入”面板的“布局”标签中，按下“绘制APDiv”按钮不放，将其拖曳到文档窗口中即可创建一个APDiv元素。提示：在“插入”面板中选择“布局”标签，点击后，在文档窗口中，按住〈Ctrl〉键的同时按住鼠标左键拖曳鼠标，可以绘制多个APDiv元素。在默认情况下，每当用户创建一个新的AP

3、Div，都会使用DIV标志它，并将标记显示到网页左上角的位置。创建的APDiv元素如图7-1所示。若要在网页左上角显示出APDiv标记，首先选择“查看→可视化助理→不可见元素”命令，使“不可见元素”命令呈被选择状态，然后再选择“编辑→首选参数”命令，弹出“首选参数”对话框，选择“分类”选项框中的“不可见元素”选项，选择右侧的“AP元素的锚点”复选框，如图7-2所示，单击【确定】按钮完成设置。图7-1创建的APDiv元素图7-2“首选参数”对话框设置APDiv元素的属性要正确地运用APDiv元素来设计网页，必须了解APDiv元素的属性和设置方法。设置APDiv元素的属性之

4、前，必须选中APDiv元素。选中APDiv元素的方法一般有以下几种：在文档窗口中，单击要选择的APDiv元素左上角的APDiv元素标记。在APDiv元素的任意位置单击，激活APDiv元素，再单击APDiv左上角的矩形框标记。单击APDiv元素的边框。在APDiv元素未被选中或激活情况下，按住〈Shift〉键的同时再单击APDiv元素中的任意位置。在“APDiv元素”面板中，直接单击APDiv元素的名称。选中APDiv元素后，其对应的“属性”面板如图7-3所示。APDiv“属性”面板中各项含义：CSS-P元素：为选中的APDiv元素设置名称。名称由数字或字母组成，不能用特

5、殊字符。每个APDiv元素的名称是唯一的。左、上：分别设置APDiv元素左边界和上边界相对于页面左边界和上边界的距离，默认单位为像素（px）。也可以指定为pc（pica）、pt（点）、in（英寸）、mm（毫米）、厘米（cm）或%（百分比）。图7-3“APDiv”的属性面板宽、高：分别设置APDiv元素高度和宽度，单位设置同“左”、“上”属性。Z轴：设置APDiv元素的堆叠次序，该值越大，则表示其在越前端显示。可见性：设置APDiv元素的显示状态。“可见性”右侧下拉列表框包括四个可选项：“default（缺省）”，选中该项，则不明确指定其可见性属性，在大多数浏览器中，该A

6、PDiv会继承其父级APDiv的可见性。“inherit（继承）”，选择该项，则继承其父级APDiv的可见性。“visible（可见）”，选择该项，则显示APDiv及其中内容，而不管其父级APDiv是否可见。“hidden（隐藏）”，选择该项，则隐藏APDiv及其中内容，而不管其父级APDiv是否可见。背景图像：设置APDiv元素的背景图像。可以通过单击“文件夹”按钮选择本地文件，也可以在文本框中直接输入背景图像文件的路径确定其位置。背景颜色：设置APDiv的背景颜色，值为空表示背景为透明。类：可以将CSS样式表应用于APDiv。溢出：设置APDiv中的内容超过其大小时

7、的处理方法。“溢出”右侧下拉列表框中包括四个可选项：“visible（可见）”，选择该项，当APDiv中内容超过其大小时，APDiv会自动向右或者向下扩展。“hidden（隐藏）”，选择该项，当APDiv中内容超过其大小时，APDiv的大小不变，也不会出现滚动条，超出APDiv内容不被显示。“scroll（滚动）”，选择该项，无论APDiv中的内容是否超出APDiv的大小，APDiv右端和下端都会显示滚动条。“auto（自动）”，选择该项，当APDiv内容超过其大小时，APDiv保持不变，在APDiv右端和下端都出现滚动条，以使其中的内容