《Dreamweaver 网页设计与制作》课件——项目六 制作电影网站——建立框架网页.pptVIP

* LOGO * LOGO * LOGO 项目五?制作饰品网站——用表格构建网页布局 任务 1 布局主页 index.html——表格的基本应用 任务 2 布局子页——表格的高级应用 任务3　汉字编码训练 任务4　万能五笔输入法使用技巧 * LOGO 项目五?制作饰品网站——用表格构建网页布局 任务 1 布局主页 index.html——表格的基本应用 任务 2 布局子页——表格的高级应用 任务3　汉字编码训练 任务4　万能五笔输入法使用技巧 任务 制作电影网站首页——框架网页入门 任务?制作电影网站首页 ——框架网页入门 ◆理解框架网页的基本概念 ◆掌握创建框架的基本方法 ◆区分框架与框架集，并掌握框架集的保存和属性设置 一、框架和框架集 在框架网页中，浏览器窗口被划分成了若干区域，每个区域称为一个框架。每个框架可显示不同文档的内容，彼此之间互不干扰。 框架网页由框架集定义，框架集是特殊的 HTML 文件，它定义一组框架的布局和属性，包括框架的数目、大小和位置，以及在每个框架中初始显示的页面 URL。 框架集文件本身不包含要在浏览器中显示的 HTML 内容，只是向浏览器提供如何显示一组框架，以及在这些框架中应显示哪些文档的信息。 使用框架最常见的情况是，一个框架显示包含导航控件的文档，另一个框架显示含有主要内容的文档。例如，图显示了一个由两个框架组成的框架网页：一个较窄的框架位于左侧，其中包含导航条；一个大框架占据了页面的其余部分，包含网页的主要内容。 由两个框架组成的框架网页 二、框架构造 如上图所示的网页至少由三个单独的网页文档组成：两个框架区域中显示的两个网页文档和把这两个文档显示在一个界面上的框架集文档。框架集文档定义了当前在浏览器中显示的网页文档的构造和各个框架的特征（如框架大小、边框颜色等），下图显示了该框架集文档的结构。 框架集文档结构 三、制作并保存框架集文档 在 Dreamweaver 中创建框架集的方法有很多，可以选择“文件”→“新建”命令，打开“新建文档”对话框，然后在左侧的“文档类型”列表中选择“示例中的页”，在“示例文件夹”列表中选择“框架集”，最后在“示例页”列表中选择框架类型并单击“创建”按钮，如图所示；也可以通过选择“修改”→“框架集”菜单下的子菜单，将普通页面拆分为框架集；另外，还可以单击“布局”插入栏中的“框架”按钮，在普通页面中插入预定义的框架集。 创建框架集文档 拆分上下框架 拆分左右框架 保存框架集 * LOGO * LOGO * LOGO 项目五?制作饰品网站——用表格构建网页布局 任务 1 布局主页 index.html——表格的基本应用 任务 2 布局子页——表格的高级应用 任务3　汉字编码训练 任务4　万能五笔输入法使用技巧 * LOGO 项目五?制作饰品网站——用表格构建网页布局 任务 1 布局主页 index.html——表格的基本应用 任务 2 布局子页——表格的高级应用 任务3　汉字编码训练 任务4　万能五笔输入法使用技巧