第十三课《复杂网页的制作——带框架网页的设计》课件（22张ppt）

课件22张PPT。———带框架网页的设计第13课 复杂网页的制作信息技术(七下)情景导入框架网页是一种特殊的网页，它可以将浏览器窗口分成称为框架的不同区域，每个区域都可以显示不同的网页。例如，使用“横幅和目录”框架网页模板创建的框架网页包含三个框架：横幅、目录和主框架。如图13-1。信息技术(七下)学习目标1、学会建立带框架的网页； 2、学会设置框架属性； 3、学会建立带框架网页的链接。信息技术(七下)本文内容1、创建带框架的网页 2、设置框架属性 3、带框架网页的超链接信息技术(七下)1.创建带框架的网页信息技术(七下)框架1、概念：框架实际上是一种特殊的网页，它可以根据需要把浏览器窗口划分为多个区域，每个框架区域都是一个单独的网页。 2、组成部分：框架集和单个框架两部分组成。信息技术(七下)框架网页1、概念：框架网页是一种特殊的HTML网页，它可以将浏览器窗口分成不同的区域，称为框架区域。每个区域都可以显示不同的网页。 2、种类：使用Frontpage制作网页时，常用到的框架网页是标题、标题页脚和目录、垂直拆分、横幅和目录、嵌套式层次结构、水平拆分、页脚和自顶向下的层次结构。①在“文件”菜单中选择“新建”、“网页”； ②在新建对话框中选择“框架网页”选项卡，如图13-2； ③选择框架网页类型，然后确定。信息技术(七下)创建框架网页2.设置框架属性在框架网页上右击，在弹出的菜单中选择“框架属性”，打开“框架属性”对话框，如图13-3。信息技术(七下)针对网页中的每一个框架———横幅、目录或主框架，我们都可以指定以下属性。（1）名称。 （2）框架大小(宽度及高度)。 （3）边距大小。 （4）是否可以在浏览器中调整页面的大小、是否显示滚动条。信息技术(七下)（5）是否显示边框、框架间距是多少，如图13-4。信息技术(七下)信息技术(七下)显示和隐藏框架边框①将光标放在任意一个框架中； ②单击鼠标右键，从弹出的快捷菜单中选择“框架属性”命令，弹出框架属性对话框；单击“框架网页”按钮，打开网页属性对话框； ③选择或禁用“显示边框”复选框，就显示和隐藏框架边框； ④单击“确认”按钮，回到“框架属性”对话框；单击“确认”按钮。信息技术(七下)显示和隐藏框架滚动条在“框架属性”对话框中，从“显示滚动条”的下拉列表中选择“显示”或“不显示”或“需要时显示”。3.带框架网页的超链接带框架结构网页建立超链接时，特别要注意：选定好目标框架，否则可能会在你不希望的框架中打开了超链接的网页。信息技术(七下)例如：要通过单击目录框架中的“嫦娥奔月”，在主框架中打开相应的网页，就必须在“目标设置”中指定“主框架(main)”为目标框架(用鼠标单击一下主框架区域)，如图13-5。信息技术(七下)信息技术(七下)在框架中设置文本超链接①在框架中选择要设置超链接的文本，单击“常用工具栏”中的“插入超链接”按钮，弹出“插入超链接”对话框； ②选择要链接的文件，单击“目标框架”按钮，弹出“目标框架”对话框； ③选择目标框架，单击“确定”按钮，回到“插入超链接”对话框； ④单击“确定”按钮，则超链接设置完成。在框架设置图片超级链接与在框架中设置文本超级链接基本相同。带框架网页的保存知识林带框架的网页在保存时，每一个框架都是作为一个单独的网页(文件)分别保存的，而整个框架又是以另一文件保存的。例如，“横幅和目录”框架网页结构在保存时，横幅框架(banner)、目录框架(contents)及主框架(main)三个网页通常是以top.htm、left.htm和main.htm三个文件保存的，而整个框架则以另一个HTML文本保存。信息技术(七下)练一练1、框架在网页制作中起什么作用？可将浏览器窗口分成称为框架的不同区域，每个区域都可以显示不同的网页。信息技术(七下) ... ...