- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
12设计框架网页
一、教学目标
1.了解框架网页的基本概念及用途
2.了解网页设计的一般流程,能根据素材规划网页结构
3.能用“网页模板”中的“框架网页”创建“标题页脚和目录”型框架网页
二、教学重难点
1.教学重点
(1)了解网页设计的一般流程,能根据素材规划网页结构
(2)了解框架网页的概念,能用“网页模板”中的“框架网页”创建“标题页
脚和目录”型框架网页,理解和运用框架网页布局技术。
2.教学难点
能用“网页模板”中的“框架网页”创建“标题页脚和目录”型框架网页,理解
和运用框架网页布局技术。
三、教学方法
欣赏作品法、演示讲授法、展示评价法
四、教学过程
(一)欣赏作品,导入新课
1. 教师端展示“植物博物馆网页”,网页窗口被分成三块区域:上框页头区域、
左框目录导航区域、右框内容区域。
2. 展示“昆虫博物馆网页窗口”,网页窗口被分成两块区域:左框目录导航区
域、右框内容区域。
3. 讲授:大家刚才所看到的网站都用到了框架布局技术,每个网页都用了固定
的框架结构,当我们点击左框目录链接时,右边内容区域发生变化,其他框架都
没有变,这个就是框架设计的优点,简约、高效。框架是一种常用的网页布局技
术,它将浏览器分割成几个区域,每个区域都是相对独立,可以显示不同的网页
内容,这些区域就称为框架,利用框架制作的网页就叫做框架网页。这节课让我
们一起来学习如何设计框架网页。(板书标题)
(二)设计框架网页
1.请同学们自已阅读教材68-71的内容,请个别同学起来回答设计框架网页的流
程。(教师板书)
2. (课件展示)讲授设计框架网页流程
(1)确定主题
讲授:主题是作品创作的方向,不管是写作文、做手抄报、黑板报都要先确定主
题,才知道要做些什么,才能考虑要什么素材。在我们制作网站之前,也要确定
主题。那么常用的主题有哪些呢?(课件展示)
(2)收集素材和处理素材
讲授:主题确定后,我们就可以根据主题收集相关的素材,大家还记得在我们之
前课程中制作客家魂网站时都用到了哪几种素材?(学生回答,教师展示课件)
图片素材、文本素材、视频素材是从哪些渠道获取呢?(学生回答,教师课件展
示)
(3)规划网站结构
讲授:素材收集好后,我们要根据素材内容规划下要从哪几个方面来表现主题,
这就要规划下我们的网站结构。我们之前做过的客家魂网站是从哪几个方面来规
划的,大家还记得吗?(学生回答,课件展示)
(4)创建框架网页
1.讲授:FrontPage 自带了许多已设计好的框架模板,用户可以直接选择相对应
模板即可方便地创建出所需的框架网页。创建框架网页的步骤与创建普通网页的
步骤有什么不一样呢?接下去让我们一起来探索。现在有请一位同学上来给同学
们演示创建普通网页的方法。(学生演示)
刚才大家都已经看了教材,现在来考验一下同学们的自学成果,谁愿意上来演示
下创建框架网页?(学生演示)
2.对比:刚才两位同学已经演示了普通网页和框架网页,大家有没有发现,其实
其他的步骤都一样,就在选择网页模板的时候有点不同。大家看下普通网页和框
架网页有什么不同?(学生回答)
3.布置任务:
(1)布置框架网页并保存为:index.htm
(2)尝试探索框架网页中“设置初始网页”与“新建网页”的区别
4.拓展任务:完成教材72 的创新活动,大家发挥自己的想象力和创造力,规划
网站的结构,设计框架网页,思考下可以从哪几个方面来展示主题“我的童年”。
(三)总结与评价
1.展示完成的作品并评价
2.引导学生说一说:
(1)在制作框架网页过程中遇到了什么困难?
(2)这节课有什么收获?(学生总结,教师补充总结)
总结:这节课我们学习了如何设计框架网页、创建框架网页的方法,初步认识了
框架网页布局技术在网页制作中的作用。同学们都能出色地完成老师布置的任
务,希望在以后的课程中同学们能发挥自己的想象力和创造力,大胆运用所学的
技术,独立设计出更多喜欢的网页。
3.评一评:接下来的时间,同学们一起来完成教材72页的活动评价,给自己本
节课的表现打个分吧。
文档评论(0)