人教版信息技术第九册第12课《制作框架网页（二）》ppt课件.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所示。在这个页面中将文档分成了上、中