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

“最小：合并空白单元”单选按钮：将一定距离以内的AP Div元素创建为相邻的单元格，即融合其间的间隙。选中该单选按钮，可在其下方的文本框中输入最小距离值。 “使用透明GIFs”复选框：将转换后表格的最后一行中填充为透明的GIF图像，这样可以确保在所有的浏览器中表格显示结果一致。如果取消此选项，则表格中不再放置透明GIF图像，这样的表格可能在不同浏览器中显示稍有差异。 “置于页面中央”复选框：选中此复选框，则生成的表格在页面居中位置；若取消此复选框，则生成的表格在页面中左对齐。 “防止重叠”复选框：选中此复选框，可以防止AP Div重叠。 “显示AP元素面板”复选框：选中此复选框，在转换完成后会显示“AP元素”面板。 “显示网格”复选框：选中此复选框，可以在转换后的文档中显示网格线。 “靠齐到网格”复选框：选中此复选框，可以将转换后的文档靠齐到网格。 保持默认设置。单击【确定】按钮，将文档中的AP Div元素转换为表格。 ?提示：如果文档有嵌套的AP Div元素，或者AP Div之间发生重叠，则无法将该文档的AP Div布局转换为表格布局。 将表格转换为AP Div元素 网页中的表格元素，也可以转换为AP Div元素。具体操作如下： 1）打开一个用表格布局的网 页文件，选择“修改→转换→ 将表格转换为AP Div”菜单命 令，弹出“将表格转换为AP Div”对话框，如图7-14所示。 “将表格转换为AP Div”对话框各选项含义如下： “防止重叠”复选框：选中此复选框，可以在操作AP Div元素时，防止AP Div元素之间相互重叠。 图7-14 “将表格转换为AP Div”对话框 “显示AP Div元素面板”复选框：选中此复选框，在转换完成后会显示“AP元素”面板。 “显示网格”复选框：选中此复选框，可以在转换后的文档中显示网格线。 “靠齐到网格”复选框：选中此复选框，可以将转换后的文档同网格靠齐。 选中“防止重叠”复选框和“显示AP Div元素面板”复选框，单击【确定】按钮，即可将文档中的表格转换为AP Div元素。 ?提示：在将表格转换为AP Div元素过程中，表格之外的内容也会被置于AP Div之中，但文档中空的表格不会被转换为AP Div元素。 学习任务：AP Div标签 ? 本节学习任务：理解AP Div标签及其属性，掌握AP Div标签的基本格式。 AP Div元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。AP Div的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由AP Div标签的属性来控制，或者通过使用CSS样式表来控制。 AP Div标签的基本格式为： div----------- property:value property:value…content/div 其中，property是AP Div标签的属性，value是该属性的值。AP Div标签的属性及含义如表7-1所示。 属性 含义 position relative：该AP元素相对于其他AP元素放置 absolute：该AP元素相对于其所在的窗口放置 left 设置AP元素与窗口左边距 top 设置AP元素与窗口上边距 width 设置AP元素的宽度 height 设置AP元素的高度 clip auto：设置AP元素内方块位置为默认属性 inherit：设置AP元素内方块位置为继承父级AP元素属性 visibility visible：设置AP元素为可见 hidden：设置AP元素为不可见 inherit：设置AP元素为继承父级AP元素可见性 margin 设置AP元素的页边距属性 padding 设置AP元素的填充距离属性 表 AP Div标签属性及其含义 border 设置AP元素的宽度属性 z-index 设置AP元素的层级位置 background-color 设置AP元素的背景颜色 background-image 设置AP元素的背景图像 表 AP Div标签属性及其含义（续） 掌握AP Div的基本知识 1、 AP Div概述 2、 创建AP Div元素 3、 设置AP Div元素的属性 4、 AP元素面板 5、 AP Div元素的基本操作 1 AP Div概述 AP Div是DIV标签中的一种定位技术，在Dreamweaver中也被叫做图层，用来控制浏览器窗口中元素的位置、层次。AP Div最主要的特性就是它是浮动在网页内容之上的，也就是说，可以在网页上任意改变其位置，实现对AP Div的准确定位。把页面元素放在AP Div中，可以控制AP Div堆叠次序、显示或隐藏等性质。 2 创建AP Div元素 创建AP Div元素有以下几种方法： 使