网页设计教学设计分享

1、开放式网页整理系列教学设计【正文】一、设计思想浙教版信息技术基础第六章网页的设计与整理我通过一年的新课程教学实践，分析学生对信息技术知识的认知特点。准备打破原有教材的教学顺序，在第一、二、三章教学结束后，进行第六章网页的设计与整理教学。以学生为主体，培养学生创新能力和合作学习能力。采取任务驱动法和小组合作学习为主。教学内容为6.1 节网站和网页以及6.2 节 网页整理。总计6课时二、教材分析课标要求：1.能够根据任务需求，熟练使用文字处理、图形处理工具软件加工信息，表达意图；选择恰当的工具软件处理多媒体信息，呈现主题，表达创意。2.合乎规范地使用网络等媒介发布信息、表达思想。基本教学要求1通过

2、网页设计教学，了解并掌握网页设计软件的基本使用方法和网页设计的一般步骤，了解网页、网站的基本概念。2理解网页的基本构成元素。初步掌握网站的策划和构思。熟练掌握素材的收集与整理方法。初步掌握网站的调试和发布方法。本章在模块学习中的地位和作用第六章 网页的设计与整理教学内容包括6.1网页和网站的基础知识和网页整理工具简介，6.2网页整理一般步骤及利用表格布局网页。这一章综合运用第二章信息的来源与获取知识搜集网页素材，第三章信息的加工知识对素材进行处理。在网页整理和网站发布教学过程中又与第七章信息技术与社会知识产权和正确合理的使用网络资源的内容相了解。可见本章教学内容可以承上启下贯穿信息技术基础教学

3、全书绝大部分章节内容。通过本章教学可以综合运用在信息技术基础课程教学中所学的知识，对激活原有知识起到进一步深化提高的作用，也为后序章埋下伏笔。三、学情分析通过第二章、第三章和初中信息技术课程的学习，学生已有使用网络搜索信息的经验，在实践中不断总结积累自己利用网络搜索信息的经验，提高自己的网络信息搜索水平。学生能够对图片进行简单的处理。但多数学生对网站网页的了解也仅仅停留在这种简单的操作层面上，对网站网页的实质究竟是什么，如何整理网站网页问题还不甚了解，部分学生在初中阶段都没有整理过完整意义上的网页和网站。四、教学目标知识与技能：1.使学生了解网页、网站的基本概念。掌握网页设计软件的基本使用方法

4、和网页设计的一般步骤。2.提高学生对信息的获取、加工、管理、表达与交流的能力。3.提高学生自主学习获取知识能力和创新思维。过程与方法1.学生通过小组合作学习完成网站建设确立主题并完成网页设计。2.学生能运用已有的信息搜索和图片处理知识对网站整理中用到的 素材进行收集和简单处理。3.以小组为位开展活动，培养学生的协作学习能力。情感态度与价值观1.根据网站主题确定恰当的网页风格合理完成网页布局。2.树立遵守相关信息伦理道德与法律法规观念。形成与信息社会相适应的价值观和责任感。五、教学重点和教学难点：教学重点1.网页设计软件的基本使用方法和网页设计的一般步骤。2熟练使用文字处理、图形处理工具软件加工

5、信息，表达意图。教学难点1.网站的策划和构思。2.网站主题的确定。六、教学策略与手段教学策略为了更好的激发学生合作学习和探究精神，在教学过程中采用激活原有知识、指导学生自主学习和小组合作交流探究策略。教学手段以任务驱动，小组合作交流探究为主要教学手段，在分组过程中强调优势互补的合作方式。小组内让上机操作能力好的学生担任技术骨干，负责技术指导，带动全组同学的学习积极性和学习兴趣，一起参与到设计任务教学中。小组长负责项目进度查检各成员作务进展情况，协调组员之间关系，管理全组成员共同探究和交流完成小组开发任务。利用网络机房进行分组合作学习。七、课前准备教师向任教班级争集网站主题，例如“节约能源”、“

6、环保”、”防灾自救”等，然后让学生根据兴趣、爱好自由组合成八个开发小组。教师根据学生基础、认识水平，对各组成员作适当的调整，使各组实力相当。便于形成小组间相互竞争机制。小组成员选出本组项目负责人，组内讨论确定网站主题，分工细致明确。教师指定各小组使用的计算机。八、教学过程第一阶段 知识准备（一课时）1新课导入教师播放有关地质灾害记实片段和新闻“第13号台风“韦帕”于9月19日2时30分在浙江省苍南县登陆。受其影响，浙江、福建等省相继出现大风和强降雨天气，部分地区山洪暴发，城镇被淹，给人民群众的生命和财产造成严重损失。”设问我们能否利用我们所学到的信息技术知识，来提高人们防灾自救的常识呢？引导学

7、生一起回顾所学到的信息技术知识。让学生要学以至用，导入本章教学内容。激发学生的参与意识，使学生有跃跃欲试动手尝试作网页的热情。引入新课：网页和网站的构成2.教学内容：通过网络将学习相关资料下发给每位学生。任务一：登录自己喜欢的网站，你认为网站与网页有何不同？学生活动：交流网站与网页的区别。任务二：你最喜欢的那一个网页的页面由哪些元素组成？它们各有何作用？学生活动：阅读教科书，针对网页，找出网页的组成元素。任务三：让小组讨论，分析网站结构，由几部分构成，概括网站的主题。3小结教师活动：阐明网页和网站的区别，网页各元素的作用，确定网站主题的方法。如何分析网站结构。学生交流：小组间交流新想法，相互邦

8、助解答疑惑。4.作业：小组内讨论确定本组网站的主题，网站结构。初步确定网站构架，以小论文的方式呈现讨论结果。第二阶段 网站主题和架构（课余时间）小组负责人和组内成员课外完成作业，有疑问可向教师求助。完成网站的构架设计。小组内根据各人能力和特长明确责任和分工，人人都是学习的主体，要培养组内的责任感和合作精神。下三节课之前小组负责人向任课教师汇报小组讨论成果。任课教师验收结果，不合格小组在教师指导下重新讨论。第三阶段 素材的收集（一课时）教师将获取信息的过程转化为学习线索:寻找信息来源存储信息采集信息确定信息需求四部分内容展开教学活动，引导学生在合作、交流的过程中掌握获取信息的方法。要求学生利用关

9、键字和主题目录检索方法，在INTERNET网上检索信息,保存搜索到的素材。在教学中渗透因特网信息资源评价和知识产权的保。教学内容任务一：教师提示：用关键字和主题目录检索方法搜索与网站主题相关的素材.学生:复习GOOGLE，BAIDU等搜索引擎的使用。 任务二:学生根据网站主题搜集素材分类保存。小组内学生相互分工合作。任务三：图片处理文字编辑，小组内采取优势互补团结协作，取长补短。2结果验收小组负责人检察组内成员作业完成情况，作好记录向教师汇报。组内成员作业完成情况。第四阶段 网页整理工具简介（一课时）教师活动1.工具选择：根据学生的实际情况，决定利用FRONGPAGE开发网站。2.教师利用FR

10、ONTPAGE打开示例网页，讲解利用表格实现网页的布局及表格的操作方法。3.教师讲如何在指定的位置插入文字和图片。学生活动1.学生完成第一页网页的布局。2小组负责人检查作业进度，填写项目进展情况表，向教师汇报。小组项目进展情况汇总表小组编号组员姓名承担任务进展情况遇到的问题备注第五阶段 网站开发（二课时）学生活动1.小组成员分工完成自己的任务，遇到问小组成员间相互讨论，如果不能解决，可向教师求助。2.小组长每节课后向教师汇报本组任务进展情况，及本组在实施任务时遇到的问。教师活动教师随堂巡回各小组，了解任务进展情。随时解答学生遇到的疑问。正确引导学生完成作品。对大部分学生遇到的普遍问题，教师集中

11、辅导。记录各小组任务进展情，对任务完成较好的小组提出表扬。相对落后的小组给予鼓励，对实施任务中遇到的问题提供帮助。防止各别小组中途掉队任务失败。第六阶段 作品合成 网站调试（一课时）学生活动1.本人自查：小组内成员任务全部结束，首先组员自己复查本人完成的任务，经自查无错之后上交作业。2组内交换互查;小组内成员互查任务，发现错误后由开发者本人修改，然后重新测试。3作品合成：测试全部通过后，由组内技术好的成员负责合成作品。4网站测试：小组内其他成员分工测试网站，发现问题，小组成员集中解决。教师活动关注学生任务进展情况，对学生作品合成中遇到的问提供技术支持。第七阶段 作品评价（一课时）教师活动1教师给出作品评价标准：页面布局、色彩搭配、主题创意、网页内容、整体搭配。2作品评价量化标准：页面布局（5、3、2）、色彩搭配（5、3、2）、主题创意（5、3、2）、网页内容（5、3、2）、整体搭配（5、3、2）。注:5分代表好3分代表中2分代表差3教师做最后本次小组开发任务总结学生活动学生以小组为单位评价作品，计算得分最高的小组。【问题研讨】1如何更好的激历小组间竞争意识。2怎样协调小组内成员对任务的意见分歧。3如何在竞争前提下实现小组互