[dreamweavercs3项目教程之div.pptVIP

Dreamweaver CS3 项目教程 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 任务七 布局技术之三—层AP Div 技能目标 熟练运用层AP Div进行页面布局技术。 熟练运用层的嵌套和定位技术改变页面的布局。 知识目标 熟练掌握如何描绘层和层的插入。 掌握层的属性设置及调整。 掌握在层中输入文字、插入图像的方法。 掌握嵌套层的创建方法。 了解层与表格之间的相互转换方法。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 3.3.1 使用层AP Div搭建页面 3.3.2 问题探究—认识层AP Div 3.3.3 知识拓展—AP元素与表格的转换 3.3.3 知识拓展—拖动AP元素行为 3.3.3 知识拓展—显示-隐藏元素行为 任务七 布局技术之三—层AP Div Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 任务七 AP Div —构建任务 工作任务 层是网页制作时经常用到的对象，也是重要的网页布局工具之一。由于层在页面布局方面具有更大的随意性，通过拖动、方向键或指定坐标位置的方式就可以放到网页的任何位置，不受网页中其他元素的限制和干扰，就像浮在页面上方一样。运用层的此特性创建布局更加合理、美观的网页效果。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 任务七 AP Div —构建任务 工作流程 在站点中新建一个页面并保存。 在网页中插入一个层作为整个页面的限制范围。 插入嵌套子层。 在层中插入文字和图片元素。 在层中插入表格等复杂网页元素。 通过属性设置精确调整层的位置和大小。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 任务七 AP Div —构建任务 网页布局效果 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 任务七 AP Div —问题探究 在Dreamweaver CS3以下版本AP Div被称为层。AP Div又称绝对定位元素（AP元素），是分配有绝对位置的，用来精确控制浏览器窗口对象位置的HTML页面构成元素。AP Div可以通过层的重叠和次序的改变，实现一组包含着文字或图像等元素的胶片变换效果；可以通过动态设定层的显示或隐藏，实现层内容的动态交替等特殊显示效果；通过层子层遗传父层的嵌套特征，实现内容的可见及位置移动等。AP Div的出现使网页技术从二维空间拓展到三维空间，使页面元素能实现相互重叠，及更复杂的布局设计，成为网页设计新的发展方向。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 任务七 AP Div —问题探究 AP Div的创建 在Dreamweaver CS3中，可以在页面上轻松地创建和定位层AP Div。创建步骤如下： 选择菜单“插入记录/布局对象/AP Div”命令，在设计窗口创建一个预设大小的AP Div。 直接将“绘制AP Div”按钮拖动到设计窗口松开左键，就可在编辑区创建一个预设大小的AP Div。 单击“插入”面板中“布局”选项下的“绘制AP Div”按钮，这时鼠标形状变成了“+”形，按下鼠标左键并向右下拖动，画出大小合适的一个矩形，释放鼠标左键，就可以绘制AP Div。 Evaluat