网页设计与制作7.4使用层讲课.ppt

7.4 使用层 7.4.1 层的基本作用 7.4.2 插入层 7.4.3 层的基本操作 7.4.4 层的其他常用操作 7.4.5 转换表格和层 7.4.6 使用层布局网页 7.4.1 层的基本作用 层是带有CSS样式的Div或Span代码，用于网页元素的精确定位。 层可以精确定位页面上的元素，在层中可加入文本、图像、表格、插件等元素，还可插入嵌套层。 在网页制作中，层可作为一种网页技术定位，也可作为一种特效形式出现。 7.4.2 插入层 插入普通层 光标移至要插入层的地方，【插入】|【布局对象】|AP Div命令 插入嵌套层 光标移至创建的层中，【插入】|【布局对象】|AP Div命令 绘制层 【窗口】|【插入】命令，打开【插入面板，单击常用，下拉列表中选中【布局】，打开【布局】插入面板，将光标移至网页文档，拖动鼠标即可。 是布局下面的绘制AP Div 7.4.3 层的基本操作 选择【窗口】|【AP元素】命令，打开该面板，即可显示网页文档中显示插入的层。 1、选择层 将光标移至层的边框位置，当光标显示为十字双向箭头时，单击鼠标，即可选中层。 将光标移至层中，选择div标签，即可选中层。 单击【AP元素】面板中的ID列中的层的名称，即可选择该层。 2、设置层属性 选中层，选择【窗口】|【属性】命令，打开属性面板。 提醒：指定AP元素ID时，只能使用标准字母数字字符。每个AP元素都必须有自己唯一的ID。 3、移动层 选择要移动的层，拖动层边框即可移动层。 选择要移动的层，按下方向键，可以一次移动一个像素位置。 选择要移动的层，按下方向键，可以一次移动10个像素位置。 4、调整层的大小 手动调整层 精确调整层 打开【属性】面板，在【宽】和【高】文本框中输入数值，设置层精确大小。 5、删除复制层 删除层：选中层 【编辑】|【清除】命令，或按下Del键 复制层：选中层 【编辑】|【拷贝】命令，选择粘贴位置，【编辑】|【粘贴】即可 6、在层中插入元素 选中要插入对象的层，选择【插入记录】|【图像】命令，打开【选择图像源文件】对话框，选择图像，单击【确定】即可。 7.4.4层的其他常用操作 1、改变层的顺序 层的顺序就是层的显示顺序，可以再【AP元素】面板中改变。 在【AP元素】面板中选中某个层，单击Z轴属性列，在Z轴属性列文本框中输入层的叠堆顺序数字即可。 在【AP元素】面板中选中某个层，拖动至所需重叠位置，在拖动过程中显示一条直线，释放鼠标即可改变层的叠堆顺序。 2、设置层文本 选择【窗口】|【行为】命令，打开【行为】面板，单击 按钮，在弹出的菜单中选择【设置文本】|【设置容器的文本】，打开【设置容器的文本】对话框。 在【设置容器的文本】对话框的容器下拉列表中选择层的名称，在【新建HTML】文本框中可以输入文本内容，单击【确定】按钮即可设置层文本。 3、设置层的可见性 在AP元素面板中，手动设置层的可见性。单击面板中的 ，如果显示为 ，层为可见；如果显示为 ，隐藏层的显示。 4、对齐层 选中多个层，选择【修改】|【排列顺序】命令，在子命令中选择对齐方式。 5、将层对齐网格 选择【查看】|【网格设置】|【显示网格】命令，打开网格功能。然后选择【查看】|【网格设置】|【靠齐到网格】命令即可。 7.4.5转换表格和层 1、将表格转换为层 选中要转换为层的表格，然后选择【修改】|【转换】|【将表格转换为AP Div】命令，打开【将表格转换为AP Div】对话框。 2、将层转换为表格 选择所需转换为表格的层，选择【修改】|【转换】|【将AP Div转换为表格】命令，打开【将AP Div转换为表格】对话框。一般情况下选择系统默认的设置，单击【确定】即可。 7.4.6使用层布局网页 下面通过实例来介绍用层来布局网页的方法。 新建一个网页文档，使用层来布局网页。 * *