讲座7使用AP div和框架.pptVIP

Dreamweaver CS4中文版基础培训教程 主讲：XXX老师 第7讲 使用AP Div和框架 教学目标 7.1 使用AP Div 7.1.1 功能讲解 7.1.2 范例解析──插入和设置AP Div 7.1.3 课堂实训——使用AP Div制作特殊效果 7.2 使用框架 7.2.1 功能讲解 7.2.2 范例解析——插入和设置框架 7.2.3 课堂实训——使用框架布局“技术论坛”网页 7.3 综合案例──使用框架布局“网络管理系统”网页 教学目标 掌握创建和编辑AP Div的方法。 掌握设置AP Div属性的方法。 掌握创建、编辑和保存框架的方法。 掌握设置框架和框架集属性的方法。 掌握创建嵌入式框架的方法。 7.1使用AP Div 7.1.1 功能讲解 7.1.2 范例解析──插入和设置AP Div 7.1.3 课堂实训——使用AP Div制作特殊效果 7.1.1 功能讲解 认识AP Div和【AP元素】面板。 创建AP Div。 AP Div属性。 创建嵌套AP Div。 编辑AP Div。 AP Div和 Div标签。 一、认识AP Div和【AP元素】面板 AP Div是一种能够随意定位的页面元素，如同浮动在页面里的透明层，可以将AP Div放置在页面的任何位置。由于AP Div中可以放置包含文本、图像或多媒体对象等其他内容，很多网页设计者都会使用AP Div定位一些特殊的网页内容。 页面中所有的AP Div都会显示在【AP元素】面板中。选择【窗口】/【AP元素】命令，可以打开【AP元素】面板。如图所示是一个包含多个AP Div的【AP元素】面板。 在【AP元素】面板中可以实现以下功能。 可以对AP Div进行重命名。 可以修改AP Div的z轴顺序。 可以禁止AP Div重叠。 可以显示或隐藏AP Div。 可以选定AP Div，如果按住Shift键不放，依次单击可以选中多个AP Div。 按住Ctrl键不放，将某一个AP Div拖动到另一个AP Div上，形成嵌套的AP Div。 二、创建AP Div 在创建AP Div时，可以直接插入一个默认大小的AP Div，也可以直接绘制自定义大小的AP Div。 插入默认大小的AP Div。 绘制自定义大小的AP Div 。 （1）插入默认大小的AP Div 将光标置于文档窗口中，选择【插入】/【布局对象】/【AP Div】命令将插入一个默认大小的AP Div，也可以将【插入】/【布局】面板上的 按钮拖曳到文档窗口，此时也将插入一个默认大小的AP Div。 当向网页中插入AP Div时，AP Div属性是默认的，如AP Div的大小和背景颜色等。如果希望按照自己预先定义的大小插入AP Div，可以选择【编辑】/【首选参数】命令，弹出【首选参数】对话框，在【分类】列表中选择【AP元素】分类，根据需要对其中的参数进行设置即可，如图所示。 （2）绘制自定义大小的AP Div 在【插入】/【布局】面板上单击 按钮，然后将鼠标指针移至文档窗口中，当指针变为形状时，按住鼠标左键并拖曳，到适合位置释放鼠标左键，将绘制一个自定义大小的AP Div，如图所示。如果想一次绘制多个AP Div，在单击 按钮后，按住Ctrl键不放，连续进行绘制即可。 三、AP Div属性 插入AP Div以后，在【属性】面板中可以查看和编辑AP Div的属性，如图所示。 四、创建嵌套AP Div AP Div的嵌套就是指在一个AP Div中创建另一个AP Div，且包含另一个AP Div。制作嵌套的AP Div通常有两种方式：一种是在AP Div内部新建嵌套AP Div；另一种是将已经存在的AP Div添加到另外一个AP Div内，从而使其成为嵌套的AP Div。 绘制嵌套AP Div。 插入嵌套AP Div。 使用【AP元素】面板制作嵌套AP Div。 （1）绘制嵌套AP Div 选择【编辑】/【首选参数】命令，弹出【首选参数】对话框，选择【分类】列表中的【AP元素】分类，勾选右侧面板中的【在AP Div中创建以后嵌套】复选框，如图所示，然后在【插入】/【布局】面板中单击 按钮，在现有AP Div中拖曳，则绘制的AP Div就嵌套在现有AP Div中了。 （2）插入嵌套AP Div 将光标置于所要嵌套的AP Div中，然后选择【插入】/【布局对象】/【AP Div】命令，插入一个嵌套的AP Div，如图所示。 （3）使用【AP元素】面板制作嵌套AP Div 在【AP元素】面板中选中一个AP Div，按住Ctrl键，将其拖曳到另一个AP