第13课《制作框架网页》ppt课件_人教版_五年级下册

第8章 框架网页 在网页设计中，框架是组织复杂页面的 一种重要方法。框架可以将浏览器显示 窗口分割成几个不同的小窗口，每个窗 口可以独立显示不同的网页，而且在替 换窗口中的网页文件时，各个窗口之间 没有影响。 本章介绍框架网页的应用，主要内容有 ： 制作一个简单框架网页 创建框架和框架集 设置框架集属性 嵌套框架 框架集中的超链接 制作一个框架网页 8.1 制作一个简单框架网页 要制作框架网页，就要建立框架集。框架 集是组织页面内容的常见方法，通过框架 集可以将网页的内容组织到相互独立的 HTML页面内，相对固定的内容（比如导航 栏、标题栏）和经常变动的内容分别以不 同的文件保存将会大大提高网页设计和维 护的效率。 本节制作一个简单的框架网页，先对框架 集和框架等概念有一个概括的认识。 8.1.1 建立框架集 8.1.2 保存框架和框架集 8.1.3 理解框架集HTML代码 8.2 创建框架和框架集 锁谓框架集就是指定义网页结构与属性的 HTML 页面，这其中包含了显示在页面中 框架的数目，框架的尺寸，装入框架的页 面的来源，以及其他一些可定义的属性的 相关信息。框架集页面不会在浏览器中显 示（noframes 部分除外），它只是向浏 览器提供如何显示一组框架以及在这些框 架中应显示哪些文档的有关信息。 8.2.1 使用预定义的框架集 1创建新的空预定义框架集 2在现在有文档中创建预定义的框 架集 8.2.2 拆分和删除框架 拆分框架有以下几种方法： 将光标放置在要拆分的框架中，从【修改】|【框 架集】的子菜单中选择拆分项。 在“设计”视图中，将框架边框从视图的边缘拖入 视图的中间，以垂直或水平方式拆分一个框架或 一组框架。 如果要使用不在视图边缘的框架边框来拆分框架 ，可以按住【Alt】键并同时拖动框架边框。 要将一个框架拆分成4个框架，请将框架边框从“ 设计”视图一角拖入框架的中间。 如果要删除一个框架，只需将它的边框拖动到页 面之外或拖动到父框架的边框上即可。如果要删 除的框架中的文档有未保存的内容， Dreamweaver 将提示保存该文档。 8.3 设置框架集属性 框架和框架集是一些独立的HTML文档。可 以通过设置框架或框架集的属性来对框架 或框架集进行修改。对于框架和框架集的 设置，既可以在框架集文件的源代码中修 改标签和 的属性来完成，也可以在【属性】面板中 进行，后者更加直观。 8.3.1 选中框架和框架集 1在设计视图窗口中选择 2在【框架】面板中选择 8.3.2 设置框架的属性 框架的背景颜色可以在页面属性中进行 设置，而框架的的其他属性，比如确定各 个框架集内各个框架的名称、源文件、链 接、边距、滚动、边框和能否调整大小等 ，要在自己的属性面板中进行设置。 选取框架打开框架的【属性】面板。如 图所示。 8.3.3 设置框架集的属性 使用框架集属性面板可以设置边框和边框大 小。设置框架属性会覆盖在框架集中设置的相应 属性。比如，设置某框架的边框属性，将覆盖在 框架集中对该框架设置的边框属性。 选取框架集，打开框架集的【属性】面板。 如图所示。 边框：设置文档在浏览器中查看时是否显示框架边框。 边框颜色：设置边框的颜色。 边框宽度：指定框架集中所有边框的宽度。 框架大小：单击【行列选择范围】区域左侧或顶部的选项卡；然后在“值”文 本框中，输入高度或宽度。 8.4 嵌套框架 嵌套框架是指在框架内部再进一步包 含框架集。使用嵌套框架可以为一个网页 文档设置多个框架，而且它们都有独立的 HTML文档和框架文档。利用嵌套框架可以 实现比较复杂的网页框架结构。 下面制作一个嵌套框架网页实例，具 体制作步骤如下所述。 8.4.1 建立嵌套框架集 8.4.2 保存左侧框架 8.4.3 调整右侧框架 8.4.4 理解嵌套框架的HTML代码 8.5 框架集中的超链接 要在一个框架内使用链接打开另一个框架 中的文档，必须设置链接目标。可以使用 属性面板中的【目标】列表框，在弹出的 菜单中指定被链接的目标。在前面章节中 介绍超链接时，已经尝试过设置链接目标 ，但是由于当时没有使用框架页，因此一 些链接目标的设置没有效果，本节通过实 例讲解在框架页的背景下设置超链接的目 标。 8.5.1 相对链接目标_top 8.5.2 绝对链接目标 课堂实例制作一个框架网页 访问者在浏览框架网页时，可以使某个框 架中的内容固定不变，通过导航条的链接 更改主体框架的内容，从而达到网页布局 的相对统一。在一般情况下，可以用框架 来保持网页中固定的几个部分，比如网页 大标题、导航条等，剩下的框架用来展现 所选择的网页内容。利用框架可以更加灵 活地制作网页，本节将制作一个基于框架 的网页。 8.6.1 实例简介 网页共分4个框架，顶部为标题部分，左侧为导 航部分，右侧为主体部分，底部为版权说明部分。浏 览网页时可以通过单击左侧导航栏中的链接切换主体 部分的网页内容。效果如图所示。 网页中共分4个框架。顶部为标 题部分，显示网页的大标题；中间 左侧为导航部分，提供各网页的导 航链接；中间右侧为主体部分，显 示网页主要内容；底部为说明部分 ，主要包括一些版权信息。 网页展示的是一个语文课内容 ，共分4大部分，分别为：课文正文 、时代背景、中心思想和配乐朗诵 。这4部分内容分别放置在4个网页 中，并且通过导航链接控制在主框 架中显示。 8.6.2 制作步骤 1创建框架网页 2编辑各框架内的网页文档 3制作其他需要调用至主框架的网页 文件 4定义框架之间的超链接 本章习题 上机练习 练习1 制作一个3栏框架 制作一个3栏框架网页效果，如图8-51所示。 图8-51 框架效果 练习2 制作框架网页 制作一个框架网页， 如图8-52所示。在这 个页面中将文档分成 了上、中左、中右、 下4部分，上下两部 分在浏览者浏览整个 站点时内容保持不变 ，在中左的框架中放 置了二级导航的相关 内容，单击一级导航 的链接文字显示不同 的二级导航菜单，单 击二级导航菜单中的 链接文字，则在中右 部分的文档中显示相