Dreamweaver网页制作教程 第7章 框架.pptVIP

第7章 框架 课前复习 本章要点 框架的概念 创建框架 选择框架 编辑框架 保存框架和框架集文件 7.1框架的概念 框架的作用就是把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页。 框架主要包括两部分，一个是框架集，另一个就是框架。框架集是在一个文件内定义一组框架结构的HTML网页。 框架集是HTML文件，它定义一组框架的布局和属性，包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的 URL。框架集文件本身不包含要在浏览器中显示的 HTML 内容；框架集文件只是向浏览器提供应如何显示一组框架以及在这些框架中应显示哪些文档的有关信息。 而框架则是指在网页上定义的一个显示区域。 7.2创建框架和框架集 有两种创建框架集的方法：既可以从若干预定义的框架集中选择，也可以自己设计框架集。 选择预定义的框架集将自动设置创建布局所需的所有框架集和框架，它是迅速创建基于框架的布局的最简单方法。只能在文档＂窗口的＂设计＂视图中插入预定义的框架集。 7.2.1使用预定义的框架集 1. 在现有文档中创建预定义的框架集。 将插入点放置在打开的文档中 从＂插入＂＂HTML＂＂框架＂子菜单中选择预定义的框架集。 在“插入”栏的“布局”类别中，单击“框架”按钮上的下拉箭头，然后选择预定义的框架集。 单击＂确定＂。 2.选择＂文件＂＂新建＂菜单命令。 在＂新建文档＂对话框中，选择＂框架集＂类别。 从＂框架集＂列表选择框架集。 单击＂创建＂。 7.2.2用户自定义框架集 选择“修改”“框架页”，然后从子菜单选择拆分项（例如“拆分左框架”或“拆分右框架”）。Dreamweaver 将窗口拆分成几个框架。如果打开一个现有的文档，它将出现在其中一个框架中。 1) 将一个框架拆分成几个更小的框架。 将光标定位在要拆分的框架中，然后选择＂修改＂＂框架页＂子菜单选择拆分项。 将框架边框从＂设计＂视图的边缘，拖入＂设计＂视图的中间，可以将垂直或水平方式拆分成一个框架或一组框架。 2）删除框架 将边框框架拖离页面或拖到父框架的边框上，则可实现框架的删除操作。 如果要删除的框架中的文档有未保存的内容，则 Dreamweaver 将提示保存该文档。 3）调整框架的大小 要设置框架的粗略大小，是在＂文档＂窗口的＂设计＂视图中拖动框架边框。 7.3 选择框架和框架集 1. 在“框架”面板中选择框架和框架集 1) 选择“窗口”“框架”菜单命令，或按Shift-F2键，显示“框架”面板。 2) 选择一个框架 : 在“框架”面板中单击框架。在“框架”面板和“文档”窗口的“设计”视图中，框架周围都会显示一个选择轮廓 3)选择一个框架集 :在＂框架＂面板中单击环绕框架集的边框。框架集周围都会显示一个选择轮廓。 2. 在“文档”窗口中选择框架和框架集 1)在“文档”窗口的“设计”视图中 2)选择一个框架 :按住 Alt 键的同时单击框架内部。 在框架周围显示一个选择轮廓。 3)选择一个框架集:单击框架集的某一内部框架边框。 7.4 在框架中打开文档 可以通过将新内容插入框架的空文档中，或通过在框架中打开现有文档，来指定框架的初始内容。 要在框架中打开现有文档： 1）将插入点放置在框架中。 2）选择“文件”“在框架中打开”。 3）选择要在该框架中打开的文档，然后单击“确定”。 该文档随即显示在框架中。 7.5 保存框架和框架集文件 在浏览器中预览框架集前，必须保存框架集文件以及要在框架中显示的所有文档。 1. 保存框架集文件： 1)在“框架”面板或“文档”窗口中选择框架集。 2) 选择“文件”“保存框架集”。或将框架集文件另存为新文件：选择“文件”“框架集另存为”。 在属性检查器的“目标”弹出式菜单中，选择链接的文档应在其中显示的框架或窗口： _blank 在新的浏览器窗口中打开链接的文档，同时保持当前窗口不变。 _parent 在显示链接的框架的父框架集中打开链接的文档，同时替换整个框架集。 _self 在当前框架中打开链接，同时替换该框架中的内容。 _top 在当前浏览器窗口中打开链接的文档，同时替换所有框架。 2.保存框架中显示的文档 在框架中单击，然后选择“文件”“保存框架”或选择“文件”“框架另存为”。 3．保存与一组框架关联的所有文件： 选择＂文件＂＂保存所有框架＂。 7.6查看和设置框架属性 1．查看框架属性 1）选择框架。 2）在“属性”检查器（“窗口”“属性”）中，单击右下角的展开箭头，查看所有框架属性。 2.更改框架属性 ＂框架名称＂：接的 target 属性或脚本在引用该框架时所用的名称。 ＂源文件＂：在框架中显示的源文档。单击文件夹图标可以浏览到一个文件并选择一个文件。 ＂滚