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页的活动评价,给自己本节课的表现打个分吧。