9div布局.pptVIP

一、div概述 div是一种网页内容的容器，包含文本、图像、表格、表单等任何可以在ＨＴＭＬ文档正文中插入的元素。 　　　它包括div标签和AP div标签，可以定位在页面上的任意位置，可以实现对div中文档内容的精确定位。 　　　可以在DIV中插入另一个div以实现div的嵌套，从而使页面元素重叠。 二、div标签的使用 　　　　DIV可以理解为图层或一个块，用来为ＨＴＭＬ文档内大块的内容提供结构和背景和元素。 插入div标签 插入点入在目标位置 插入/布局对象/div标签 对话框内：插入：选择div标签的位置 　　　　　　类：当前应用于该标签的类 　　　　　　ID：该div标签的名称。 　　　　　　新建css样式：打开css面板创建新样式 单击确定按钮则带有“占位符文本”的div标签框出现在文档中。 　　　通过div及其唯一的ID，可以用css来精确定义每一个页面元素的外观表现（标题、列表、图片、链接等） 三、AP div的创建与使用 　　　　DW将带有绝对位置的所有DIV标签视为AP元素（分配有绝对位置的元素） 　　　　AP div即层，它使页面元素从二维进入到了三维（Ｚ轴）。 １、插入AP div 插入点入在目标位置 插入/布局对象/AP div标签 拖动产生AP div。可以使AP div产生嵌套：插入点放在父AP div内（在AP元素窗口内，不设“防重叠元素”时），选中AP div标签拖动。 三、AP div的创建与使用 　　　 ２、选中和激活AP div 选择AP div的方法有多种 在AP元素面板中，单击该AP div的名称。 单击AP div的边框 光标放于该AP div中，选择器中选中该AP div 　　　只有在激活状态(插入点移到该AP div 中），才能将各种网页元素插入到AP div中。 三、AP div的创建与使用 　　３、AP div的属性 CSS-P元素：为选择的AP div 指定名称（以字母开头后跟字母或数字）。 左、上：指当前AP div左上角相对于页面或父AP div左上角的位置。 宽、高：指当前AP div的尺寸。 Ｚ轴： AP div的重叠属性（值大的在上） 可见性： AP div的可见性（默认、继承、可见、隐藏） 背景色或图像： AP div的背景颜色或背景图片 溢出：内容超出范围出的处理方式（显示：增加AP div尺寸，显示超出部分、隐藏： AP div不变超出部分不显示、滚动：添加滚动条、自动：内容超出AP div尺寸时，自动增加滚动条） 　　　 三、AP div的创建与使用 　　4、AP div的编辑 调整大小：选择AP div，属性面板中调整宽、高（或拖动相应控点）。 移动位置：选择AP div，属性面板中调整左、上（或拖动左上角的选择句柄） 对齐AP div ：选择要对齐的多个AP div，修改/排列顺序，可以将其对齐，也可以将它们设置同等尺寸。 删除AP div ：选择目标AP div，按delete键 　　　 三、AP div的创建与使用 　５、AP div面板的使用 选择某个AP div ：单击其名称 更改AP div 名称：双击名称，输入新名 显示及隐藏AP div ：相应的眼睛图标 改变AP div的叠放次序 ：修改Ｚ轴数值 创建和取消嵌套的AP div ：拖动目标到父AP div 上即可实现嵌套，（将子AP div 拖离其父AP div 即可到消嵌套） 　　　嵌套的AP div 不一定处于重叠状态，只是移动父级时，子级也随之移动（代码相互包含） 禁止AP div 重叠：是否允许AP div 发生重叠 　　　 四、AP div与表格 　　　AP div与表格是网页设计中经常用的两种技术，二者各有优缺点，表格有点呆板，而AP div有使用低版本的浏览器时可能会有麻烦。 　　　AP div与表格结合起来，可以扬长避短。 可将AP div转换为表格（修改/转换/ 将AP div转为表格） 确保AP div无重叠 最精确：为每个AP div建立一个表格单元格，两个AP div间如有间距，则插入单元格以补充间距造成的空间。 最小：若AP div间的距离过近，则转换成相邻的单元格（可由用户确定允许的最小距离。这样转成的表格空行、空列最少） 使用透明GIFs：将转换后的表格最后一行填充为透明的gif图像，以确保所有浏览器中表格显示的结果一致。 置于页面中央：转后生成的表格居中（否则居左） 上　　机 　　　利用AP div或表格与AP div结合，创建一个页面