第八章-使用AP-Div布局网页ppt课件.ppt

《第八章-使用AP-Div布局网页ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第八章　使用APDiv布局网页第八章使用APDiv布局网页本章学习要点：APDiv的基本概念APDiv的创建和基本操作APDiv与表格的相互转换APDiv综合应用8.1学习任务：APDiv基础知识所谓APDiv，是指存放用DIV标记描述的HTML内容的容器，用来控制浏览器窗口中元素的位置、层次。在DreamweaverCS3环境下，可以利用APDiv灵活方便的进行页面布局。APDiv最主要的特性就是它是浮动在网页内容之上的。也就是说，可以在网页上任意改变其位置，实现对APDiv的准确定位。APDiv可以相互堆叠，通过定义APDiv的层次关系，可以方便实现文字阴影等效果；8.1

2、.2创建APDiv元素工具栏在Dreamweaver中可以通过“布局”工具栏方便的创建APDiv元素在菜单栏中，选择“插入→布局”命令，可以展开“布局”工具栏。在“标准”模式下，和APDiv创建有关的是“插入Div标签”按钮和“绘制APDiv”按钮。“插入Div标签”按钮：单击此按钮，在文档中自动插入一个APDiv元素。“绘制APDiv”按钮：单击此按钮，将鼠标指针移到文档窗口中，鼠标指针变为十字状，按下鼠标并拖动，可以绘制一个APDiv元素。8.1.3APDiv元素的“属性”面板APDiv“属性”面板中各项含义如下：CSS-P元素：为选中的APDiv元素设置名称。名称由数字

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

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

5、四个可选项：visible（可见）：选择该项，当APDiv中内容超过其大小时，APDiv会自动向右或者向下扩展。hidden（隐藏）：选择该项，当APDiv中内容超过其大小时，APDiv的大小不变，也不会出现滚动条，超出APDiv内容不被显示。scroll（滚动）：选择该项，无论APDiv中的内容是否超出APDiv的大小，APDiv右端和下端都会显示滚动条。auto（自动）：选择该项，当APDiv内容超过其大小时，APDiv保持不变，在APDiv右端和下端都出现滚动条，以使其中的内容能通过拖动滚动条显示。剪辑：设置APDiv可见区域大小。在“上”、“下”、“左”、“右”文本框

6、中，可以指定APDiv可见区域上、下、左、右端相对于APDiv边界距离。APDiv经过剪辑后，只有指定的矩形区域才是可见的。8.1.4AP元素面板“AP元素”面板各选项含义如下：防止重叠：选中此选项，可以防止APDiv元素之间发生重叠。不选中此复选框，AP元素则可以相互重叠。该选项主要用在APDiv和表格相互转换时，当将APDiv转换为表格，为防止浏览器不兼容，选中该选项，以防止AP元素相互重叠。图标：如果某一个AP元素左侧有该图标，表示该AP元素可见，如果图标变成，则不可见。如果没有该图标，表示该层继承其父级APDiv元素的可见性。如果没有父级APDiv元素，则父级APDi

7、v元素可以看成其本身，通常情况下，这意味着是可见的。可以通过单击图标控制该APDiv的可见属性。名称：该属性用来显示和更改APDiv元素的名称。如果想更改该APDiv元素的名称，可以通过双击名字进行更改。Z：该属性见“属性”面板相关设置。可以通过双击APDiv元素的Z值属性来更改其值。8.2案例1创建APDiv元素并在其中添加文字和图像〖学习目标〗在DreamweaverCS3中，创建若干APDiv元素，在其内部添加文字和图像，并设置其属性。〖知识要点〗APDiv元素的添加；APDiv属性设置；在APD