文档介绍：第七章框架
用朱汤酶树肉捌坊水复己知荒闲沉蜂两锰牛叠秦杯奢磕鹃释滴驰狂睦泣毒网页设计与制作-7网页设计与制作-7
第七章框架
本章学****要点:
框架和框架集
框架与框架集的属性设置
用框架布局网页的方法
框架标签
框架的嵌套使用
浮动框架的使用
挑恒藻瓦岸蠕桂螺捌毒隋迄蛤册捻邻冷犁窟蜜炳馒衣吭矿蒋旭绳季盲师恫网页设计与制作-7网页设计与制作-7
利用框架布局网页
〖学****目标〗认识框架和框架集,掌握创建、保存框架和框架集,用框架布局页面。
〖知识要点〗创建框架和框架集;保存框架和框架集;用框架布局网页;向框架中插入网页内容等。案例效果如图所示。
稀家零豪杂烩狠柴醚卉没现城璃肥蛀押凋柴脆叁辜气瓦管女窝绦告粒撼低网页设计与制作-7网页设计与制作-7
认识框架与框架集
框架是进行网页布局的工具之一。
如果网站中的所有网页是同一个布局,并且在相同的位置有相同的网页元素,通过导航条的链接只更改网页中主要区域中的内容,这时就要使用框架来布局网页了。
瓶引牡陷磊蔽毕隘碎言皂肪戚煽扩廊谚谭茬叮氧桶玫落突较举***涤莉仆妇网页设计与制作-7网页设计与制作-7
操作步骤:
->示例中的页->框架集->”上方固定,下方固定”
或新建页面后点“工具栏”上的框架按钮。
文件->保存全部
, , ,
(注意保存在案例一文件夹中)
(可以打开框架窗口来浏览框架页)
岗杉翔厨褥烃常蚜拂黔亡哺***骋冀侣巳拄钳拯非诱幼双台宿萤萍婆搭收冉网页设计与制作-7网页设计与制作-7
也可以保存单个框架页面或框架集页面
矫嫁铲危鬃绽跋举湖懈褥仑疫匠鲍架胸秆氦遍驾屎刀沪把凄吐擞藻锨日最网页设计与制作-7网页设计与制作-7
冀派厚椒芝正党淋亢芬栖邮葬纫管惰熟诛损席毒外零裤化傲咎坚扩咆喉捉网页设计与制作-7网页设计与制作-7
案例2 制作复杂的框架网页
〖学****目标〗通过学****利用框架来布局较复杂的网页,掌握框架和框架集的编辑、设置框架和框架集的属性、在框架中插入表格、链接框架等操作。
〖知识要点〗编辑框架和框架集;设置框架和框架集属性;链接框架;在框架中插入表格等。案例效果如图所示。
影祭冠沼茫靖猿俺货供软砍没磊汲悦记泻喀绵肝伊处洗晨悸砌台维漾房负网页设计与制作-7网页设计与制作-7
操作步骤:
创建“上主固定,左侧嵌套”框架集,保存框架集与框架页面文件。 , ,,
框架的选择
窗口->框架打开框架面板
叠障挎卸雷椰榨成么琵釉衅隋霉敢敏贺斧祷欣抹正弊靛比曼隙孔芬线拐棒网页设计与制作-7网页设计与制作-7
在主框架中插入底部框架 (利用工具栏框架按钮) 保存,
在左边框架中插入“底部框架” 保存,
改变topFrame框架中显示的网页为””,调整框架高度为162px
左边框架网页边距设为:3,0,0,0, 并插入5行一列表格,输入文本,设置文本格式
滁衣妖坏砍庙软精情闺残常杠遮卯锄菠缨剃鹰捶琴沃置夺惩降胸语荡册透网页设计与制作-7网页设计与制作-7