08APDivspry.pptVIP

AP Div元素 AP Div元素（Absolutely Positioned Elements），即绝对定位元素，一般称为层。AP元素提供了一种对网页对象进行有效控制的手段。本部分讲述了AP元素的创建和设置方法，熟悉AP元素的基本操作，熟悉AP元素和表格的相互转换。 学习要点 一、认识AP Div元素 div标记 示例1 span标记 示例2 通常情况下，对于页面中大的区块使用div标记，而span标记仅用于需要单独设置样式风格的小元素，例如一个单词、一幅图片和一个超链接等。 AP元素，通常是指绝对定位的Div标签，可通过CSS来定义Div标签的显示样式，可以放在网页的任何位置，AP元素中可以包含文本、图像或其他任何可放在html正文中的内容。 学习要点 二、AP Div的创建与设置 将“插入”面板切换到“布局”模式，单击“绘制AP Div”按钮 ，鼠标移动到编辑窗口时变成十字形状，可以在网页中的任意位置拖动绘制一个AP Div的边框。如需连续绘制AP元素，可按住Ctrl键拖动鼠标左键来实现。 设置AP元素的属性 　拖动AP元素边框上的8个控制点可改变其大小。将鼠标放在AP元素边框上除控制点的其他位置，此时鼠标变成十字箭头形状，拖动鼠标可移动AP元素的位置。选中AP元素后通过属性面板设置其属性。 AP元素的溢出属性 学习要点 三、AP元素与表格的互相转换 1.将AP元素转换成表格 　 选中要转换的AP元素，使用菜单“修改”→“转换”→“将AP Div转换为表格”。 2.将表格转换成AP Div 　 选中要转换为AP Div的表格，使用菜单“修改”→“转换”→“将表格转换为AP Div”。 学习要点 Spry框架构件 Spry可用来创建更加丰富的网页效果，它支持一组用标准HTML、CSS和Javascript编写的可重用构件，用户可方便地添加这些构件并设置构件的样式。 Spry框架构件 Spry菜单栏 Spry选项卡式面板 Spry折叠式 Spry可折叠面板 《网页设计与制作》 认识AP Div元素 1 AP Div的创建和设置 2 AP Div与表格的相互转换 3 使用Spry框架构件 4 认识AP Div元素 1 AP Div的创建和设置 2 AP Div与表格的相互转换 3 使用Spry框架构件 4 嵌套AP元素：在AP元素面板中按住[Ctrl]键将一个AP Div拖动到AP列表的另一个AP Div上，可将其变为后者的子AP元素。 认识AP Div元素 1 AP Div的创建和设置 2 AP Div与表格的相互转换 3 使用Spry框架构件 4 认识AP Div元素 1 AP Div的创建和设置 2 AP Div与表格的相互转换 3 使用Spry框架构件 4