关 键 词：

Dreamweaver CS5自学教程-第八课AP DIV元素 CS5 自学 教程 第八 AP DIV 元素

资源描述：

第八课：AP DIV元素 8-1 创建AP DIV元素 一、 创建AP DIV元素 什么是Ap Div？ AP元素（绝对定位元素）, 是一种HTML网页元素，一般称为 “层”。即网页内容的容器，包含文本，图像或其他任何可以在HTML文档正文中放入的内容。且可以精确定位在网页中的任何地方。 特点： 1、 作为容器，可以放置其他网页元素。 2、 灵活定位。 在 CS5中，系统使用DIV 标记和CSS技术来实现AP层对象的效果，所以也称绝对定位的DIV标记。 1、插入AP DIV 拖动创建AP DIV层 2、AP DIV层的属性设置 选中AP DIV层 AP DIV层的属性在下方的属性面板设置（自身宽高，距离边框的距离等） 3、光标定位在AP DIV层内，即可输入文字文本； 也可加入图像 注：几乎所有的网页元素都可以加入AP DIV层内 4、AP DIV层在网页内的定位可以直接拖动，也可以输入“左或上”来精确定位 5、AP DIV层的代码 6、AP DIV层与DIV标签的区别 点击DIV标签，下方不显示属性面板 8-2 编辑AP DIV元素 二、 编辑AP DIV元素 1、 调整层的大小 2、 层的层次关系 3、 层的首选设置 4、 层的对齐 实例：课程预览 1、新建HTML，插入AP DIV层，修改层的属性 修改加入的图片大小 想让后添加的AP DIV层与设置好的AP DIV层大小相同，只需要按住Shift键先选中需要调整的AP DIV层，在点击设置好的AP DIV层，然后点击“修改—排列顺序—设置相同宽度（高度）” Z轴的值决定AP DIV层的上下排序关系 2、直接拉动上方的AP DIV层图标可以创建一个大小一致的层 创建的层的默认大小值可以在“首选参数—AP元素”中修改 AP DIV层的对齐：先选需要移动的层，再选对齐参考目标层 8-3 层的可见性设置 1. AP面板的使用（选择、命名、隐藏、次序） 2. 层的可见性 3. 简单的层特效 1、层的属性设置：属性面板中可以设置每个层的显示状态 也可以在“AP元素”中设置每个层的可见性，名称和显示顺序。 2、添加层可见性的控制：点击“窗口—行为”，使行为窗口可见 选中控制层显示的目标，在行为面板中选择“显示-隐藏元素” 选中需要控制的对象，点击“显示-确定” 选择显示的动作“onclick点击” 选中控制层隐藏的目标，同样的方式添加隐藏行为，选择隐藏的动作“onclick点击” 如果想让鼠标在点击显示或隐藏行为的时候出现“小手”效果，可添加一个空链接 8-4 层的溢出与裁切 在层内添加文字内容时，文字太多会使可视面积大于层面积，出现溢出。 1、溢出设置在下方的属性面板中进行显示，隐藏，滚动条或自动等设置。 一般设置滚动条自动显示“auto” 2、左和上剪辑输入剪掉的宽度，右和下剪辑输入（层的总宽度减需要剪掉的宽度） 8-5 层的嵌套 嵌套的含义：嵌套并不表示一个在另外一个里面显示，而是指一个AP元素的代码在另一个AP元素代码的内部。嵌套的AP 元素会随着父AP元素的移动而移动，继承父AP元素的可见性。 1、 AP层对象元素的嵌套方法： 1）.将光标置于AP元素内。 2）.工具栏中，插入-布局-拖动“绘制AP Div”到AP元素内。 2、 标尺、辅助线的使用 1、层的从属关系 AP层的嵌套：一个AP层的代码在另一个AP层代码的内部 2、建立嵌套面板 将鼠标光标定位在要添加嵌套的AP层内单击， 点击上方面板中的“绘制AP Dvi” 按住鼠标拖动到需要添加嵌套的位置，松开鼠标 3、嵌套关系的特点 移动时同时移动 隐藏设置时嵌套同时隐藏 4、辅助线的使用：为了精确定位可以显示标尺，利用辅助线对齐 把鼠标发在两条辅助线之间，按住Ctrl键可以显示两条辅助线之间的距离。 点击嵌套，下方的属性面板中显示的左距离是与父层的边距 嵌套内部可以继续添加嵌套 8-6 AP DIV与表格的转换 1、不重叠性 2、网格的使用 3、表格与AP DIV的转换 1、进行网格设置，以方便AP div图层的绘制 2、绘制AP Div图层 AP Div 的图层属性可以在下方的属性面板设置 如果不想绘制的图层出现重叠，可以在“AP”设置 AP Div 的图层代码 3、表格与AP DIV的转换

内容简介：

-