基于混合式教学模式的网页制作技术课程教学设计
——表单的应用课例
谭卫，阳晓霞
（河源职业技术学院，广东 河源）
摘 要： 随着互联网技术与信息化技术的迅速发展和普及,基于SPOC的混合式教学模式已经成为各高校教师最常运用的一种新型的教学模式,其将多种教学方法融入到教学活动中,在课前、课中、课后借助多种信息技术手段实施有效课堂。本文以高职网页制作技术课程中表单的应用教学单元为例进行教学设计研究与实施，从单元教学整体设计、教学过程、教学效果及特色创新进行详细介绍，以期为高职专业课程混合式教学改革提供借鉴。
关键词： 混合式教学模式；教学设计；表单的应用
一 引言
现代教育倡导的理念很多, 在互联网时代背景下, 提倡更多的是个性化、开放化、多元化的教育理念[1]。目前，基于互联网技术与信息化技术的迅速发展, 以不同方式进行的混合教学模式正在逐渐替代传统课堂教学, MOOC、SPOC、翻转课堂等数字化、信息化的教学方式不断涌现。“个性化学习”的理念是将教师、学生在学习活动中的角色和任务重新定位，目前成为教育革新领域的热点话题[2]。
混合式教学模式，即将在线教学和传统教学的优势结合起来的一种“线上”+“线下”的教学模式。它将课前、课中、课后的三个教学阶段以及线上、线下的两个教学层面进行有效结合[3]，可以把学习者的学习由浅到深地引向深度学习，在教学开展过程中，不是学习在线平台的使用，不是一味地去堆砌教学资源，也不是开展花哨的教学活动，最终目的应该是努力依据学习和教学的规律去实现教学效果的提升。本次课的线上互动式教学活动设计基于蓝墨云班课平台，通过蓝墨云班课这一媒介无论是在课堂上还是课后都能够实行, 另外, 学生通过移动设备如手机、平板, 能够实时接收到讲课教师在APP上上传并发布的教学资源, 从而提升了学生学习的有效性[4]。
二 教学设计
（一）设计背景
网页设计与制作这一门课程具有较强的实践性,教师在教学过程中不仅要进行理论基础教学, 还需要在理论教学中加入实践教学案例, 积极培养学生养成较为良好的开发设计网站的能力[5]。网页制作课程，是一门非常灵活的知识体系课程，教师在教学时应该注重培养水灾生的自主探究能力，引导学生进行自主学习[6]。
表单在网页中主要负责数据采集功能。表单对于用户而言是数据的录入和提交的界面；表单对于网站而言是获取用户信息的途径。表单(Form)作为网页与用户接触最直接、最频繁的页面元素，其在网站用户体验中占有最重要的位置。而表单也常常用于用户注册、登录、留言等功能，用于吸引新用户，留住新用户的重要工具，是网站中不可缺少的模块，以此为背景开展了本次课的教学设计。
（二）单元教学整体设计
1.学习基础
在课程的前几个单元已对网页的整体结构、文本、段落、列表、超链接、表格标签、CSS样式调用及网页对象样式等知识与技能进行了掌握；学生也已经具备较好的计算机软件操作水平及信息化素养。
2.教学内容
3.课后巩固阶段
3.教学策略
“校企一体”教学模式使企业和学校在培养人才方面成为一体，双方共同制定培养方案，企业管理者是学生的企业导师，还是学生的上级主管；学生既是学校的一员，又是企业的员工[5]。公司把学生工作情况作为企业员工（企业导师）的考核评价指标之一，增加了企业导师的积极性。使学生在企业导师的指导下，学到更多的知识、技能。
根据学生基本情况及教学内容基础，确立本次课基于线上线下相结合的混合教学模式开展，采用任务驱动为主线，以学生为主体实施教学做一体化，促进核心技能的理解与掌握。
图1 教学设计思维导图
混合教学指运用多样式的教学资源，借助蓝墨云班课，开展线上线下相结合的教学活动。任务驱动为主线就指学生课前自主学习、完成练习任务；课中，教师讲解示范、实例解析，学生完成项目任务；课后巩固学习，完成拓展任务。
课堂开发多样化的教学资源，运用多种信息化教学手段，借助线上教学平台，在“课前导学”“课中内化实施”“课后巩固拓展”三个阶段灵活使用任务驱动法、问题引导法、案例解析法等各种教学方法。使用多媒体广播教学、虚拟网络空间实训平台、冲关游戏等手段开展互动教学，注重趣味性与成就感。
4.信息化技术运用
教学组织过程中使用了国家软件技术专业资源库、电子课件、微视频、闯关游戏、任务单卡、案例材料、网络题库等丰富的数字资源，充分发挥碎片化学习的优势，提高学生学习效率[7]；使用了蓝墨云班课平台、虚拟网络空间实训平台、教学广播软件、微信、屏幕录像机等信息化教学设施，整合教学资源，优化教学过程，提升教学质量。
（三）教学过程设计
完整教学过程包括“课前导学，课中内化实施，课后巩固拓展”的三个阶段的教学活动。
第十步：演示下次课项目任务效果，讲解两次课间的项目联系，引导学生进入下次课的导学阶段；本堂课完成表单及表单元素构建，下次课完成表单元素验证及页面美化。
学生完成课内布置的“网上预约挂号表单页制作”作业并提交至教学平台，教师查看和分析课堂效果，评阅课后作品，即时形成教与学的反馈，借助作业效果进行教学反思与教学改进。
课前设计练习任务为“百度搜索”表单设计案例，如图2所示。
第二步：与学生一同分析课前测试结果，了解学生对知识目标 “表单元素及元素属性”的掌握情况，分析问题所在，灵活调整课内教学内容，课内讲解疑难点；
图2 课前练习任务效果图
考虑到学生课前学习能力，任务设计注重“小而精”，让学生有能力和兴趣去完成，通过完成任务认识表单及表单属性。将枯燥的理论知识点以测试题的形式呈现，让学生带着问题去查看视频资源、课件、教材，从资源中查找答案，培养学生的自主学习能力。
课前测试以知识目标“表单元素及元素属性”为主要测试内容，让学生带着测试题中的问题去查看视频资源、课件、教材，从资源中查找答案，培养学生的自主学习能力，教师能从测试结果中分析学生学习效果，调整上课内容。
2.课中内化实施阶段
第一步：抽查课前学习，点评课前练习任务效果，直面教学主题：平台抽取学生上台演示练习任务并总结课前学习效果；教师运用课前练习任务实例“百度搜索表单”进行知识目标“表单标签及属性”内化，运用录屏软件进行录屏，形成课内信息资源，供课后巩固；
通过图12对比发现，灌浆套筒连接件破坏过程分为弹性、屈服、强化、颈缩4个阶段，试件H500-14承载力高出H400-14承载力10%左右，表明钢筋强度的变化对试件承载力影响明显，钢筋强度越大，试件承载力越高。
临床上应加大对样本采集及送检环节的监督与管理力度,并且应制定出规范、科学的管理制度标准;在采样前,应该充分做好相关的准备工作,尽可能地避免人为操作意外的出现;注意样本采集的最佳时间,以防感染外源性细菌而影响检验质量;样本采集完毕后,应在规定时间内送试验室进行检验,根据样本类型的不同而采用不同的处理方法;一般试验室温度最好控制在19~26℃之间,湿度维持在40%~60%之间,从而确保临床免疫检验结果的精准性;注重检验方法的合理选择,尽量应用较常见的试剂,确保检验方法具有较高的重复性、特异性及敏感性,并且无交叉反应。[3]
第五步：运用广播系统抽取三位学生的项目任务，通过虚拟网络空间实训平台，查看任务效果并对完成作品进行即时点评，总结学生学习情况，演示疑难点，运用录屏软件进行录屏，形成课内信息资源，供课后巩固；
第三步：观看“表单元素实例解析”教学微视频，增强了教学活力，主要讲解“表单元素及元素属性”设置，对本目标进行内化；
第四步：项目任务驱动，设计了“在线留言”表单为项目任务，任务内容中全面包括所有表单元素，是本次课的教学重点所在，任务单卡中列出完成步骤，通过任务练习培养学生核心技能；
生产除需要固定资产外，还需要流动资产，但统计年鉴没有非工业部门的流动资产方面的数据。根据工业部门的固定资产和流动资产数据，计算工业部门的固定资产占总资产的平均比重，用这个值近似非工业各产业的固定资产占总资产的比重，然后可以计算非工业产业所需的总资产。
（1）水运基础设施严重滞后，结构性矛盾比较突出。库区水运基础设施建设严重滞后。航道、港口、码头建设投资不到位，库区通航河流几乎还处于自然状态，库区码头、停靠点有很多还是依靠天然岸线运输停靠。截至2018年11月，天生桥库区码头共23个，由于库区洪枯水位的变幅有40-50米，导致这些码头一年中有30%的时间无法停靠，有些渡口近乎荒废，不少客渡船只有停靠在库区的自然岸坡。
第六步：闯关游戏互动，将难点内容借用游戏手段，并激发学生兴趣，化解“根据项目信息的不同准确选择合适元素”难点；
第七步：学生完善任务效果、教师巡查，通过个别指导实现学生难点突破和差异化教学；利用平台功能进行学生互评，合作学习，互相学习，互相评价；
第八步：重测课前测验，进一步检验学生对整体教学内容的掌握情况，与课前测验结果相比较，增加学生学习成就感，教师也可针对结果进行教学反思；利用平台功能进行学生互评，合作学习，互相学习，互相评价；
下午，江大亮提前回来了，像个主人一样，又是摘菜又是做鱼，他真服了吉尔金娜，都二十二岁了，这些活计却有些插不上手，只是望着江大亮表演。吉尔金娜也想表现表现，帮着江大亮杀鱼，但那鱼被她杀得血淋淋的。，弄得满厨房是血迹，连弄得她全身都是，江大亮哭笑不得地说：“我的小姑奶奶，你快去好好洗洗吧，若是你的客人来了，你就像是杀人犯一样，还不得把人家吓跑了？”吉尔金娜倒是挺听话的，转身款款地进了卫间间，就旁若无人地洗了起来，江大亮仍旧在尽心尽力的做着饭菜。
沙莉轻声地安慰对方少安毋躁，先等待一下，她去请示主管，然后再给客户回电话。部门会上，沙莉站在小客户的立场上算了一笔账，说：“李先生的公司平均三个月要更换一次硒鼓，硒鼓的单价300元左右，而一台HP5100打印机还不足2000元，也难怪他叫苦连天。公司能否对这些小客户制订些优惠政策？”
第九步：通过任务完成情况及课堂测试结果进行课堂总结，通过总结归纳，加深对课堂所学内容的印象，布置课后作业“网上预约挂号表单页制作”，复习和巩固技能；
1.课前导学阶段
主要表现在：一是难以控制采砂量。水中作业获取的砂石难以通过计量设备来计量，导致实际采砂量大大高于许可采砂量。二是难以限制夜间采砂作业。夜间采砂作业容易引发安全生产事故，而目前无法律法规对夜间采砂作业作出禁止性规定。三是违法成本过低。由于目前法律规定不完善，对违法采砂处罚力度不大，如《湖南省实施〈中华人民共和国河道管理条例〉办法》对未按规定采砂的罚款最高额是1万元，处罚力度远远起不到惩罚违法采砂的作用，违法采砂仍频频发生。四是难以缓解各类矛盾。由于自由开采、无序开采导致采砂权人与渔民、芦苇场业主、周边村组矛盾不断，而这些矛盾引发纠纷后直指政府，政府为此要付出大量的人力、财力、物力进行处置。
本次课是网页制作技术课程内容的必修单元，主要让学生了解表单页建立步骤及表单执行流程，能创建表单；掌握表单标签及属性含义；掌握表单元素标签及属性含义。学习本次课要让学生能快速创建表单并能准确定义不同的表单控件，从而完成网站中表单交互页的制作。教学重点是：掌握表单标签及属性含义，掌握表单元素标签及属性含义；教学难点是：根据项目信息的不同准确选择合适的表单元素与属性构建表单。
学生在教学平台上查看微视频、课件等资源，小组学习并完成单卡上的练习任务，演练汇报，完成课前测试。教师上传资源，布置练习任务，查看测试结果，有针对性地调整教学方案。
（四）教学效果
1.突出教学重点，有效达成教学目标
以学生为主体，任务驱动为主线，目标明确、任务清晰， 结合教学重点完成课前练习任务、课中项目任务、课后拓展任务，“做中教”、“做中学”，“玩中学”，突出教学重点，有效达成教学目标。
2.以问题为导向，借助信息化资源化解教学难点
将枯燥的理论知识以测试题的方式呈现，利用课前课后的测试对比，增强学生学习成就感；将教学难点注入闯关游戏环节，增加趣味性，激发学生学习兴趣，在潜移默化中增强了对理论知识的掌握程度。
3.借助信息化教学设施，有效实施差异化教学
继上海之后，云南第二个获得设立人民币国际投贷基金的试点资格，人民币国际投贷基金落户云南，且启动了首单人民币国际投贷基金海外投资项目，为推动人民币“走出去”探索了新路径，为企业“走出去”搭建了新平台。
课前利用平台上传教学资源，扩充学习资源，学生有选择性的完成课前学习任务；课中利用录屏软件对重点演示内容进行录屏形成有效教学资源，可供学生课后学习及巩固；教师借助平台榜单功能，有针对性进行学生学习指导，有效实施差异化教学。
（五）特色创新
1.本次课基于线上线下混合式教学模式，利用“蓝墨云班课”教学平台作为载体，结合微视频等信息化资源和虚拟网络空间实训平台等信息化手段，以教师为主导、学生为主体，设计了一堂涵盖课前导学、课堂内化实施、课后巩固拓展三个教学过程的信息化教学课，达成良好教学效果。
本研究利用赫芬达尔指数、地理集中指数分析亲子游网络关注度的空间集聚程度，并利用百度指数自定义时间段功能和地区筛选功能，统计2013—2016年全国31个省市自治区亲子游网络关注度，分析亲子游网络关注度的规模位序变化。
茉心笑道：“小主放一百二十个心，是主子娘娘身边的莲心亲口来告诉奴婢的，说是听见皇上与主子娘娘说的。给莲心一万个胆子，她也不敢撒这样的弥天大谎啊！”
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.
本文引用格式： 谭卫，等.基于混合式教学模式的网页制作技术课程教学设计——表单的应用课例[J]. 教育现代化,2019,6(36):215-217.
DOI： 10.16541/j.cnki.2095-8420.2019.36.078
基金项目： 河源职业技术学院2017年度教学改革项目，编号： 2017_jy16。
作者简介： 谭卫，女，高级工程师，讲师，硕士，研究方向：网页设计、UI设计。
标签：混合式教学模式论文; 教学设计论文; 表单的应用论文; 河源职业技术学院论文;