AP Div基础信息技术.pptxVIP

网页设计与制作AP Div基础1.1　AP Div概述　AP Div基础Div是块级元素，定义文档中的分区或节（division/section），可以把文档分割为独立的、不同的部分。AP Div和Div的作用基本一样，唯一的区别就是AP Div是带有绝对位置的Div。AP Div元素可以包含文本、图像或其它任何可放置到HTML文档正文中的内容。AP Div是一种网页元素的定位技术，使用AP元素可以实现以像素为单位精确定位页面元素。1.1　AP Div概述　AP Div基础AP Div除了可以精确定位外，还可以嵌套，实现网页内容的重叠效果。另外，AP Div还可以被显示或隐藏，尤其是网页客户端语言JavaScript可以通过改变AP Div的隐藏和叠加属性，形成各种页面特效。使用AP Div可以进行网页布局，可以通过将AP元素放置到其它AP元素的前后，隐藏某些AP元素而显示其它AP元素，以及在屏幕上移动AP元素，可以在一个AP元素中放置背景图像，然后在该AP元素的前面放置另一个包含带有透明背景的文本的AP元素实现网页结构的设计。1.1　AP Div概述　AP Div基础使用AP Div可以实现以下几方面的功能：（1）由于AP Div是绝对定位的，因此，AP Div可以游离在网页文档之上。利用AP Div可以浮动定位网页元素，包括文本、图像甚至其他的AP元素。（2）AP Div的z轴属性可以使多个AP Div发生叠加，即产生多重叠加的效果。（3）可以控制AP Div的显示和隐藏，是网页的内容变得更加丰富多彩。1.1　AP Div概述　AP Div基础使用AP Div时，在文档中插入一个Div标签，并为该Div标签指定一个ID值，默认情况下绘制的第一个Div指定apDiv1，绘制的第二个Div分配apDiv2，依此类推。所有AP元素（不仅仅是绝对定位的Div标签）都将在“AP元素”面板中显示。可以使用“AP元素”面板或“属性”选择器将AP Div重新命名。选择菜单命令“窗口”→“AP元素”，可以打开“AP元素”面板，如图所示。1.1　AP Div概述　AP Div基础“AP元素”面板与AP元素的“属性”选择器配合使用可以方便地对AP Div进行各种操作。（1）双击其中的AP Div名称可以对AP Div进行重命名操作。（2）单击AP Div后面的数字，可以修改AP Div的z轴属性，从而设置AP Div的重叠顺序，z轴属性值大的位于上方。（3）勾选“防止重叠”复选框，可以禁止AP Div重叠。（4）单击AP Div显示按钮 ，可以选择显示或隐藏AP Div。（5）单击AP Div名称可以选定AP Div，按住键盘键Shift不放，一次单击AP Div名称，可以同时选中多个AP Div。（6）按住键盘键Ctrl不放，将某个AP Div拖到另一个AP Div上，可以形成嵌套的AP Div。1.2　创建AP Div　AP Div基础　在Dreamweaver CS4中，可以通过以下的方法创建AP Div。　①将鼠标光标置于文档窗口中欲插入AP Div 的位置，选择菜单命令“插入”→“布局对象”→“AP Div”，即可插入默认的AP Div。　②将“插入”工具栏中“布局”选项卡下的“绘制AP Div”按钮 拖动到文档窗口中，也可以插入一个默认的AP Div。创建AP Div1.2　创建AP Div　AP Div基础 ③单击“插入”工具栏中“布局”选项卡下的“绘制AP Div”按钮 后，将鼠标移至文档窗口，当光标变为“＋”形状时，拖拽鼠标，绘制一个自定义大小的AP Div，如图所示，如果需要一次绘制多个AP Div时，可以在单击“绘制AP Div” 按钮后，按住键盘键Ctrl部分，连续进行绘制即可。创建AP Div1.2　创建AP Div　AP Div基础创建嵌套的AP Div （1）选择菜单命令“编辑”→“首选参数”，打开“首选参数”对话框。如图所示。 （2）在“首选参数”对话框中“分类”列表中选择“AP元素”，勾选“AP元素”设置项中的“在AP Div中创建以后嵌套”复选框后单击“确定”按钮。1.2　创建AP Div　AP Div基础 （3）单击“插入”工具栏中“布局”选项卡下的“绘制AP Div”按钮 后，将鼠标移至文档窗口，当光标变为“＋”形状时，在现有AP Div中拖拽鼠标，则绘制的AP Div就嵌套在现有的AP Div中。如图所示。创建嵌套的AP Div1.2　创建AP Div　AP Div基础创建嵌套的AP Div　在Dreamweaver CS4中，插入嵌套AP Div的步骤如下： （1）将鼠标光标定位到需要插入嵌套AP元素的父AP Div中。 （2）选择菜单命令“插入”→“布局对象”→“AP Div”，即可插入一个嵌套的子