《网页设计与制作》课程信息化教学设计方案正文.docx

《网页设计与制作》的信息化教学设计 —以《响应式网页布局》为例 编制人：XXX老师 授课班级： 编制日期：二0一八年八月二十三日 PAGEI 目 录 TOC \o 1-3 \h \z \u 一、教学分析 1 1.1教学内容 1 1.2学情分析 2 1.3教学目标 2 1.4重点难点 3 二、教学设计 3 2.1教学方法 3 2.2信息化教学手段 3 三、教学过程 4 3.1课前认知 4 3.2课中学习 4 3.3课后拓展 7 四、教学效果 8 4.1学生成果展示 8 4.2教学评价 8 五、创新与特色 8 5.1特色 8 5.2效果 9 六、教学反思与规划 9 6.1反思 9 6.2规划 10 《网页设计与制作》的信息化教学设计—以《响应式网页布局》为例 PAGE10 / NUMPAGES12 一、教学分析 1.1教学内容 本课程是中职计算机网络技术专业的基础课之一，教学目的在于教会学生掌握网页设计制作的基本知识和技巧，在此同时，熟练掌握建设网站的基本知识，可以通过自身的学习和时间，建立简单的自用网站，在将来可以通过团队协助的方式，达到建设符合市场需求的网页水准，为学生毕业后从事相关工作奠定基础，本课程除了理论知识外，还注重课堂时间，因此引入部分信息化教学，引导学生通过信息化手段自我学习提升。 本课程的基本内容是学生掌握HTML语言的文档结构和基本标签使用，并综合应用Dreamweaver CS6软件、HTML和CSS技术制作网页；掌握规划、开发、发布和管理静态网站的专业知识和技能；能独立构建简单网站或通过协作方式完成较复杂网站的建设，培养学生将理论知识应用于实践并解决实际问题的能力，为今后的进一步学习打下坚实基础。 具体教学内容 序号 课时 时长 内容 1 第一课时 45min 1、掌握响应式网页布局的创建方法以及基本操作; 2、掌握响应式网页布局的属性设置方法和使用“响应式网页元素”面板的方法; 3、熟悉响应式网页布局的常见使用技巧； 4、讲解目前的响应式网页布局的应用状况，并根据我们现在的计算机行业状况，举例分析； 2 第二课时 45min 1、创建响应式网页布局; 2、响应式网页布局的操作; 3、设置响应式网页布局的属性; 4、使用“响应式网页元素”面板; 5、响应式网页布局的使用技巧; 6、根据各响应式网页布局特点和目前需求状况，设计适合自己家庭、个人的响应式网页。 1.2学情分析 学习基础：我校学生大一软件专业学生，经过前期的计算机知识的初步讲授，已经了解相关计算机基础知识。 优势：我校班风积极健康向上，学生思维较活跃，大部分学生已经逐渐养成良好的学习习惯，针对网页设计与制作的学习有着较好的应用优势，可以放心大胆的放开手让学生尝试进行实践，同时将各类信息化技术运用于教学当中必然会提升我校学生的积极性。 不足：学生对于知识框架和，重难点了解不深入，部分学生学习方法不当影响了知识的实际应用，在课程知识接收方面没有很快达到教学目标，又或者没有及时预习复习，导致学习效率不高，影响总体课程讲授安排。 1.3教学目标 （1）知识目标 ① 学生能够掌握网页设计与制作中的响应式网页布局创建方法以及基本操作、常见使用技巧、了解响应式网页布局的属性； ②学生在掌握知后，了解响应式网页布局的属性、功能和创建方法，可以利用该知识可以为个人制作响应式网页布局成果。 （2）能力目标 ①提升学生学习兴趣，养成学生自习习惯； ②提升学生的思考能力、团队学习能力，将零散的知识点整理成为知识框架； ③掌握自习能力，分辨重点以及难点，主动合作精神，提高沟通能力。 （3）素质（情感）目标 ①激励学生利用网络工具和丰富的互联网资源拓展自己知识，充实学习内容； ②提高学生的实用精神，认识到网页设计与制作课程是一门实用型很强的学科，可以运用知识和与他人合作，开发出适合市场和自身的网页。 1.4重点难点 （1）重点 掌握响应式网页布局的创建、操作及设置方法； （2）难点 通过合作和沟通方式，成立小组建设小组内的网页成果。 二、教学设计 2.1教学方法 （1）课堂讲授法：以课堂为载体，通过课堂结合多媒体工具，讲解课堂知识点； （2）自主学习法：为锻炼学生的自主学习能力和综合素质，课前将主要知识点赋予学生，推动学生自我寻找答案，构筑初步的知识框架。 （3）任务驱动法：课后布置学生课后任务，学生在完成课后任务的过程中，会对课堂和预习的内容进一步整理，将整理内容再次梳理后巩固。形成“发现问题-寻找答案-解决问题-知识巩固-总结经验”的良性循环。 2.2信息化教学手段 通过三种信息化手段对此章内容进行教学： （1）授课老师利用电脑视频、