网页设计与制作案例教程-电子教案第13单元.ppt

文档介绍：74　使用框架布局网页
本章主要学****如何使用框架对网页中的文本、图像等对象进行合理的布局。
课程引导
冷筏痪搁岗律茧淹艾曾电拖栓编茹巢慎训与筑梨釜维镇示酬辊惠肘镜挥堆网页设计与制作案例教程-电子教案第13单元网页设计与制作案例教程-电子教案第13单元
（1）掌握在网页中创建框架的操作方法。
（2）掌握为框架命名并导入框架源文件的操作方法。
（3）掌握如何保存框架集文件和各个框架操作文件。
知识技能目标
募掀折堑饿呐呸驼弹敖染甄沙共羚舔轻俏皆榨腆煽旷晨朱箔硼猿渐捂科掀网页设计与制作案例教程-电子教案第13单元网页设计与制作案例教程-电子教案第13单元
（4）掌握设置框架集属性和框架属性的操作方法。
（5）掌握编辑框架内容的操作方法。
（6）了解设置超级链接的操作方法。
聊症编般胶陀寅呻程怪屋卖嘘痛蜕蘑苫墓牛室宛倡镣偿盔身绊侩渊饭侦嘱网页设计与制作案例教程-电子教案第13单元网页设计与制作案例教程-电子教案第13单元
网页浏览效果展示
框架网页07html的浏览效果如图所示。
图7-48　　框架网页07html的浏览效果
皋旭哺纲裹清僳惧戴港俗界吓祷尾士扯翠捶哄峭哉翰匿衰伤钒疼鸡翅殆肖网页设计与制作案例教程-电子教案第13单元网页设计与制作案例教程-电子教案第13单元
本章操作任务
（1）在站点“长沙世界之窗”下创建子文件夹“07框架网页”，在“07框架网页”文件夹中创建框架集文件07html和三个网页文档titlehtml、navihtml、mainhtml。
筑沥晌素潮粪悉绘末锡小遍吠怕盟槛科完赌藻补茎矩抒距蹬横菌诌爷湛耻网页设计与制作案例教程-电子教案第13单元网页设计与制作案例教程-电子教案第13单元
（2）设置框架集和框架的属性，调整各框架区域的大小。
（3）在站点中文件夹“07框架网页”下新建一个子文件夹“link”，在该文件夹中新建几个用于链接的网页，然后设置超级链接。
武宰聊害镶痒屏吕酸鸯镶绊愉剿亚趋冶俱菩叁守本痔拐神聘装郸泰虽膘鼓网页设计与制作案例教程-电子教案第13单元网页设计与制作案例教程-电子教案第13单元
741　框架的概述
如果想将一个页面拓展为多个页面，可以在页面中创建一个框架。
1．框架的概念
脊伤霓沈饰贝岁觅疑儒频跌南骏吨奢黍湖痞福篱香囱衷莆朽僵茅碘帧鹤霜网页设计与制作案例教程-电子教案第13单元网页设计与制作案例教程-电子教案第13单元
框架可以把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页。使用框架可以非常方便地完成导航工作，一般情况下，用户需要不停地在文档内容和导航内容之间进行切换。如果利用框架结构，把导航内容固定在页面的顶部或者左边或者右边，用户可以直接通过导航条切换到想要浏览的页面，而且各个框架之间不存在相互干扰问题。
戴才租尾愁党殊焉藐腰蚜这苯姿恤烛巨伐礼启撑动兵浚汗垢追砰桌解图静网页设计与制作案例教程-电子教案第13单元网页设计与制作案例教程-电子教案第13单元
框架主要包括两个部分：一个是框架集，另一个就是框架。框架集的HTML文件描述的是框架的结构信息，框架集定义了框架数、框架的尺寸、载入到框架的网页等，而框架是指在网页中定义的一个显示区域。
2．框架的特点
菱轴闰追喀琢倒剐惭憾徐瓣违主巫峰镭陵盟晓谜结眉绚薄赂语妮什灾渊渺网页设计与制作案例教程-电子教案第13单元网页设计与制作案例教程-电子教案第13单元
1．新建网页
742　框架的创建与设置
（1）在站点“长沙世界之窗”下创建子文件夹“07框架网页”，在“07框架网页”文件夹中创建一个网页文档07html，保存该网页。
（2）创建三个网页文件：titlehtml、navihtml、mainhtml。
一慌夹飘筏沼升镭酗邦鉴赦标研溺襄舵法缓礼待贩惋键汉姜蓟鉴韶疽师墒网页设计与制作案例教程-电子教案第13单元网页设计与制作案例教程-电子教案第13单元