使用APDiv元素-(网页设计与制作共11章).ppt

3、的属性。具体方法将在第7章中详细介绍。7.1.2创建APDiv元素创建APDiv元素有以下几种方法：使用主菜单插入APDiv元素。将光标置于文档窗口中要插入APDiv的位置，选择“插入→布局对象→APDiv”命令，在插入点的位置插入一个APDiv元素。绘制APDiv元素。在“插入”面板中选择“布局”标签，点击后，在文档窗口要插入APDiv的位置按下鼠标左按钮拖曳出一个APDiv元素。直接拖曳“绘制APDiv”按钮到文档窗口中插入APDiv元素。在“插入”面板的“布局”标签中，按下“绘制APDiv”按钮不放，将其拖曳到文档窗口中即可创建一个APDi

4、v元素。提示：在“插入”面板中选择“布局”标签，点击后，在文档窗口中，按住〈Ctrl〉键的同时按住鼠标左键拖曳鼠标，可以绘制多个APDiv元素。在默认情况下，每当用户创建一个新的APDiv，都会使用DIV标志它，并将标记显示到网页左上角的位置。创建的APDiv元素如图7-1所示。若要在网页左上角显示出APDiv标记，首先选择“查看→可视化助理→不可见元素”命令，使“不可见元素”命令呈被选择状态，然后再选择“编辑→首选参数”命令，弹出“首选参数”对话框，选择“分类”选项框中的“不可见元素”选项，选择右侧的“AP元素的锚点”复选框，如图7-2所示，

5、单击【确定】按钮完成设置。图7-1创建的APDiv元素图7-2“首选参数”对话框7.1.3设置APDiv元素的属性要正确地运用APDiv元素来设计网页，必须了解APDiv元素的属性和设置方法。设置APDiv元素的属性之前，必须选中APDiv元素。选中APDiv元素的方法一般有以下几种：在文档窗口中，单击要选择的APDiv元素左上角的APDiv元素标记。在APDiv元素的任意位置单击，激活APDiv元素，再单击APDiv左上角的矩形框标记。单击APDiv元素的边框。在APDiv元素未被选中或激活情况下，按住〈Shift〉键的同时再单击APDiv元素

6、中的任意位置。在“APDiv元素”面板中，直接单击APDiv元素的名称。选中APDiv元素后，其对应的“属性”面板如图7-3所示。APDiv“属性”面板中各项含义：CSS-P元素：为选中的APDiv元素设置名称。名称由数字或字母组成，不能用特殊字符。每个APDiv元素的名称是唯一的。左、上：分别设置APDiv元素左边界和上边界相对于页面左边界和上边界的距离，默认单位为像素（px）。也可以指定为pc（pica）、pt（点）、in（英寸）、mm（毫米）、厘米（cm）或%（百分比）。图7-3“APDiv”的属性面板宽、高：分别设置APDiv元素高度和宽

7、度，单位设置同“左”、“上”属性。Z轴：设置APDiv元素的堆叠次序，该值越大，则表示其在越前端显示。可见性：设置APDiv元素的显示状态。“可见性”右侧下拉列表框包括四个可选项：“default（缺省）”，选中该项，则不明确指定其可见性属性，在大多数浏览器中，该APDiv会继承其父级APDiv的可见性。“inherit（继承）”，选择该项，则继承其父级APDiv的可见性。“visible（可见）”，选择该项，则显示APDiv及其中内容，而不管其父级APDiv是否可见。“hidden（隐藏）”，选择该项，则隐藏APDiv及其中内容，而不管其父级A

8、PDiv是否可见。背景图像：设置APDiv元素的背景图像。可以通过单击“文件夹”按钮选择本地文件，也可以在文本框中直接输入背景图像文件的