五年级下册信息技术教案12设计框架网页闽教版.doc_第1页
五年级下册信息技术教案12设计框架网页闽教版.doc_第2页
五年级下册信息技术教案12设计框架网页闽教版.doc_第3页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

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)这节课有什么收获?(学生总结,教师补充总结)总结:这节课我们学习了如何设计框架网页、创建框架网页的方法,初步认识了框架网页布局技术在网页制作中的作用。同学们都能出色地完成老师布置的任务,希望在以后的课程中同学们能发挥

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论