网页制作Dreamweaver CS4 - 7、使用AP div和框架课件.ppt

《网页制作Dreamweaver CS4 - 7、使用AP div和框架课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第7讲使用APDiv和框架教学目标7.1使用APDiv7.1.1功能讲解7.1.2范例解析──插入和设置APDiv7.1.3课堂实训——使用APDiv制作特殊效果7.2使用框架7.2.1功能讲解7.2.2范例解析——插入和设置框架7.2.3课堂实训——使用框架布局“技术论坛”网页7.3综合案例──使用框架布局“网络管理系统”网页教学目标掌握创建和编辑APDiv的方法。掌握设置APDiv属性的方法。掌握创建、编辑和保存框架的方法。掌握设置框架和框架集属性的方法。掌握创建嵌入式框架的方法。返回目录7.

2、1使用APDiv7.1.1功能讲解7.1.2范例解析──插入和设置APDiv7.1.3课堂实训——使用APDiv制作特殊效果返回目录7.1.1功能讲解认识APDiv和【AP元素】面板。创建APDiv。APDiv属性。创建嵌套APDiv。编辑APDiv。APDiv和Div标签。返回目录一、认识APDiv和【AP元素】面板APDiv是一种能够随意定位的页面元素，如同浮动在页面里的透明层，可以将APDiv放置在页面的任何位置。由于APDiv中可以放置包含文本、图像或多媒体对象等其他内容，很多网页设计者都

3、会使用APDiv定位一些特殊的网页内容。页面中所有的APDiv都会显示在【AP元素】面板中。选择【窗口】/【AP元素】命令，可以打开【AP元素】面板。如图所示是一个包含多个APDiv的【AP元素】面板。返回目录在【AP元素】面板中可以实现以下功能。可以对APDiv进行重命名。可以修改APDiv的z轴顺序。可以禁止APDiv重叠。可以显示或隐藏APDiv。可以选定APDiv，如果按住Shift键不放，依次单击可以选中多个APDiv。按住Ctrl键不放，将某一个APDiv拖动到另一个APDiv上，形成

4、嵌套的APDiv。返回目录二、创建APDiv在创建APDiv时，可以直接插入一个默认大小的APDiv，也可以直接绘制自定义大小的APDiv。插入默认大小的APDiv。绘制自定义大小的APDiv。返回目录（1）插入默认大小的APDiv将光标置于文档窗口中，选择【插入】/【布局对象】/【APDiv】命令将插入一个默认大小的APDiv，也可以将【插入】/【布局】面板上的按钮拖曳到文档窗口，此时也将插入一个默认大小的APDiv。当向网页中插入APDiv时，APDiv属性是默认的，如APDiv的大小和背景颜

5、色等。如果希望按照自己预先定义的大小插入APDiv，可以选择【编辑】/【首选参数】命令，弹出【首选参数】对话框，在【分类】列表中选择【AP元素】分类，根据需要对其中的参数进行设置即可，如图所示。返回目录（2）绘制自定义大小的APDiv在【插入】/【布局】面板上单击按钮，然后将鼠标指针移至文档窗口中，当指针变为形状时，按住鼠标左键并拖曳，到适合位置释放鼠标左键，将绘制一个自定义大小的APDiv，如图所示。如果想一次绘制多个APDiv，在单击按钮后，按住Ctrl键不放，连续进行绘制即可。返回目录三、A

6、PDiv属性插入APDiv以后，在【属性】面板中可以查看和编辑APDiv的属性，如图所示。返回目录四、创建嵌套APDivAPDiv的嵌套就是指在一个APDiv中创建另一个APDiv，且包含另一个APDiv。制作嵌套的APDiv通常有两种方式：一种是在APDiv内部新建嵌套APDiv；另一种是将已经存在的APDiv添加到另外一个APDiv内，从而使其成为嵌套的APDiv。绘制嵌套APDiv。插入嵌套APDiv。使用【AP元素】面板制作嵌套APDiv。返回目录（1）绘制嵌套APDiv选择【编辑】/【首

7、选参数】命令，弹出【首选参数】对话框，选择【分类】列表中的【AP元素】分类，勾选右侧面板中的【在APDiv中创建以后嵌套】复选框，如图所示，然后在【插入】/【布局】面板中单击按钮，在现有APDiv中拖曳，则绘制的APDiv就嵌套在现有APDiv中了。返回目录（2）插入嵌套APDiv将光标置于所要嵌套的APDiv中，然后选择【插入】/【布局对象】/【APDiv】命令，插入一个嵌套的APDiv，如图所示。返回目录（3）使用【AP元素】面板制作嵌套APDiv在【AP元素】面板中选中一个APDiv，按住C

8、trl键，将其拖曳到另一个APDiv上面，形成嵌套APDiv。APDiv的嵌套和重叠不一样。嵌套的APDiv与父APDiv是有一定关系的，而重叠的APDiv除视觉上会有一些联系外，其他根本没有什么关系。返回目录五、编辑APDiv在创建了APDiv以后，许多时候要根据实际需要对其进行编辑，包括选择APDiv、缩放APDiv、移动APDiv、对齐APDiv、APDiv的可见性和APDiv的Z轴顺序等。返回目录（1）选择APDiv单击文档中的图标来选定APDiv，如果该图标没有显示，可在