文档介绍：该【使用框架设计网 】是由【165456465】上传分享，文档一共【11】页，该文档可以免费在线阅读，需要了解更多关于【使用框架设计网 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。第5讲 使用框架设计网页 (3学时)
汇报日期
汇报人姓名
单/击/此/处/添/加/副/标/题/内/容
掌握创建和保存框架结构的网页
熟悉设置框架的链接目标
了解框架面板
1
2
3
教学重难点
1、什么是框架
单击此处添加文本内容，文字是您思想的提炼，请尽量言简意赅的阐述观点
单击此处添加文本内容，文字是您思想的提炼，请尽量言简意赅的阐述观点
1
2
任务一在网页中建立框架
框架集是 HTML 文件，它定义一组框架的布局和属性，包括框架的数目、框架的大小和位置。
什么是框架集<frameset>~</frameset>
3、使用框架的好处
03
“导航条”等信息。
它可以把一个页面的“标志和标题”、“导航条”、“主要
01
02
信息”分开为独立的HTML页面，使浏览器不需要重复加载
任务二 框架的基本操作
方法:
1、创建HTML文件
2、插入工具栏>布局> 13种框架选其一
或插入菜单>HTML>框架>13种框架选其一
3、文件>保存全部
4、首先弹出保存框架集对话框，再分别弹出保存主框架页面及导航页面
注意：
弹出对话框的数量取决于框架类型。
删除框架
拖动框架间的边框，一直将它拖动到最边上。
框架面板选择框架（shift+F2）
文档窗口选择框架
按alt键点击任何一个框架内部（或按alt键＋上方向键）
在“框架”面板中，环绕每个框架集的边框非常粗；而环绕每个框架的是较细的灰线，并且每个框架由框架名称标识。
设置框架属性
常用设置
框架边框宽度设置为“0”、导航页面不出现滚动条、滚动条只出现在主框架中。
设置框架属性
设置各分框架属性
滚动：是否出现混动条，“默认”浏览器处理，“是”一定出现，“否”决不出现。
“自动”由内容多少决定。
不能调整大小：是否让浏览者改动框架的大小。
框架网页实例
1、东正科技公司
任务三 内联框架（重点）
<iframe name=“abc” height=150 width=250 src="" scrolling="auto" frameborder="0">
Iframe标记的使用格式：
Name:链接的目标
Src: 文件的路径，可以是HTML文件，也可以是文本。
width、height ：内联框架的宽与高
Scrolling:当src的指定HTML文件在指定的区域显示不完时，如果为“no”，则不出
现滚动条，如果为“auto”则自动出现滚动条，如果为“yes”则显示滚动条。
frameborder：内联框架的边框与宽度。