网页制作说课稿.doc

《网页制作》说课稿
一、说教材：《网页制作》是普通高中课程标准实验教材必修模块《网络技术应用》的第4章《网站实现》的内容，该内容分为四个课时，我今天要说的是第二课时的内容。这是一节实践操作课，应以学生自己实践为主，老师只需指出注意的要点，让学生通过合作协调构思创新的方式完成整节课的内容。
1、教学目标：
1）、利用表格定位网页
2）、添加网页元素
3）、使用模板制作其他页面
教学重点：利用表格定位网页
教学难点：使用模板制作其他页面
2、能力目标
通过学生自主探究学习，培养学生的实践能力，观察能力及解决问题的能力，以及对知识的迁移能力。
3、情感目标：
通过本课的学习，培养学生合作帮助、团结协作的良好品质，在合作实践过程中，培养学生大胆构思、自我创新的精神，培养学生的美感及创作后的成就感。
二、说教法
根据学生已有的知识结构体系，我主要是采用提问的方式引出每个教学目标，中间穿插比较、观察的方式加深学生的印象，培养学生的观察能力。并以小组形式进行，每个小组记录整个制作过程的情感体验。
三、说教学过程
由于学生在必修模块里已接触过网站的组建，对如何建立网站已有了一定的经验，而且学生也撑握了字处理软件如WORD工具的基本功能，学会了对文字图片及表格的基本处理。基于学生现有的知识技能，我决定让学生以小组形式组合成5个小组，由操作能力强的学生充当组长，带动其他成员完成网页制作，一来培养他们合作互助的关系，二来培养学生之间、师生之间的感情。我在整节课里只扮演一个组织者和提示者的角色，一步步引导学生完成本课的目标，让学生充分发挥自主性，协助性，培养他们合作、创新的能力。
对此，我设定了以下几个环节：
环节一
前面讲了网页的规划与设计，学生对将要建立的网站已有了一定的准备，如何让他们动手把他们构想中的网站有条理的组建起来。我会先提问学生都为他们的主页准备了哪些内容和素材（如文本、图片、动画、音频、视频）？你打算怎样安排它们的具体位置才能使网页更加合理美观，方便访问者访问？让学生带着问题思考。我接着在frontpage中打开学生常去的网站：腾讯QQ网站，让学生观察并提问他们发现了什么，再逐一把表格中的各元素删除，使网页上只留下一个空表格结构，从而引出目标一：利用表格定位网页。
紧接着让学生根据上节课设计好的版面，利用已学过的知识动手在网页中插入表格，调整表格的结构，使插入的表格结构与设计的版面尽量吻合，组长负责记录表格结构是否合理，并注明理由，使学生能合理的安排和组织表格结构，为以下的制作创造有利的条件。我会提醒学生要在编辑窗口和预窗口之间切换观察，使表格结构调整得更加合理。学生在调整表格中会遇到这么一个问题（或者由我设定出这个问题）：
想调A3单元格的列宽度，A1单元格保持不变，不管学生怎样调整总是会带动A1的改变，在学生急切想知道答案时我及时引出了表格的嵌套，学生恍然大悟，印象加深。接下来我会叫学生回想下以前浏览过的网页有没有看到表格的框架，如何才能让表格不显示在我们的网页中呢，从而引出表格属性的设置，让学生通过表格属性的设置来设置表格的边框、颜色等。根据课堂情况而定，可以再让学生尝试单元格属性的设定，能力好的学生可进一步尝试网页属性的设置，并比较三种属性之间的不同范围。
环节二
网页的框架搭好了，就象若大的房子已经想好了该在哪个位置摆放哪些家具和电器，往下一步就是要把这些实物摆放在相应的位置上来，你们接下来工作是为你们的网页添加各种素材到相应的单元格中，从而引出目标二：添加网页元素。学生动手把事先准备好的各种网页元素（如文本、图片、动画、音频、视频）添加到主页，也可使用教师机的共享资源库的素材。提醒学生在插入图片时应选择jpg或gif格式，有利于提高网页浏览速度，注意把握网页素材的比例，文字过多就会造成网页的吸引力减弱，图片过多就会使网站内容空洞、浏览速度下降。最后提问学生还能为网页添加哪些元素（水平线、超链接、背景音乐等）扩展学生知识，使能力强的学生可以进一步提高。
环节三
在轻松快乐的气氛中各小组已完成了早已酝酿已久的主页，并保存。学生体验到了成就感，兴趣高昂。我这时趁热打铁,提问学生，一个内容丰富的网站应该是由多个页面组成，才能更加完善你所表达的思想，接下来就是制作其他页面。这时我打开榕树下这个网站的主页和其他子页面，让学生欣赏并观察这些页面的风格是否一致，学生认可后我提示学生，一个网站的风格一般是由主页和子页来共同体现，因此其他页面应和主页面的风格保持一致，那我们接下要做的其他页面的风格也应和主页风格保持一致。提问学生是否还是象做主页一样从头开始一个页面一个页面制作？还是有更方便的方法，减少重复相同的操作，结合frontpage模板功能引出目标三：使用模板制作其他页面。提示学生把风格一致的部分保留下来，删除其他部分，并当作模板保存