“网站实现”信息化教学设计模板.doc

1、“网站实现”信息化教学设计1引言1一、教学内容分析1（一）教材分析1（二）内容分析1（三）教学重点2（四）教学难点2二、学习者分析2（一）学习者的初始能力2（二）学习者的一般特征3（三）学习者的信息素养3三、学习目标分析3（一）知识与技能3（二）过程与方法3（三）情感态度与价值观4四、学习资源设计4（一） PPT课件4（二）短视频4（三）学习网站4五、教法和学法4（一）演示法和讨论法4（二）任务驱动，小组合作学习4六、教学过程5（一）第一课时5（二）第二课时7七、教学过程流程图8（一）第一课时8（二）第二课时10八、评价设计10（一）个人在小组合作学习中表现的评价量规11（二）小组作品质量评价

2、量规11“网站实现”信息化教学设计引言随着互联网的高速发展， 网站在我们的生活中变得越来越重要， 对我们的学习、生活都有着很大的影响。 为了适应社会的发展并且满足学习的需要， 作为当代高中学生的我们也应该掌握一些有关网站制作的知识和技能。 这样不仅可以提高我们的信息素养，对我们以后的学习和生活也会有帮助。一、教学内容分析（一）教材分析“网络实现”选自普通高中课程实验教科书网络技术应用选修，本模块由 3 个主题组成，结构如下图 1-1 所示：图 1-1 “网络实现”结构模块1. 课程标准对本节课的内容标准（ 1）能根据表达任务的需求，使用常用的网页制作软件制作网页。（ 2）通过开发实践，学会规划

3、、设计、制作简单网站的基本方法。2. 课程标准对本节课的活动建议对于给定的主题，以小组合作方式制订网站开发计划、设计网页结构、确定制作方案，并通过比较与评价，选出最佳方案，根据方案完成网站建设。（二）内容分析“网站实现”是高中选修教材网络技术应用第四章第三节的内容。是继网站规划、网站设计后进行网站实现的关键一节。从教材内容来看， 本节内容属程序性知识， 对学生有较强的吸引力， 在授课过程中， 要注重师生间的互动性和1操作性。本节内容分为 2 课时，第 1 课时为网站的实现， 第 2 课时为学生作品展示和评价。本节课的主要任务是使学生掌握在 Dreamweaver8 用表格规划网页及在网页中插入

4、图片、动画、超链接等相关知识与操作，并能合理、灵活地应用到网页制作中，美化自己的网页。本节课的教学内容如图1-2 所示。图 1-2 “网站实现”教学内容（三）教学重点1. 掌握网页中利用表格定位网页的方法 ;2. 学会添加网页元素。（四）教学难点本节课的学习难点是使用模板的方法来制作风格统一的网站。二、学习者分析学习者作为学习活动的主体， 其具有的认知、 情感、社会等特征都将对学习过程产生影响。因此，要取得教学设计的成功，必须重视对学习者特征的分析。（一）学习者的初始能力本节课的教学对象为高一年级第二学期的学生，在上学期他们通过 信息技2术基础必修课已经掌握了信息技术的基础知识、文本和表格处理

5、软件的应用，也学习了简单的网页制作技术， 如：建立站点、添加新网页、 利用表格布局网页、设置超链接等简单网页的制作。但往往会出现一个站点内各个页面风格不够统一，内容杂乱等问题。（二）学习者的一般特征此阶段的高中生自我表现意识和协作学习的愿望较强， 学习兴趣集中。因此，在教学过程中， 教师应注意设计有效的主题， 让学生成为活动的主体， 加强与学生的情感交流。 由于学生有不同的学习风格、 认知基础， 教师应了解学生的学习特点，给学生提供指导，考虑学生不同方面的发展，利用分组合作式的学习，通过同伴的影响提高学生的认知水平。（三）学习者的信息素养在对信息技术基本知识和基本技能的掌握程度方面， 高一年级

6、的学生具有一定的信息技术基础及网络知识， 学生上网兴趣高， 被丰富多彩的网页所吸引， 很想动手制作自己的网站，但对设计一个具体主题网站没有掌握。在运用信息技术解决问题的能力方面， 高一学生在遇到学习上的困难时， 能想到利用网络来求助，但大多数时候不能借助网络有效地解决问题。在信息意识、态度和对社会责任的理解方面， 大部分学生觉得网络对自己的学习有帮助，在进行信息查找的过程中也发现网上存在不健康和不良的信息， 应树立正确的网络伦理道德。 另外，大部分学生在收集素材的过程中没有思考如何避免侵犯别人的版权问题。三、学习目标分析（一）知识与技能1. 了解表格在网页设计中的作用，掌握利用表格定位网页；2

7、. 掌握网页中表格的制作方法、 表格属性的设置方法以及单元格的修饰与编辑方法，表格嵌套的设计方法，并会添加网页元素；3. 使用模板的方法来制作风格统一的网页。（二）过程与方法1. 利用对比学习，培养知识迁移的能力；2. 通过用表格结构设计网页， 进一步理解表格的作用、 功能及网页设计方法3的多样性，培养发散思维能力；3. 通过自主探究，掌握 Dreamweaver 8 的操作方法，培养自主学习的能力，观察能力及解决问题的能力。（三）情感态度与价值观1. 在合作实践过程中，培养合作帮助、团结协作的良好品质。2. 培养大胆构思、自我创新的精神及创作后的成就感。四、学习资源设计（一） PPT课件课前

8、教师用 PowerPoint 制作演示文稿，在课件中将网页制作的基本步骤附以截图向学生详细地展示，方便学生的自学；（二）短视频教师搜集一些本节课涉及到的 Dreamweaver8 的操作的短视频， 让学生边练边学。（三）学习网站建立一个 Dreamweaver 8 的学习网站，方便不同能力水平的学生扩展学习。五、教法和学法（一）演示法和讨论法让学生自学，尝试独立操作，然后根据学生自学效果，教师进行精讲演示、点评，并尽量让学生去讨论、示范，让学生充当小教师的角色，自学得较好的学生操作给其他学生看，通过讨论，学生间达到相互促进，相互影响的作用，最终共同进步。（二）任务驱动，小组合作学习根据学生学生

9、选题的相似程度， 自由结合成 46 人的小组。由操作能力强的学生充当组长， 带动其他成员完成网页制作。 通过教学课件的辅助， 在教师的引导下，各小组按照自己规划出的网页设计方案， 以任务驱动和分工合作形式制作网页。并通过自我评价、 小组评价、 师生互评相结合的评价方式使学生自主完成作业，由学生自己担任评委， 评选出优秀网页， 通过展示学生的优秀作品来激发学生对网页制作的兴趣。4六、教学过程( 一) 第一课时教学环节一、创设情境，激发兴趣二、小组合作制作主题网站，教师穿插讲解重难点知识教师活动同学们经常被网络上一些设计新颖、内容丰富的网站所吸引，那么你们想过它们是怎么制作出来的呢？你们想不想看一

10、些同学们制作的网站呢？教师向学生展示课前搜集好的网站作品。教师（提问）：请同学们选出一个你最喜欢的网站， 并说明喜欢的原因。1. 利用表格定位网页教师：同学们为你们的网站准备了哪些内容和素材呢？教师：你们打算怎样安排它们的具体位置才能使网页更加合理美观，方便访问者访问？教师：打开学生常去的网站，如腾讯 QQ网站，让学生观察并提问他们发现了什么，再逐一把表格中的各元素删除，使网页上只留下一个空表格结构。学生活动设计意图激发了学生的学习积极性和动力 , 对他们制作主学生：仔细观察老师题网站产生兴趣并提供的网站，回答老打下了良好的基师的问题。础。通过欣赏网站作品培养学生的观察能力和思维能力的提高。学

11、生：自主回答（如设计意图：检查学文本、图片、动画、生上节课的学习成音频、视频等）果并引出本课教学学生：思考老师提出目标一：利用表格的问题。定位网页）教师：对比展示两张素材相同学生：根据上节课设布局不同的网页。一个使用表格布计好的版面，利用已局，但表格边框隐藏，其页面工整，学过的知识，动手在文本、图片摆放对称，具有一定的网页中插入表格，调规律； 另一个页面凌乱，图文混杂，整表格的结构，使插摆放杂乱。入的表格结构与设计的版面尽量吻合。设计意图：用对比的方法让学生认识到用表格布局的优点并培养学生的知识迁移能力，使学生能合理的安排和组织表格结构，为以下的制作创造有利的条件教师：提醒学生要在编辑窗口学生

12、：学生思考并动和预览窗口之间切换观察，使表格手操作。设计意图：引出表结构调整得更加合理。教师引导，格属性的设置，让5并安排操作熟练的学生进行演示。教师：如何才能让表格不显示在我们的网页中呢？2. 添加网页元素学生：把事先准备好教师：把学生用到的技能要点的各种网页元素（如发到学习网站上并解决学生提出的文本、图片、动画、疑难问题。音频、视频）添加到主页，可以利用教师提供的短视频和PPT自主探索学习；学生通过表格属性的设置来设置表格的边框、颜色等设计意图：引导学生掌握添加网页元素的方法。培养学生的动手操作、实践能力和创新精神，提高学生小组合作学习和自主探究的能力，进一步培养学生发现、解决问题的能力，

13、进一步巩固对Dreamweaver 8 的操作与运用。3. 使用模板制作其他页面教师：打开“机器人做学玩”这个网站的主页和其他子页面，提示学生，一个网站的风格一般是由主页和子页来共同体现，因此其他页面应和主页面的风格保持一致，我们接下要做的其他页面的风格也应和主页风格保持一致。教师（提问）：那么我们是否还学生：思考 .是像做主页一样从头开始一个页面一个页面制作？还是有更方便的方法，减少重复相同的操作。设计意图：结合 Dreamweaver 8 模板功能引出目标三：使用模板制作其他页面教师：提示学生把风格一致的部分学生：自己动手为他保留下来，删除其他部分，当作模们的网站制作模板。板保存下来，供其

14、他页面使用，以后准备制作网页时可从模板列表中选取并在此基础上进行编辑。通过小组、教师之间的探讨问题培养学生强烈的团队合作精神，同时也增进了师生间的感情。4. 建立超链接学生：模仿PPT 中为教师：那么如何实现不同网页之间文字和图片添加超链的跳转呢？提示：同学们可以思考接的思路，尝试在网一下 PPT中是如何实现这一功能的。页 中 如 何 添 加 超 链设计意图：引导提示让学生运用类比的方法在网页中添加超链接6接。教师：根据全班同学掌握知识的程度和进度，进行适当的讲解。（注意：在整个操作的过程中，学生既可以通过教师发布的操作要点进行操作，也可以向同伴请教；教师要在学生制作的过程中密切关注各组对各知

15、识点在理解和运用上存在的共性问题，并及时在学生自学过程中穿插讲解重难点知识）三、归纳总结教师：同学们回顾一下你们在这一节课都学到了什么？在制作的过程中你们遇到了哪些问题？问题是否得到了解决？是通过什么方式解决的？教师：归纳学生存在的共性问题，并给出合理的建议。（二）第二课时学生：回答了在制作设计意图：进一步网站过程中遇到的一巩固掌握重难点知系列问题和相应的解识。决方法。这一节主要是针对学生已经完成的主题网站， 采用学生自评、 小组评价、师生互评相结合的方式， 让学生自行评价。 每个小组派一名代表讲述自己小组主题网站的内容安排、 用到的技术和版面的设计等， 并对其他同学和老师提出的问题予以解答。

16、最后，教师对全班同学的作品做一个总体的评价， 提出作品的优点和需要改进的部分。评价量规分为个人在小组合作学习中表现的评价量规和小组作品质量评价量规。评价量规见评价设计。7教学环节一、自我评价二、展示成果与评价三、综合评价四、提交作品教师活动首先教师给出学生个人在小组合作学习中表现的评价量规，让学生进行自我评价、组内成员评价教师让各组同学展示一下各组的制作成果，同学们都来欣赏并结合小组作品质量评价量规来评价各个小组的作品教师对各个小组的作品作出综合的评价，表扬优点，提出不足。教师指定提交格式，各组提交作品学生活动设计意图学生结合个人表现评价量规评价自让学生能客观地对自己的表现己在小组里的表现作出

17、评价，增强团队意识学生认真分析欣赏 让学生学会评价的基本方法，其他组的作品， 并对 既能看到别人的优点，也可以其他组作出客观地提出改进的方案，了解其他组评价的想法，交流思想，激发创作灵感。结合教师的评价， 修让学生明确自身的不足以及闪改小组的作品光点。为以后的学习奠定基础。学生提交作品七、教学过程流程图（一）第一课时8开始网页展示教师创设情境，导入新课学生仔细观察作品教师提问：选择一个最喜欢的网站并说明原因学生思考并回答教师提问学生的前期素材准备情况学生自主回答教师提问：怎样具体安排素材的位置让网页更美观和方便访问学生思考网页教师引出本节课教学目标利用表格定位网页网页教师利用对比的方法分析用表

18、格定位网页的优点学生练习用表格布局教师引导帮助教师进一步提出如何在网页中不显示表学生思考并动手操作PPT、网页添加网页元素教师解决学生提出的疑难问题网页 “机器人做学玩 ”主题网站教师提示学生要注意网站中主页和子页风格的一致性教师提问子页面要如何做9学生思考教师提问：如何实现不同网页之间的跳转并提示学生类比PPT中添加超链接的方法PPT、视频学生尝试在网页中建立超链接教师指导学生学生回答遇到的问题教师提问学生的学习收获以及遇到的问题教师归纳总结结束（二）第二课时开始Word评价量规教师提出让学生进行自我评价自我评价、组内评价教师让学生展示作品网页 学生作品学生评价教师综合评价学生修改作品并提交

19、结束符号说明：教学内容与教师活动学生活动媒体运用学生利用媒体操作、学习10教师进行评价判断八、评价设计（一）个人在小组合作学习中表现的评价量规评价项目A级B 级C 级学生自评组员互评教师评价完成任务每次都能够按时完偶尔能够按时完成几乎不能按时完成成小组分配的任务小组分配的任务小组分配的任务参加活动能积极主动的参加能参加小组的活动每次参加小组的活小组的活动动都要催促帮助他人每次都能够给其他偶尔都能够给其他没有为其他成员提成员提供帮助成员提供帮助供过帮助提出意见对小组讨论的问题偶尔能对小组讨论几乎不能提出好的积极提供好的意见的问题提供好意见意见总结汇报积极对小组讨论的在组长的要求下会没有做过小组的

20、总结果做总结报告做总结汇报结汇报（二）小组作品质量评价量规受评小组：网站主题：评价人：评价日期：评价内容评分规范信息来源 3 分信息准确，时效性强，信息出处明确 2 分大部分信息准确，时效性强，大部分信息的准确性可以得到考证 1 分信息的准确性无法考证内容安排 3 分网站内容丰富，除了广泛收集各种资料以外，还包括作者自己独立的见解 2 分网站内容丰富，但网站所包括的内容都是通过广泛收集得来的，不包括作者自己独立的见解 1 分网站内容不够丰富，所收集的资料不够全面页面布局 3 分页面布局合理，并且正确使用了表格对网页进行精确地定位 2 分页面布局存在某些不合理的地方，使用表格对网页定位基本准确

21、1 分页面布局一般，没有使用表格对网页进行定位色彩搭配 3 分界面友好，色彩搭配合理 2 分部分色彩搭配不合理 1 分色彩搭配需要较大幅度的改进导航 3 分链接正确，页面之间跳转灵活，访问者很容易找到所需要的信息 2 分 链接正确，但部分页面之间跳转不灵活 1 分 部分链接不正确，页面之间跳转不灵活，容易导致访问者迷航图片、动画 3 分 图片、动画的使用恰到好处，增强了网站主题的表达11 2 分 所引用的图片、动画与主题有关，但部分图片、动画的使用喧兵夺主 1 分 所引用的图片、动画与主题关系不大，容易分散访问者的注意力页面3 分包含 8 个或 8 个以上的页面 2 分 包含 4-8 个页面 1 分 仅包含 0-3 个页面小组合作 3 分小组成员之间有明确的分工，网站是小组成员共同劳动的成果 2 分 小组成员之间分工不是很明确，网站是大部分成员共同劳动的结果 1 分 小组成员之间几乎没有分工，网站完成只是某个或某几个小组成员的劳动成果附：第一课时流程图（考虑到由于word 版本不同可能会导致流程图错位，故附以截图）12第二课时流程图13