框架的创建和保存

一、框架的作用和特点

框架的作用：

框架的作用就是把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页。框架由两个主要部分——框架集和单个框架组成。框架集是在一个文档内定义一组框架结构的HTML网页。框架集定义了一页网页显示的框架数、框架的大小、载入框架的网页等。单个框架是指在网页上定义的一个区域。

内容非常多的网页不宜采用框架式结构，所以大网站中几乎所有的网页都不是框架式网页。

框架的特点

• 只要单击某一个框架区域内的超链接，其指向的网页就会在另一个框架区域中显示，而不必将整个浏览器窗口的内容更换一遍。
• 固定网页中的某些内容。
• 并不是所有的浏览器都能显示框架网页。另外，不同的分辨率会对框架显示有一定的影响，这也是框架网页的一个局限。

框架样例：

徐志摩诗选 　　　　　　背景图素材

二、框架的创建

在Dreamweaver中有两种创建框架页的方法，既可以自己设计框架页，也可以从若干预定义的框架页中选择。

1. 创建自己设计的框架页

　　操作方法如下：

1. 在创建自己设计框架网页前，执行“查看”->“可视助理”->“框架边框”命令，使框架边框在未命名的文档窗口中可见。
2. 要创建框架页，可执行以下操作之一：

• 执行“修改”->“框架页”->“拆分上框架”（或选择拆分左、右、下框架）
• 按住ALT键拖拽任一条框架边框，可以垂直或水平分割文档（或已有的框架），按住ALT键从一个角上拖拽框架边框，可以把文档（或已有的框架）划分为四个框架。

3. 利用b中的任一方法：拆分一个左框架

技巧：将边框框架拖离页面或拖到父框架的边框上即可删除框架

2. 预定义框架页（推荐）

　　Dreamweaver预定义了13种框架页，使用预定义的框架页，可以轻易创建想要的框架页模式。操作方法如下：

• 打开或新建一个空白文档
• 将工具栏由“标准”改为“布局”，单击工具栏中“框架”按钮右边的下箭头，在弹出的13种预定义框架中选择适合自己需要的框架页单击，即可完成框架页的创建。

 

三、编辑和保存框架

• 框架内添加内容

在框架中添加和格式化文本，与在普通网页中添加和格式化文本相同。可输入文本，也可以插入图像和表格。

• 保存框架和框架页

在浏览器中预览框架页前，必须保存框架页文件及要在框架中显示的所有文件。

执行“文件”->“框架集另存为…”命令和“文件”->“框架另存为…”命令，可以保存框架文件和框架中显示的文件，以前面的框架页一分为三的实例来说，保存的文件共有4个。为了便于管理和识别框架文件，建议框架文件和页内文件的文件名应该要有一定的关联。

• 调整框架的大小

主要方法有两种

方法一：拖动框架的边框调整大小
方法二：单击边框选中框架，在属性窗口中设置行或列的值，这种方法可以精确调整

• 选择框架和框架页

在“框架”面板中选择框架和框架页

执行“窗口”->“框架”命令，可以打开“框架”面板，在该面板中显示出框架的层次结构比在文档窗口中显示的更为直观，框架由框架的名称加以识别。

在“框架”面板中可以清楚地显示框架名，也可以方便地选择框架的各部分。

在“文档”窗口中选择框架和框架页

要在文档窗口中选择一个框架，在设计视图中，按住ALT键的同时按下上光标键
要选择父框架页，在选中当前框架的情况下，按住ALT键的同时按下上光标键
要选择当前选定框架的第一个子框架页，按住ALT键的同时按下下光标键

四、练习

建立一个类似于样例的框架页，点这里看样例