使用框架设计网.pptxVIP

1第5讲使用框架设计网页

(3学时)

教学重难点2A掌握创建和保存框架结构的网页B熟悉设置框架的链接目标C了解框架面板

1、什么是框架任务一在网页中建立框架3框架不是HTML文件是浏览器窗口中的一个区域，或一个容器它是存放一个单独HTML文件的容器

什么是框架集frameset~/frameset框架集是HTML文件，它定义一组框架的布局和属性，包括框架的数目、框架的大小和位置。

3、使用框架的好处5它可以把一个页面的“标志和标题”、“导航条”、“主要信息”分开为独立的HTML页面，使浏览器不需要重复加载“导航条”等信息。

任务二框架的基本操作6方法:1、创建HTML文件2、插入工具栏布局13种框架选其一或插入菜单HTML框架13种框架选其一3、文件保存全部4、首先弹出保存框架集对话框，再分别弹出保存主框架页面及导航页面注意：弹出对话框的数量取决于框架类型。删除框架拖动框架间的边框，一直将它拖动到最边上。

框架面板选择框架（shift+F2）文档窗口选择框架按alt键点击任何一个框架内部（或按alt键＋上方向键）在“框架”面板中，环绕每个框架集的边框非常粗；而环绕每个框架的是较细的灰线，并且每个框架由框架名称标识。

设置框架属性常用设置框架边框宽度设置为“0”、导航页面不出现滚动条、滚动条只出现在主框架中。设置框架属性设置各分框架属性滚动：是否出现混动条，“默认”浏览器处理，“是”一定出现，“否”决不出现。“自动”由内容多少决定。不能调整大小：是否让浏览者改动框架的大小。

框架网页实例1、东正科技公司

任务三内联框架（重点）10iframename=“abc”height=150width=250src=1.htmlscrolling=autoframeborder=0Iframe标记的使用格式：Name:链接的目标Src:文件的路径，可以是HTML文件，也可以是文本。width、height：内联框架的宽与高Scrolling:当src的指定HTML文件在指定的区域显示不完时，如果为“no”，则不出现滚动条，如果为“auto”则自动出现滚动条，如果为“yes”则显示滚动条。frameborder：内联框架的边框与宽度。

11实例：综合实验12-相册