任务二 运用表格制作网页 教学设计 (1)

任务二 运用表格制作网页 教学设计
教学对象分析七年级：1、具备基本的计算机操作能力2、了解frontpage的软件基础使用方法，知道在frontpage 中创建网站3、对网页和网站有一定的基础认识知识目标1、学会分析网页页面是如何用表格进行切割的2、学会使用表格布局自己的网页技能目标在frontpage中使用表格布局网页情感目标通过理解和学习表格布局的方式，对比不同软件下设计页 面的不同理念和方式，陶冶学生学习技术的热情，培养学生分析事物本质的能力教学重点1、理解为什么在设计网页时需要用表格进行布局2、在frontpage中使用表格分割一个网页页面3、学会设置表格和单元格的参数教学难点如何将一个网页用表格切割成不同的页面教学方式任务驱动比较探究教学用具硬件：多媒体微机室软件：frontpage2003? 21世纪教育网版权所有
教学用时1课时教学过程一、复习与巩固：创建网站站点，为后续设计主页做铺垫。课前要求学生回忆上节课的内容，用frontpage2003在桌面创建一个网站。在自己的计算机桌面上创建一个个人网站。二、对比探究，讲授重点：通过设计两个不同的任务，解释frontpage和word在设计时的不同。Frontpage的文字图片排版功21教育网
1、发送一个事先做好的维尼熊字符画主页到学生桌面。2、任务探究:用frontpage打开这个预先设计好的主页，观看设计效果。使用frontpage的在网页中浏览的方式观看网页效果，并探究这种制作设计21cnjy.com
1、接收文件并按要求进行探究，研究并展示这种设计模式下网页的显示效果有什么缺陷。2、尝试在frontpage中制作出老师展示的效果图，在制作过程中比较跟word的不 能较弱，直接所有素材一起排版，容易发生页面形变。为了避免这种情况和方便在frontpage中排版布局，就要使用表格进行布局。方式的缺陷。3、展示这种排版模式下容易出现的形变效果。解释为何出现这类情况。4、任务探究：展示一个网页效果（维尼熊字符画在左，图片在右），探究如何在现有的网页基础上实现这种效果。5、展示学生在制作过程中遇到的困难和问题。同，看看在frontpage中有遇到哪些困难或问题。三、突破难点：利用画图工具，让学生探索几个大型网站的页面表格布局，加深学生对表格运用的理解，让学生在脑海中形成一个网页用表格布局的方式。1、任务探究：发送几个大型网站的页面截图，让学生利用画图工具，画出这些网站的页面布局模块。2、展示学生画出的布局。接收网站截图，用画图工具画出页面的表格布局方式。四、技术实现：引导学生如何在frontpage中用表格布局自己的主页格局。重点强调在设置参数时的注意事项。讲解：1、在frontpage中如何用表格布局自己的主页：首先在脑海中要想好自己的主页大概是什么样的一个布局，有几个模块，每个模块有几行几列。按照逐行或者逐列的方式布局每一个模块。2、使用frontpage的表格功能按行或列插入。表格属性参数注意事项：边框有无；表格大小；对齐方式；背景颜色。3、在设计时，想好每一个单元格放置什么内容， 1、了解和学习在网页中用表格布局的具体方式。2、注意在使用表格插入时，设置好表格的属性和单元格属性。3、用表格设计并展示自己的网站主页。如果尚未找到的内容可以用文字先进行标记。4、放置内容时，注意单元格的属性设置。展示：学生设计的表格布局的主页。五、课堂小结：frontpage的排版方式与word截然不同，所以在设计网页时，无论是主页还是子页，都要首先构思整个页面的布局情况，再利用表格去切割每一个页面。