网站大量收购独家精品文档,联系QQ:2885784924

《第9课 框架布局网页》精品课件.pptxVIP

《第9课 框架布局网页》精品课件.pptx

此“教育”领域文档为创作者个人分享资料,不作为权威性指导和指引,仅供参考
  1. 1、本文档共14页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多

第九课框架布局网页冀教版八上

一、分析网页布局猜猜我是什么布局?单一版式?上下版式?左右版式?还是……

1.什么是框架?2.框架由几部分组成?3.什么是框架式网页?二、思考

二、思考框架:(Frames)是布局网页的一种方式,框架可以把浏览器窗口划分为不同的部分,每部分显示单独页面,页面内容是相互联系的。框架由框架集(Frameset)和单个框架(Frame)两部分组成。框架集:是一个定义框架结构的网页,它包括网页内框架的数目、每个框架的大小、框架内网页的来源和框架的其他属性。单个框架:包含在框架集中,是框架集的一部分,每个框架中都放置一个内容网页,组合起来就是浏览者看到的框架式网页。

二、思考框架式网页:是由N+1个网页组成,N是框架数。

步骤一:站点根目录下创建index.html页面。步骤二:创建框架结构网页。操作方法:打开“index.html”页面,选择“插入——html——框架——上方及左侧嵌套(TopNestedLeft)”创建框架结构。将光标置于上方框架中,选择“修改——框架页——拆分上框架”,将上放框架分为上、下两部分。三、创建框架式网页

步骤三:显示框架结构操作方法:选择“窗口——框架”,在打开的“框架”面板中显示框架结构和各框架名称。步骤四:新框架命名操作方法:在“框架”面板中,选择“步骤二”中新拆分出来的框架,更改属性面板中的设置,为新框架命名为“topFrame2”。三、创建框架式网页注:如果框架内有滚动条,在“框架”面板中选中该框架,在框架属性面板中“滚动(Scroll)”栏设置为“自动(Auto)”,框架会根据其内部页面的状况决定是否出现滚动条。

四、完善网页1.在topFrame1中插入Flash文件操作方法:将光标置于框架topFrame1内,选择“插入——媒体——Flash”,在弹出的对话框中选择“Flash”文件夹下的“banner.swf”文件。

2.创建导航链接(1)将光标定位在框架“topFrame2”中,选择“插入——表格”,插入一个“1行6列”的表格。(2)在对应的单元格中,输入对应的栏目内容。(3)在页面属性中设置背景颜色。四、完善网页

3.框架式网页链接设置(1)在左框架中插入一个4行1列的表格、宽度设为100%,各行分别输入“绘画作品”“电子板报”“Flash动画”“网页”。(2)为“绘画作品”创建超链接到“zuopin”文件夹下的“huihualist.html”文件,在属性面板的“目标”列表中选择“mainFrame”。(3)同样的方法,为下面三个栏目分别设置链接。四、完善网页

4.目标链接方式:_blank_parent_self_top_mainFrame_leftFrame5.在页面设置浮动图片四、完善网页

1.为什么“我的作品”页面不用表格布局而用框架布局网页?2.框架结构布局网页的优缺点?五、思考

1.完成“我的作品”页面的制作。2.根据提供的素材,小组制作专题栏目网页。如:蝴蝶图片展水果大全……六、课堂练习

1.学习了框架的概念及组成。2.掌握了框架布局的制作方法,框架式网页的链接方式。3.利用CSS样式在页面设置浮动图片。七.课堂小结

文档评论(0)

crsky2046 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档