高校HTML课程教学的现状与对策

何家莉 等

李春丽  黄妹彩  谭文杰

[摘 要]HTML是一種用于创建Web页面的标记语言，是Web应用程序开发中必不可少的一部分，属于前端开发技术的学科范畴。HTML已成为高校大多数计算机科学专业的必修课程和其他相关专业的必修或选修课程，且在众多教育行业中深受喜爱。现阶段，Web开发行业对人才质量的需求也越来越高，仅学习HTML基础知识和技能可能无法满足迅速发展的Web开发行业的需求。因此，在HTML课程教育中，教育者不仅要让学生掌握HTML基础知识与技能并能灵活运用，也要在教学中适当引入思政元素。文章将简述HTML教育的现状，并提出了有关高校HTML教学方法的对策。

[关键词]高校；HTML教学；对策

在互联网高速发展的今天，掌握一门计算机语言尤其重要。高校HTML课程安排在其他机器语言、汇编语言、高级语言之前，考虑到HTML在网站前端开发过程中起到支撑的作用，非常适合刚刚步入网页设计的新手进行学习。在学习理论知识的同时，可以结合实践学习，培养实际操作能力，这样做有助于学生在HTML和网页设计方面建立坚实的基础。

一、高校HTML课程的性质和定位

HTML是一种超文本标记语言，其命令可用来解释图形、文字、声音等，它包含许多标签，通过这些标签将互联网实现从分散到统一[1]。高校HTML课程作为计算机科学、软件工程、信息管理等专业核心课程之一，属于前端开发技术的学科范畴，旨在培养学生对HTML技术的理论知识和应用能力。HTML作为网页制作的基础，是Web前端开发的核心技术之一，通过学习HTML课程，能够帮助学生掌握Web前端开发所需的基本技术和知识。现如今，大部分的网页都是以HTML为基础来进行开发的，只有在学习各种动态网页技术之前掌握好HTML语法，才能算是完成基本的入门。高校HTML课程让学生理解HTML与CSS、JavaScript等前端技术的关系，了解网页制作基本原理和方法，注重实践，鼓励学生在实践中掌握技能，并通过课程设计、实验等方式加深对HTML的理解和应用。

高校HTML教学要始终贯彻“任务驱动、工学结合、项目开发”，坚持“实用、够用、必需”的原则，促使学生实践动手能力、项目开发与设计能力都实现提升。HTML课程既具有极强的实践操作性，又包括多项可视化成果，学生学习兴趣非常浓厚。

二、高校HTML课程教学现状

（一）课程结构安排合理性不足

在传统教学模式下，教师采取理论教学与实践教学相结合方法，课时比例设置为1：1，教师在讲解HTML理论知识的过程中，虽然会让学生进行思考，分析例题与案例，来提高自身分析问题的能力，但是这样的教学方式会让部分学生感觉枯燥，加之课程本身具有抽象的性质，使课程没有变得易于理解和引起大部分学生的兴趣。而在实践教学环节，主要是教师提供指导，让学生在固定时间内完成教材中的实训项目，学生缺乏主动性和自觉性。同时，学生的实践内容仅来源于课后习题和教材实训项目，实践内容受到局限，学生的创造能力得不到发展、思维得不到延伸。最终导致学生的学习效率差，对知识的理解也不够全面和透彻。

（二）教学方法缺乏思政元素

在HTML课堂教学中，教育者仅是教会学生知识技能和教会学生如何在考试时得到高分，忽略培养学生的人格、情感和价值观。出现这种现象的根本原因是教育者对思政教学的理解不够深入，甚至有些教育者在教育教学过程中忽略思政教学。教学中缺乏思政教育不仅会导致教育教学目标失衡，造成学生在学习知识技能的同时缺乏健康的人格和坚定的价值观，而且会使学生的思维受到局限，造成学生无法拓宽视野，缺乏判断力和分析力。如果教学方法缺乏思政元素，那么教师无法及时指导学生，将使学生的人格发展受到影响，进而导致一系列的心理健康问题。

（三）实践操作性不强

社会岗位对于HTML网页前端开发人才的要求较高，但是在高校的培养方案中，学生涉及的专业课程较多，导致无法很好地兼顾每门学科。而HTML课程涉及的内容较多，学生也无法深入研究，出现“学而不精”的现象。其次，受到传统教学方法的影响，学生缺乏与现实社会问题相结合的案例设计和分析，导致学生在岗工作时难以掌握网页开发的工作流程和方法。缺少实践操作，技术和能力得不到有效提高，与社会岗位需求人才存在差距。

（四）学生自主学习能力有待加强

对于大部分的课程，学生都存在缺乏学习主动性的问题。一方面，受限于一般的学校教育模式和家庭教育环境，学生普遍处于任务式学习状态，过于依赖老师的督促和管理，使得自主学习能力与意识得不到有效发展；另一方面，由于思维惯性、缺乏观察、思考和理解能力，学生难以主动展开学习。学习目标不明确，缺乏动力；学习方法不当，学习效率低，达不到预期的效果，心理落差大，致使缺乏自信心，而不愿主动学习。许多学生缺乏自主实践的能力，学生仅学习HTML的理论知识，不能对所学知识去尝试应用和实践，往往很难去独立完成项目，导致成就感不足而缺少学习动力，降低了对HTML课程的学习兴趣。

三、高校HTML课程教学的对策

（一）合理导入课程，激发学习兴趣

HTML课程涉及内容较多，很多知识点比较复杂与抽象，学生若是缺少有效指导，将增加理解难度，实际学习效率低。教师要想学生跟上自己的讲课进度，就应该保证教学内容更加有趣与新颖，能够有效吸引学生的注意力，最大限度地激发学生的学习兴趣。因此，教师可以在课程导入环节中精心设计，为学生带来全新的体验，保证学生在最短时间内进入学习状态。这样才能激发学生产生浓厚学习兴趣，提高HTML的教学效果。

例如，制作“脱贫攻坚战”网页。在脱贫攻坚战的决胜阶段，指导学生利用HTML制作脱贫攻坚战的网页，此项目的主要功能是为了实现在网页上显示脱贫攻坚战的具体信息，其目的是使得学生在利用HTML制作网页的同时也可以了解国家脱贫攻坚战的具体情况。在导入新课时，教师要利用多种方式介绍HTML制作网页的方法，引起学生的关注，为制作网页打牢基础。

（二）借助动画视频，演示操作过程

在HTML课程中，若是将知识点以动画视频等方式呈现出来，将对学生有更强的吸引力，为之后教学活动的高效开展奠定基础。在教学过程中，教师先对核心理念进行讲解，然后通过展示动画视频，将具体操作过程呈现出来，让学生可以轻松地理解其中的知识点，也能在教师的带领下正确地完成相关操作。最后让学生自主谈论，将讲授时间与讨论时间错开，学生课后也能根据需求对学习做出合理安排。对重难点内容要重点突出，并给出经典案例的操作方法以及讲解，便于学生理解。这样信息技术知识将在学生脑海中留下深刻印象，不仅提高了教学效率，也促进了学生思想政治素养的发展。

例如，制作“缅怀革命先烈”网页。此网页的主要功能包括注册缅怀网站账号，鼠标单击一键缅怀先烈，寄存对革命先烈想说的话（保存至服务器）。通过动态网页的建设来让学生牢记革命精神，受到良好的思想教育。教师可以将操作过程进行演示，让学生熟悉具体的流程，动手完成任务，并用革命精神感染学生，为学生带来前进动力。

（三）利用多种软件，注重课程开发

在互联网时代，教师应该具备有效筛选网络上海量资源的能力，并合理利用使之成为教学材料。例如，可以整合文字、图片和音频等资源，形成授课内容，在课堂上为学生集中展示，既拓宽了学生的眼界，也能帮助学生积累丰富的信息技术知识；同时，对于网络上的海量资源，教师可以提供给学生形成自己的素材库，实现多方式获取知识的能力。教师也可以利用office系列办公软件、绘声绘影、Photoshop、录屏工具等处理收集资源，这样不仅教师的信息化教学手段能得到提升，还能保证HTML课堂的顺利实施，保证教学目标顺利实现[2]。此外，在先进软件支持下，HTML课程资源将更加丰富，在课堂上为案例教学法的应用奠定了良好条件，确保学生在掌握知识点的过程中，也能将掌握的知识用于解决实际案例中，实现处理问题能力提升。通过案例教学过程，让HTML教学活动更加精彩有趣，有效吸引了学生的注意力，尤其让学生将所学知识融会贯通，真正达到学以致用的目标。

例如，制作“弘扬中华民族传统美德”网页。此网页的主要功能包括：显示中华民族传统美德详细内容的主界面，以及上传自己认为具有传统美德内容的功能，并且实现评论留言等功能。在课堂上教师要适时引出更多的内容，帮助学生拓宽学习的方法，让学生能够在教师的带领下独立完成操作任务。此外，该项目的实践过程可以让学生更好地了解中华民族传统美德，做到通过HTML学习了解中华民族传统美德。

（四）注重实验教学，培养实践能力

对大学生来说自主学习非常关键。首先，学生的自主学习可以让学生在课堂中更容易去理解老师所传授的知识，使学习效果事半功倍。其次，学生在HTML课程中自主学习，而不是被动接受知识的机器，可以提高学生采取科学方法主动学习知识并解决问题的能力。在高校HTML课程中实验内容教学也是重要组成部分，为学生自我发挥提供了平台，让学生能够自主分析问题并解决问题，逐步提高自主学习能力，激发学生动手的欲望，提高实践能力是教师在教学中的一项重要任务。最后，要避免让学生将教材中的例题或理论课上所讲的例子依葫芦画瓢完成任务，虽然实验完成了，但无法达到有效教学目的；而是应该给学生一些具有扩充性的题目，让学生可以自主思考，提高其自主学习的能力[3]。教师要将学生合理分组，课堂采用讨论与抢答环节激发学生课堂思考能力，在这样的竞争中学习，确保学生保持积极学习状态，获得良好的学习效果。

例如，制作“美丽乡村”网站时，教师要规定其为课外任务，要求学生独立完成资料搜集整理和网页编写工作，并在课堂上进行展示和讲解。在课堂案例实施过程中，学生能够发现家乡之美，感受家乡不俗的魅力，并激起对家乡的热爱之情。而在“时政”网站特效制作过程中，教师要辅助学生巩固专业技能。学生要自主学习网站特效制作的视频，内容载体是时政新闻。通过视频学习，让学生对时事政治更加关心。在复杂的国际环境下，学生将逐步树立正确的认识观，懂得自己前途和命运与祖国连在一起，热爱祖国应体现在具体行动中，努力学好专业知识。

（五）摆脱思维定式，提高创新能力

创新是一个国家兴旺发达的动力，也是我们保持动力和活力的源泉。拥有创新意识是高校大学生必不可少的，同时也是社会岗位对人才的基本要求。在当今信息技术飞速发展的社会，很多东西都在不断地更新迭代。教师要时刻关注社会的需求，也要将目光放长远，不要局限于现在，要对未来的发展趋势进行适当的预测，做好相应的教学应对措施。其次教师对HTML课程的实践部分可进一步改进，采取项目式教学，不仅要求学生学会模仿案例，还要学会在此基础上进行自主思考，发挥自己的创造能力，摆脱思维限制。同时学校可加强与企业之间的合作，让学生能够更直接地接触真实的网页制作过程与方法，也能让学生了解社会的需求，提前让学生与现实接轨，加强国际交流，放眼至整个世界，开阔了学生的眼界，激发了学生创新思维。

例如，在制作“最美教师”网站时，教师规定此任务为团队合作项目，在HTML课堂教学中对学生进行分组，让学生在课后协作完成网站制作。学生团队进行合理分工与沟通，确立方向后上网搜集并分类筛选最美教师资料，借助HTML技术完成网页设计，如版面设计和页面功能体现等，最后在课堂上展示成果并由组内代表在课堂上讲解网站功能。在团队合作项目过程中，学生可以锻炼合作能力，适应工作流程，加入创造性理解，加强独立思考和自主创新意识，能够发现教师之美，感受教师这个神圣职业的光辉魅力，激发学生对教师产生敬佩之心。

结束语

综上所述，在HTML教学中，我们不仅要注重理论知识的学习，更要注重实践操作。通过不同主题的HTML项目实践，学生可以更好地掌握HTML技能，了解如何运用HTML语言来实现网站的各种功能，培养创造、创新思维。HTML项目实践还可以了解社会、文化等方面的知识，让学生在实践的过程中发挥自己的才能，并在实践中进行自我思考与探索，更好地提高自己的综合素质，摆脱思维模式教育，成为全面发展的人才，为未来的发展做好准备。

参考文献

[1]李高峰.探讨HTML5前端开发課程教学改革方法[J].科技风.2020（2）：63.

[2]张鹏松.HTML5在移动学习中的应用研究[J].卫星电视与宽带多媒体.2019（19）：22-23.

[3]明素华.数字化教学资源共享研究：以《HTML网页设计》课程为例[J].通讯世界.2019（9）：367-368.

作者简介：何家莉（1981— ），男，壮族，广西桂林人，玉林师范学院数学与统计学院，副教授。

研究方向：粗糙集及软计算。

李春丽（2001— ），女，汉族，广西河池人，玉林师范学院数学与统计学院，本科在读。

黄妹彩（2000— ），女，壮族，广西百色人，玉林师范学院数学与统计学院，本科在读。

谭文杰（2003— ），男，汉族，湖南株洲人，玉林师范学院数学与统计学院，本科在读。

基金项目：本文系广西高等教育本科教学改革工程项目（编号：2023JGA288）；大学生创新训练项目（编号：S202210606095）。