论文部分内容阅读
[摘 要] 以翻转课堂教学模式在HTML5+CSS3课程中的教学实践为基础，探讨翻转课堂教学模式在HTML5+CSS3课程中的最新应用现状，从翻转课堂模式的基本含义、内涵和优势、课程教学实践和最新应用状态等方面入手，结合当前中职计算机教学实际和中职学生最新的学习动态，大胆尝试对中职计算机教学进行改革。
[关 键 词] 计算机教学;翻转课堂;教学改革
[中图分类号] G712 [文献标志码] A [文章编号] 2096-0603（2020）03-0080-02
随着计算机WEB技术的发展，企业一般将网站建设开发分为前端开发与后端开发，而中职计算机网络专业课程HTML5+CSS3正是WEB前端开发的一门重要核心课程，也是目前最主流的计算机网页设计开发技术。从课程开设至今，本课程的教学模式基本上仍然采用传统教学方法，导致教学经常以教师为主导，一味灌输知识，学生学习积极性差，无法达到预期的教学效果。如何改革现有教学模式来激发学生学习积极性，提高學生学习兴趣，培养学生良好的思维能力，任务迫在眉睫。本文将结合HTML5+CSS3课程教学实际，基于翻转课堂教学模式在实际教学中的具体实践进行教学探索。
一、翻转课堂的基本含义
翻转课堂译自“Flipped Classroom”或“Inverted Classroom”，也可译为“颠倒课堂”，是指重新调整课堂内外的时间，将学习的决定权从教师转移到学生身上的教学模式。在这种教学模式下，学生能够有效利用课堂内的宝贵时间，更专注于项目的学习，共同研究解决面临的问题，从而获得更深层次的理解。教师不再占用课堂的时间来讲授知识。这些知识需要学生在课后完成自主学习。
二、翻转课堂教学模式的内涵和优势
伟大的人民教育家陶行知先生曾说过：“教师之为教，不在全盘授予，而在相机诱导。好的先生不是教书，不是教学生，乃是教学生学。”现代教育提倡培养学生独立思考问题的能力，从某种意义上说，教育的真正目的就是让学生养成连续深入思考的习惯，而不是具体学习哪些知识。很多知识学生在学完之后，过段时间可能就忘了，当学生忘记所学的知识之后，教育留给学生的就是一个连续性深入思考的习惯，而这个习惯才是决定这个学生未来是否成才的关键因素。传统教学模式侧重的是传授知识内容，而翻转课堂恰恰就是侧重引导学生深入思考，培养学生独立解决问题的能力，进而培养学生养成连续深入思考的习惯，这与教育的最终目的不谋而合。
翻转课堂教学模式符合建构主义理念，要求学生基于问题解决活动来建构知识。在教学过程中，创设有意义的问题情境，让学生通过不断发现问题和解决问题，来学习与所探究有关的知识，形成解决问题的技能以及自主学习的能力。翻转课堂教学模式改变了传统的“填鸭式”教学模式，突出课堂以学生为中心，提高学生学习兴趣，培养学生养成连续深入思考的习惯，有利于学生提高独立思考问题的能力，从而实现计算机教学效率的全面提升。
三、翻转课堂教学模式在HTML5+CSS3课程中的应用现状及制度保障
翻转课堂教学模式虽然已经出现较长时间，但根据笔者研究发现，由于应用翻转课堂教学模式进行教学给教师增加了备课量，且需要学校增加软硬件的设备投入，同时由于目前大部分学校采取在上课期间收管学生手机的课堂纪律制度，即使有部分教师应用翻转课堂教学模式进行教学，但是往往在教学过程中因遇到种种困难而不能坚持到底。受以上种种因素的影响，导致目前翻转课堂教学模式在中职计算机教学中出现应用不够普及，开展范围不够广泛的情况。
为提高教学效率，笔者根据当前中职计算机教学实际，并结合目前中职学生的学习情况大胆尝试并坚持翻转课堂教学模式在HTML5+CSS3课程教学的应用实践。教学实践得到我校领导的高度重视，并将本教学实践融合到示范校项目创建中。在保证教学设施设备满足课堂教学的同时我校政教处制定新的学生手机管理制度。新制度能更灵活管理学生手机并为学生在课堂上有效使用手机提供保障。在学校领导的指导和关心下，加之笔者对翻转课堂教学模式抱有极大的兴趣，能够保障充足备课量的前提下，本次教学改革实践得以顺利开展，并初步取得成效。
四、基于翻转课堂的中职计算机HTML5+CSS3课程教学实践
（一）基于翻转课堂教学模式教学计划方案的制定
为保证基于翻转课堂的中职计算机HTML5+CSS3课程教学能顺利有效地进行，在运用翻转课堂教学之前需做好课程标准和课堂教学设计等教学文件的修订和编写工作。在此之前，我校与校外IT企业进行积极合作，对WEB前端开发所涉及的岗位和技能进行整理，对往届毕业生进行岗位跟踪，了解HTML5+CSS3课程在实际工作中的使用情况。同时，面向本校2017级和2018级准备上HTML5+CSS3这门课程的学生发布名为《晋江职校基于翻转课堂教学模式下课程学习前期调查》的调查问卷。在以上调查工作的基础上，笔者对以往基于传统课堂教学的HTML5+CSS3课程标准和课堂教学计划进行大胆调整和有针对性的修改。首先，修订课程标准。比如，笔者在教学实践《浮动显示》这一节的内容时，传统课程标准强调掌握浮动的知识点，要求学生记住浮动英文属性，而翻转课堂模式则更侧重在设计制作体验中领会浮动属性的要义，进而熟练掌握浮动属性的应用。其次，调整教学进度计划。教学进度计划是整个教学实施的前提和保证，在开学前对整个学期的教学进度计划进行调整和确定是十分必要的。根据翻转课堂教学模式的要求，笔者在具体教学实践中尽量融合几个知识点组成一个相对完整的项目目标，整个学期的项目遵循由浅入深的原则，以项目难度逐渐提高为方向。当然，计划方案不是一成不变的，针对实践教学过程中学生学习情况的反馈结果，教学计划也需要不断灵活优化。 （二）以建构主义理论为核心的教学环境的搭建
著名人本主义教育家罗杰斯曾说过：“学生是知识意义的主动建构者，而不是外界刺激的被动接受者。只有通过自己的切身体验和合作对话等方式，学生才能真正完成知识意义的建构。”翻转课堂教学模式强调培养学生自主学习的能力，要求学生在教师的引导下利用信息化网络环境构建知识体系。随着信息技术发展对学习环境的影响，越来越多先进的移动端学习软件可以成为翻转课堂更好的学习载体。根据中职学校学生学习主动性差、学习习惯不够专注、知识结构基础不够扎实，但是，他们信息接收速度快，对新兴事物具有较强的适应能力等特点，结合学校现有硬件和软件条件，本次教学实践以超星泛雅网络教学平台为主，结合厦门九洲同盟公司开发的“微网站开发实训平台”为信息化教学手段进行教学实践。这些网络教学平台具有丰富的信息化教学功能，有助于翻转课堂教学模式的实现。根据第一轮调查问卷结果数据显示，93.5%的学生认为应用这些信息化教学平台进行翻转课堂学习大大提高了学习效率。
（三）以学生为中心的教学资源建设
课程教学资源建设工作需要根据课程标准及校历安排进行任务分解，尽量以学生喜闻乐见的形式开发建设。笔者将课程教学资源分为知识点视频微课、图文步骤、直播时间、闯关游戏、模拟项目和知识大挑战等。同时将课程全局知识点进行梳理，整理学习目标节点，项目化分解，循序渐进，环环相扣，难度逐级递增。借用网络学习平台，按计划安排及时将自主学习资源发送给学生，与学生保持联系，解答学习难题。比如，在实践教学中，笔者在“直播时间”这一环节上，通过邀请往届毕业生或企业职工进入直播间，学生将自主学习时所遇到的问题或自己的思考收集起来，然后进入直播间与老师和职场人员进行面对面的交流。这一教学资源的建设实现了教师与学生的沟通交流，而师生间及时的沟通与交流恰恰是翻转课堂教学模式的一个重要环节，也体现了以学生为中心的教学理念。
（四）信息化网络技术平台的多方面科学考核
在翻转课堂教学模式下，本次教学实践应用的厦门九洲同盟HTML5+CSS3课程网络学习平台能够即时记录学生的学习过程，掌握学生的学习程度，并能对学生在课程知识节点中的项目任务完成情况给予科学的评价;对HTML5+CSS3课程学生每个阶段学习效果的考核做出定性和定量的分析和有效的评估;除了对学生的HTML5前端开发的工程能力，也对学生的其他方面，如表达能力、自主学习能力、探究知识能力、沟通交流能力等方面进行相应的评估。整个考核过程中，由于有信息化教学平台的辅助，教师能具体监控学生完成任务的质量与时间，从而使考核结果更具科学性和准确性。
五、总结
HTML5+CSS3课程知识内容相对其他课程具有应用性强、知识内容较简短、学习目标明确和实践操作性强等特点，这些特点适合翻转课堂的教学模式要求。从学生学习的最终作品成果在传统课堂教学模式与翻转课堂教学模式下的效果来看，翻转课堂教学模式在HTML5+CSS3课程教学应用中取得了明显的成功。在本学期翻转课堂教学实践结束后，笔者发布了第二轮名为《晋江职校基于翻转课堂教学模式下HTML5+CSS3课程学习满意度调查》调查问卷，对学生学习效果情况进行调查，经过调查结果显示，有91.7%的学生认为希望老师能继续采用翻转课堂教学模式进行教学，有95.3%的学生认为采用翻转课堂教学模式比传统课堂更能激发学习兴趣，提高学习效率。
经过理论研究与实践探索结果表明，翻转课堂符合建构主义学习理论，强调以学生为中心，注重解决问题的思维过程，其在中职计算机的教学中能发挥良好的教育教学效果，可以说是中职计算机教学改革发展的重要领域。面对当前的教育改革浪潮，我们只有不断探求新的教学模式才能适应新时代学生的学习需求，培养出具备良好素质的优秀人才。由于本次教学改革实践初步取得了一定的实效，我们目前正把这学习模式向其他学科和校际同学科推广，得到广大师生的欢迎。
参考文献：
[1]龔电花.基于翻转课堂的html5+CSS3网页设计教学的研究与实践[J].数码世界，2017（7）.
[2]马艳萍.翻转课堂中移动学习资源的设计与研究[D].北京：北京交通大学，2016.
[3]刘涛.新媒体专业“网页设计语言”课程改革思考[J].青年记者，2016（33）.
[4]吕泽人.翻转课堂在广州体育学院排球普修课基本技术教学中的实验研究[D].广州：广州体育学院，2018.
[关 键 词] 计算机教学;翻转课堂;教学改革
[中图分类号] G712 [文献标志码] A [文章编号] 2096-0603（2020）03-0080-02
随着计算机WEB技术的发展，企业一般将网站建设开发分为前端开发与后端开发，而中职计算机网络专业课程HTML5+CSS3正是WEB前端开发的一门重要核心课程，也是目前最主流的计算机网页设计开发技术。从课程开设至今，本课程的教学模式基本上仍然采用传统教学方法，导致教学经常以教师为主导，一味灌输知识，学生学习积极性差，无法达到预期的教学效果。如何改革现有教学模式来激发学生学习积极性，提高學生学习兴趣，培养学生良好的思维能力，任务迫在眉睫。本文将结合HTML5+CSS3课程教学实际，基于翻转课堂教学模式在实际教学中的具体实践进行教学探索。
一、翻转课堂的基本含义
翻转课堂译自“Flipped Classroom”或“Inverted Classroom”，也可译为“颠倒课堂”，是指重新调整课堂内外的时间，将学习的决定权从教师转移到学生身上的教学模式。在这种教学模式下，学生能够有效利用课堂内的宝贵时间，更专注于项目的学习，共同研究解决面临的问题，从而获得更深层次的理解。教师不再占用课堂的时间来讲授知识。这些知识需要学生在课后完成自主学习。
二、翻转课堂教学模式的内涵和优势
伟大的人民教育家陶行知先生曾说过：“教师之为教，不在全盘授予，而在相机诱导。好的先生不是教书，不是教学生，乃是教学生学。”现代教育提倡培养学生独立思考问题的能力，从某种意义上说，教育的真正目的就是让学生养成连续深入思考的习惯，而不是具体学习哪些知识。很多知识学生在学完之后，过段时间可能就忘了，当学生忘记所学的知识之后，教育留给学生的就是一个连续性深入思考的习惯，而这个习惯才是决定这个学生未来是否成才的关键因素。传统教学模式侧重的是传授知识内容，而翻转课堂恰恰就是侧重引导学生深入思考，培养学生独立解决问题的能力，进而培养学生养成连续深入思考的习惯，这与教育的最终目的不谋而合。
翻转课堂教学模式符合建构主义理念，要求学生基于问题解决活动来建构知识。在教学过程中，创设有意义的问题情境，让学生通过不断发现问题和解决问题，来学习与所探究有关的知识，形成解决问题的技能以及自主学习的能力。翻转课堂教学模式改变了传统的“填鸭式”教学模式，突出课堂以学生为中心，提高学生学习兴趣，培养学生养成连续深入思考的习惯，有利于学生提高独立思考问题的能力，从而实现计算机教学效率的全面提升。
三、翻转课堂教学模式在HTML5+CSS3课程中的应用现状及制度保障
翻转课堂教学模式虽然已经出现较长时间，但根据笔者研究发现，由于应用翻转课堂教学模式进行教学给教师增加了备课量，且需要学校增加软硬件的设备投入，同时由于目前大部分学校采取在上课期间收管学生手机的课堂纪律制度，即使有部分教师应用翻转课堂教学模式进行教学，但是往往在教学过程中因遇到种种困难而不能坚持到底。受以上种种因素的影响，导致目前翻转课堂教学模式在中职计算机教学中出现应用不够普及，开展范围不够广泛的情况。
为提高教学效率，笔者根据当前中职计算机教学实际，并结合目前中职学生的学习情况大胆尝试并坚持翻转课堂教学模式在HTML5+CSS3课程教学的应用实践。教学实践得到我校领导的高度重视，并将本教学实践融合到示范校项目创建中。在保证教学设施设备满足课堂教学的同时我校政教处制定新的学生手机管理制度。新制度能更灵活管理学生手机并为学生在课堂上有效使用手机提供保障。在学校领导的指导和关心下，加之笔者对翻转课堂教学模式抱有极大的兴趣，能够保障充足备课量的前提下，本次教学改革实践得以顺利开展，并初步取得成效。
四、基于翻转课堂的中职计算机HTML5+CSS3课程教学实践
（一）基于翻转课堂教学模式教学计划方案的制定
为保证基于翻转课堂的中职计算机HTML5+CSS3课程教学能顺利有效地进行，在运用翻转课堂教学之前需做好课程标准和课堂教学设计等教学文件的修订和编写工作。在此之前，我校与校外IT企业进行积极合作，对WEB前端开发所涉及的岗位和技能进行整理，对往届毕业生进行岗位跟踪，了解HTML5+CSS3课程在实际工作中的使用情况。同时，面向本校2017级和2018级准备上HTML5+CSS3这门课程的学生发布名为《晋江职校基于翻转课堂教学模式下课程学习前期调查》的调查问卷。在以上调查工作的基础上，笔者对以往基于传统课堂教学的HTML5+CSS3课程标准和课堂教学计划进行大胆调整和有针对性的修改。首先，修订课程标准。比如，笔者在教学实践《浮动显示》这一节的内容时，传统课程标准强调掌握浮动的知识点，要求学生记住浮动英文属性，而翻转课堂模式则更侧重在设计制作体验中领会浮动属性的要义，进而熟练掌握浮动属性的应用。其次，调整教学进度计划。教学进度计划是整个教学实施的前提和保证，在开学前对整个学期的教学进度计划进行调整和确定是十分必要的。根据翻转课堂教学模式的要求，笔者在具体教学实践中尽量融合几个知识点组成一个相对完整的项目目标，整个学期的项目遵循由浅入深的原则，以项目难度逐渐提高为方向。当然，计划方案不是一成不变的，针对实践教学过程中学生学习情况的反馈结果，教学计划也需要不断灵活优化。 （二）以建构主义理论为核心的教学环境的搭建
著名人本主义教育家罗杰斯曾说过：“学生是知识意义的主动建构者，而不是外界刺激的被动接受者。只有通过自己的切身体验和合作对话等方式，学生才能真正完成知识意义的建构。”翻转课堂教学模式强调培养学生自主学习的能力，要求学生在教师的引导下利用信息化网络环境构建知识体系。随着信息技术发展对学习环境的影响，越来越多先进的移动端学习软件可以成为翻转课堂更好的学习载体。根据中职学校学生学习主动性差、学习习惯不够专注、知识结构基础不够扎实，但是，他们信息接收速度快，对新兴事物具有较强的适应能力等特点，结合学校现有硬件和软件条件，本次教学实践以超星泛雅网络教学平台为主，结合厦门九洲同盟公司开发的“微网站开发实训平台”为信息化教学手段进行教学实践。这些网络教学平台具有丰富的信息化教学功能，有助于翻转课堂教学模式的实现。根据第一轮调查问卷结果数据显示，93.5%的学生认为应用这些信息化教学平台进行翻转课堂学习大大提高了学习效率。
（三）以学生为中心的教学资源建设
课程教学资源建设工作需要根据课程标准及校历安排进行任务分解，尽量以学生喜闻乐见的形式开发建设。笔者将课程教学资源分为知识点视频微课、图文步骤、直播时间、闯关游戏、模拟项目和知识大挑战等。同时将课程全局知识点进行梳理，整理学习目标节点，项目化分解，循序渐进，环环相扣，难度逐级递增。借用网络学习平台，按计划安排及时将自主学习资源发送给学生，与学生保持联系，解答学习难题。比如，在实践教学中，笔者在“直播时间”这一环节上，通过邀请往届毕业生或企业职工进入直播间，学生将自主学习时所遇到的问题或自己的思考收集起来，然后进入直播间与老师和职场人员进行面对面的交流。这一教学资源的建设实现了教师与学生的沟通交流，而师生间及时的沟通与交流恰恰是翻转课堂教学模式的一个重要环节，也体现了以学生为中心的教学理念。
（四）信息化网络技术平台的多方面科学考核
在翻转课堂教学模式下，本次教学实践应用的厦门九洲同盟HTML5+CSS3课程网络学习平台能够即时记录学生的学习过程，掌握学生的学习程度，并能对学生在课程知识节点中的项目任务完成情况给予科学的评价;对HTML5+CSS3课程学生每个阶段学习效果的考核做出定性和定量的分析和有效的评估;除了对学生的HTML5前端开发的工程能力，也对学生的其他方面，如表达能力、自主学习能力、探究知识能力、沟通交流能力等方面进行相应的评估。整个考核过程中，由于有信息化教学平台的辅助，教师能具体监控学生完成任务的质量与时间，从而使考核结果更具科学性和准确性。
五、总结
HTML5+CSS3课程知识内容相对其他课程具有应用性强、知识内容较简短、学习目标明确和实践操作性强等特点，这些特点适合翻转课堂的教学模式要求。从学生学习的最终作品成果在传统课堂教学模式与翻转课堂教学模式下的效果来看，翻转课堂教学模式在HTML5+CSS3课程教学应用中取得了明显的成功。在本学期翻转课堂教学实践结束后，笔者发布了第二轮名为《晋江职校基于翻转课堂教学模式下HTML5+CSS3课程学习满意度调查》调查问卷，对学生学习效果情况进行调查，经过调查结果显示，有91.7%的学生认为希望老师能继续采用翻转课堂教学模式进行教学，有95.3%的学生认为采用翻转课堂教学模式比传统课堂更能激发学习兴趣，提高学习效率。
经过理论研究与实践探索结果表明，翻转课堂符合建构主义学习理论，强调以学生为中心，注重解决问题的思维过程，其在中职计算机的教学中能发挥良好的教育教学效果，可以说是中职计算机教学改革发展的重要领域。面对当前的教育改革浪潮，我们只有不断探求新的教学模式才能适应新时代学生的学习需求，培养出具备良好素质的优秀人才。由于本次教学改革实践初步取得了一定的实效，我们目前正把这学习模式向其他学科和校际同学科推广，得到广大师生的欢迎。
参考文献：
[1]龔电花.基于翻转课堂的html5+CSS3网页设计教学的研究与实践[J].数码世界，2017（7）.
[2]马艳萍.翻转课堂中移动学习资源的设计与研究[D].北京：北京交通大学，2016.
[3]刘涛.新媒体专业“网页设计语言”课程改革思考[J].青年记者，2016（33）.
[4]吕泽人.翻转课堂在广州体育学院排球普修课基本技术教学中的实验研究[D].广州：广州体育学院，2018.