《使用框架和apdiv布局页面》

《《使用框架和apdiv布局页面》》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、本章将介绍框架和APDiv的基本知识以及使用它们布局页面的基本方法。第08章使用框架和APDiv布局页面学习目标掌握创建框架的方法。掌握设置框架的方法。掌握创建APDiv的方法。掌握设置APDiv的方法。掌握Div标签的使用方法。8.1创建框架创建框架保存框架在框架中打开网页文档拆分框架8.1.1创建框架DreamweaverCS3中预先定义了很多种框架集，创建预定义框架集的方法如下。选择【文件】/【新建】命令，打开【新建文档】对话框，切换到【示例中的页】选项卡，在【示例文件夹】列表中选择【框架集】选项，在右侧的【示例页

2、】列表中选择相应的选项在欢迎屏幕中，选择【从模板创建】/【框架集】命令在当前网页中，单击【插入】/【布局】工具栏中（框架）按钮的（向下箭头），在弹出的下拉按钮组中单击相应的按钮在当前网页中，选择菜单栏中的【插入记录】/【HTML】/【框架】中的相应命令8.1.1创建框架8.1.1创建框架8.1.2保存框架由于一个框架集包含多个框架，每一个框架都包含一个文档，因此一个框架集会包含多个文件。在保存框架网页的时候，不能只简单地保存一个文件，而要将所有的框架网页文档都保存下来。可以分别保存每个框架集页面或框架页面，也可以同时保存

3、所有的框架文件和框架集页面。选择【文件】/【保存全部】命令，整个框架边框的内侧会出现一个阴影框，同时弹出【另存为】对话框。8.1.3在框架中打开网页文档新创建的每一个框架都是一个空文档，也可以在该框架内直接打开已经预先制作好的文档。将鼠标光标置于框架内，选择【文件】/【在框架中打开】命令，打开文档即可。8.2设置框架选择框架和框架集设置框架集属性设置框架属性设置框架中的超级链接8.2.1选择框架和框架集一、在【框架】面板中选择框架和框架集选择【窗口】/【框架】命令，打开【框架】面板。【框架】面板以缩略图的形式列出了框架集

4、及内部的框架，每个框架中间的文字就是框架的名称。在【框架】面板中，直接单击相应的框架即可选择该框架，单击框架集的边框即可选择该框架集。被选择的框架和框架集，其周围出现黑色细线框。8.2.1选择框架和框架集二、在编辑窗口中选择框架和框架集按住Alt键不放，在相应的框架内单击鼠标左健即可选择该框架，被选择的框架边框将显示为虚线。单击相应的框架集边框即可选择该框架集，被选择的框架集边框也将显示为虚线。8.2.2设置框架集属性在【框架】面板中单击框架集边框，将整个框架集选中，然后在【属性】面板中，设置框架集属性。8.2.3设置框

5、架属性在【框架】面板中单击框架将其选中，然后在【属性】面板中设置相关参数。8.2.4设置框架中的超级链接在没有框架的文档中，按照指向的对象窗口不同，链接目标可以分为“_blank”、“_parent”、“_self”、“_top”等4种形式。而在使用框架的文档中，又增加了与框架有关的目标，可以在一个框架内使用链接改变另一个框架的内容。8.3创建APDiv创建APDiv修改APDiv的默认设置8.3.1创建APDiv将鼠标光标置于文档窗口中欲插入APDiv的位置，选择【插入记录】/【布局对象】/【APDiv】命令，插入一个

6、默认的APDiv。将【插入】/【布局】面板上的（绘制APDiv）按钮拖曳到文档窗口中，插入一个默认的APDiv。8.3.1创建APDiv单击【插入】/【布局】面板上的（绘制APDiv）按钮，将鼠标光标移至文档窗口中，当鼠标光标变为+形状时，拖曳鼠标光标，绘制一个自定义大小的APDiv。如果想一次绘制多个APDiv，在单击（绘制APDiv）按钮后，按住Ctrl键不放，连续进行绘制即可。8.3.1创建APDiv制作嵌套的APDiv通常有两种方式：一种是在APDiv内部新建嵌套APDiv；另一种是将已经存在的APDiv添加到另

7、外一个APDiv内，从而使其成为嵌套的APDiv。一、绘制嵌套APDiv首先选择【编辑】/【首选参数】命令，打开【首选参数】对话框，选择【分类】列表中的【AP元素】分类，勾选右侧面板中的【在APdiv中创建以后嵌套】复选框，然后在【插入】/【布局】工具栏上单击（绘制APDiv）按钮，在现有APDiv中拖曳，则绘制的APDiv就嵌套在现有APDiv中了。8.3.1创建APDiv二、插入嵌套APDiv将鼠标光标置于所要嵌套的APDiv中，确定插入点，然后选择【插入记录】/【布局对象】/【APDiv】命令，插入一个嵌套的APD

8、iv。三、使用【AP元素】面板制作嵌套APDiv在【AP元素】面板中选择一个APDiv，按住Ctrl键，将其拖曳到另一个APDiv上面，形成嵌套APDiv。8.3.2修改APDiv的默认设置选择【编辑】/【首选参数】命令，打开【首选参数】对话框，在其中的【分类】列表框中选择【AP元素】分类。8.4设置APDiv选择A