混合教学模式的网页制作技术课程设计范文

本站小编为你精心准备了混合教学模式的网页制作技术课程设计参考范文，愿这些范文能点燃您思维的火花，激发您的写作灵感。欢迎深入阅读并收藏。

摘要：随着互联网技术与信息化技术的迅速发展和普及,基于SPOC的混合式教学模式已经成为各高校教师最常运用的一种新型的教学模式,其将多种教学方法融入到教学活动中,在课前、课中、课后借助多种信息技术手段实施有效课堂。本文以高职网页制作技术课程中表单的应用教学单元为例进行教学设计研究与实施，从单元教学整体设计、教学过程、教学效果及特色创新进行详细介绍，以期为高职专业课程混合式教学改革提供借鉴。

关键词：混合式教学模式；教学设计；表单的应用

一引言

现代教育倡导的理念很多,在互联网时代背景下,提倡更多的是个性化、开放化、多元化的教育理念[1]。目前，基于互联网技术与信息化技术的迅速发展,以不同方式进行的混合教学模式正在逐渐替代传统课堂教学,MOOC、SPOC、翻转课堂等数字化、信息化的教学方式不断涌现。“个性化学习”的理念是将教师、学生在学习活动中的角色和任务重新定位，目前成为教育革新领域的热点话题[2]。混合式教学模式，即将在线教学和传统教学的优势结合起来的一种“线上”+“线下”的教学模式。它将课前、课中、课后的三个教学阶段以及线上、线下的两个教学层面进行有效结合[3]，可以把学习者的学习由浅到深地引向深度学习，在教学开展过程中，不是学习在线平台的使用，不是一味地去堆砌教学资源，也不是开展花哨的教学活动，最终目的应该是努力依据学习和教学的规律去实现教学效果的提升。本次课的线上互动式教学活动设计基于蓝墨云班课平台，通过蓝墨云班课这一媒介无论是在课堂上还是课后都能够实行,另外,学生通过移动设备如手机、平板,能够实时接收到讲课教师在APP上上传并的教学资源,从而提升了学生学习的有效性[4]。

二教学设计

（一）设计背景网页设计与制作这一门课程具有较强的实践性,教师在教学过程中不仅要进行理论基础教学,还需要在理论教学中加入实践教学案例,积极培养学生养成较为良好的开发设计网站的能力[5]。网页制作课程，是一门非常灵活的知识体系课程，教师在教学时应该注重培养水灾生的自主探究能力，引导学生进行自主学习[6]。表单在网页中主要负责数据采集功能。表单对于用户而言是数据的录入和提交的界面；表单对于网站而言是获取用户信息的途径。表单(Form)作为网页与用户接触最直接、最频繁的页面元素，其在网站用户体验中占有最重要的位置。而表单也常常用于用户注册、登录、留言等功能，用于吸引新用户，留住新用户的重要工具，是网站中不可缺少的模块，以此为背景开展了本次课的教学设计。

（二）单元教学整体设计1.学习基础在课程的前几个单元已对网页的整体结构、文本、段落、列表、超链接、表格标签、CSS样式调用及网页对象样式等知识与技能进行了掌握；学生也已经具备较好的计算机软件操作水平及信息化素养。2.教学内容本次课是网页制作技术课程内容的必修单元，主要让学生了解表单页建立步骤及表单执行流程，能创建表单；掌握表单标签及属性含义；掌握表单元素标签及属性含义。学习本次课要让学生能快速创建表单并能准确定义不同的表单控件，从而完成网站中表单交互页的制作。教学重点是：掌握表单标签及属性含义，掌握表单元素标签及属性含义；教学难点是：根据项目信息的不同准确选择合适的表单元素与属性构建表单。3.教学策略根据学生基本情况及教学内容基础，确立本次课基于线上线下相结合的混合教学模式开展，采用任务驱动为主线，以学生为主体实施教学做一体化，促进核心技能的理解与掌握。混合教学指运用多样式的教学资源，借助蓝墨云班课，开展线上线下相结合的教学活动。任务驱动为主线就指学生课前自主学习、完成练习任务；课中，教师讲解示范、实例解析，学生完成项目任务；课后巩固学习，完成拓展任务。课堂开发多样化的教学资源，运用多种信息化教学手段，借助线上教学平台，在“课前导学”“课中内化实施”“课后巩固拓展”三个阶段灵活使用任务驱动法、问题引导法、案例解析法等各种教学方法。使用多媒体广播教学、虚拟网络空间实训平台、冲关游戏等手段开展互动教学，注重趣味性与成就感。4.信息化技术运用教学组织过程中使用了国家软件技术专业资源库、电子课件、微视频、闯关游戏、任务单卡、案例材料、网络题库等丰富的数字资源，充分发挥碎片化学习的优势，提高学生学习效率[7]；使用了蓝墨云班课平台、虚拟网络空间实训平台、教学广播软件、微信、屏幕录像机等信息化教学设施，整合教学资源，优化教学过程，提升教学质量。

（三）教学过程设计完整教学过程包括“课前导学，课中内化实施，课后巩固拓展”的三个阶段的教学活动。1.课前导学阶段学生在教学平台上查看微视频、课件等资源，小组学习并完成单卡上的练习任务，演练汇报，完成课前测试。教师上传资源，布置练习任务，查看测试结果，有针对性地调整教学方案。课前设计练习任务为“百度搜索”表单设计案例，如图2所示。考虑到学生课前学习能力，任务设计注重“小而精”，让学生有能力和兴趣去完成，通过完成任务认识表单及表单属性。将枯燥的理论知识点以测试题的形式呈现，让学生带着问题去查看视频资源、课件、教材，从资源中查找答案，培养学生的自主学习能力。课前测试以知识目标“表单元素及元素属性”为主要测试内容，让学生带着测试题中的问题去查看视频资源、课件、教材，从资源中查找答案，培养学生的自主学习能力，教师能从测试结果中分析学生学习效果，调整上课内容。2.课中内化实施阶段第一步：抽查课前学习，点评课前练习任务效果，直面教学主题：平台抽取学生上台演示练习任务并总结课前学习效果；教师运用课前练习任务实例“百度搜索表单”进行知识目标“表单标签及属性”内化，运用录屏软件进行录屏，形成课内信息资源，供课后巩固；第二步：与学生一同分析课前测试结果，了解学生对知识目标“表单元素及元素属性”的掌握情况，分析问题所在，灵活调整课内教学内容，课内讲解疑难点；第三步：观看“表单元素实例解析”教学微视频，增强了教学活力，主要讲解“表单元素及元素属性”设置，对本目标进行内化；第四步：项目任务驱动，设计了“在线留言”表单为项目任务，任务内容中全面包括所有表单元素，是本次课的教学重点所在，任务单卡中列出完成步骤，通过任务练习培养学生核心技能；第五步：运用广播系统抽取三位学生的项目任务，通过虚拟网络空间实训平台，查看任务效果并对完成作品进行即时点评，总结学生学习情况，演示疑难点，运用录屏软件进行录屏，形成课内信息资源，供课后巩固；第六步：闯关游戏互动，将难点内容借用游戏手段，并激发学生兴趣，化解“根据项目信息的不同准确选择合适元素”难点；第七步：学生完善任务效果、教师巡查，通过个别指导实现学生难点突破和差异化教学；利用平台功能进行学生互评，合作学习，互相学习，互相评价；第八步：重测课前测验，进一步检验学生对整体教学内容的掌握情况，与课前测验结果相比较，增加学生学习成就感，教师也可针对结果进行教学反思；利用平台功能进行学生互评，合作学习，互相学习，互相评价；第九步：通过任务完成情况及课堂测试结果进行课堂总结，通过总结归纳，加深对课堂所学内容的印象，布置课后作业“网上预约挂号表单页制作”，复习和巩固技能；第十步：演示下次课项目任务效果，讲解两次课间的项目联系，引导学生进入下次课的导学阶段；本堂课完成表单及表单元素构建，下次课完成表单元素验证及页面美化。3.课后巩固阶段学生完成课内布置的“网上预约挂号表单页制作”作业并提交至教学平台，教师查看和分析课堂效果，评阅课后作品，即时形成教与学的反馈，借助作业效果进行教学反思与教学改进。

（四）教学效果1.突出教学重点，有效达成教学目标以学生为主体，任务驱动为主线，目标明确、任务清晰，结合教学重点完成课前练习任务、课中项目任务、课后拓展任务，“做中教”、“做中学”，“玩中学”，突出教学重点，有效达成教学目标。2.以问题为导向，借助信息化资源化解教学难点将枯燥的理论知识以测试题的方式呈现，利用课前课后的测试对比，增强学生学习成就感；将教学难点注入闯关游戏环节，增加趣味性，激发学生学习兴趣，在潜移默化中增强了对理论知识的掌握程度。3.借助信息化教学设施，有效实施差异化教学课前利用平台上传教学资源，扩充学习资源，学生有选择性的完成课前学习任务；课中利用录屏软件对重点演示内容进行录屏形成有效教学资源，可供学生课后学习及巩固；教师借助平台榜单功能，有针对性进行学生学习指导，有效实施差异化教学。

（五）特色创新1.本次课基于线上线下混合式教学模式，利用“蓝墨云班课”教学平台作为载体，结合微视频等信息化资源和虚拟网络空间实训平台等信息化手段，以教师为主导、学生为主体，设计了一堂涵盖课前导学、课堂内化实施、课后巩固拓展三个教学过程的信息化教学课，达成良好教学效果。2.课堂主要采用任务驱动教学法、问题引导法开展教学过程，引导学生多实践练习、多重测试，在潜移默化中理解和掌握教学重点与教学难点，达成教学目标。3.课程运用和开发了多样式的数字化教学资源，如：国家资源库、课件、微视频、闯关游戏、题库、任务单卡，使课堂教学管理更高效，教学内容更丰富，教学传播更便捷。

三结束语

本次课的教学设计已应用于实际的教学过程，达到了上述已有的教学效果，混合教学模式的应用是以培养学生自主学习能力和创新设计能力为目标的，混合教学模式的改革应努力做到：线上有资源、线下有活动、过程有评估。在网页制作技术课程的教学组织过程中还得根据课程不同的单元内容，选择适当的设计背景、适度的线上活动、以学生为主体开展教学，以实现优质教学资源共享、优化教学内容、提高教学效果、提升教学质量。

参考文献

[1]姜莉.互联网时代下高校混合式教学模式优化研究[J].商业经济,2019,01:180-181+184.

[2]田原.SPOC与“雨课堂”相结合的混合教学模式在医学教育中的应用研究——基于机能学实验教学流程的实践[J].中国医学教育技术,2019,01:55-59.

[3]谭伟.面向开放教育的混合式教学模式及效果评估指标研究[J].中国电化教育,2019,02:126-130.

[4]耿晓媛.基于蓝墨云班课的《统计学原理》教学改革探索与思考[J].教育教学论坛,2018,51:133-134.

[5]陈芳.互联网+背景下网页设计与制作课程教学改革研究[J].计算机产品与流通,2019,01:226.

[6]宋翔.互联网+背景下网页制作课程改革近探索[J].电脑迷,2017,02:183.

[7]王蕾.碎片化学习与知识的系统重构在教学中的应用策略[J].卫生职业教育,2019,04:23-25.

作者：谭卫 阳晓霞 单位：河源职业技术学院