中职《网页设计与制作》课程教学模式探析

黄延景

摘要：随着现代信息化技术的高速发展，已经有越来越多的企业对信息发布途径进行了改革更新，其中通过网络渠道开展产品营销的模式应用最为广泛，且应用效果也很好。所以，当前社会企业对于网页设计专业人才的需求量呈现不断增加的趋势，然而在真实就业过程中，中职院校的毕业学生通常都无法切实满足企业的真实需求。因此，该文针对中职《网页设计与制作》课程教学模式进行了深入研究探析，以供参考。

关键词：中职院校;《网页设计与制作》;教学模式

中图分类号：G642        文献标识码：A

文章编号：1009-3044（2021）06-0118-02

經过大量调查发现，中职院校《网页设计与制作》课程当前存在很多不足与问题，比如：教学模式太过单一、教学效率不高、章节之间连贯性不强以及太过注重技巧、忽视设计、学生专业技能跟企业需求不符等多个问题。针对这些真实情况，教师应当不断寻求最为科学、合理、多元且具备实践操作性的教学模式，借此提升课堂教学效率、加强学生的动手能力，为学生今后在就业时奠定坚实基础。

1 上好第一堂课，激发学生的学习兴趣

对《网页设计与制作》而言，第一节课的教学模式至关重要，其会直接影响到学生对该科目的兴趣和教学效果，同时跟教师后续教学活动的顺利开展、学生学习成绩的提升也有密切关联。因此，在进行第一堂课时，一定要充分调动学生的积极性，激发学生对网页设计与制作的兴趣，可优先选取演示教学法。即首先对网页制作的基础理论知识以及详细操作流程予以阐述介绍，然后对国内外知名度较高的网站、学生制作的优秀作品以及一些典型的个人站点予以全面深入分析，针对这些网站的整体布局、颜色搭配、网站风格等方面以及如何通过图片将自己的网站变得更加引人注目、更加独具一格，并得到浏览人群的赞同和认可。并对学生们说，只要认真学习《网页设计与制作》，你们也能够跟他们一样，设计制作出如此优秀的网站作品。

该教学模式，需要教师对一些优秀、典型的网站予以全方位的分析，同时对网站制作、设计等方面的理论知识点进行更加详尽、深入的讲解，在学生脑海中构成井然有序的网页网站概念体系。令学生在自己心中制定一个网站学习目标，并不断朝着这个目标努力，加强学生相关自己独自设计制作网站的意愿。而这个意愿恰好就是学生学习《网页设计与制作》该门课程的强大动力，也是学生能够学好该课程的基本前提，同时这对教学效率与质量的提升也有很大帮助。

2 改革教学模式，大力提升学生的实践能力

《网页设计与制作》课程具备极强的实战性，教学目标是让学生全面掌握并灵活运用相关知识与技能，最终可以独自进行网页设计与制作。要想对传统教学模式进行改革创新，一定要选取最为科学有效的教学方式，同时中职院校的教师跟学生也要充分配合，相互协作。比如：案例教学法，该教学模式在当代教育界获得了广泛良好的应用，而且跟该课程的内容也十分符合。

比如：在学习3.2《框架（框架集）布局》这一章节时，教师首先对学生展示两个网页，其中一个是常规网页，另一个是框架网页，并提问：这两个网页的区别是什么？由此引入框架网页新课程。在实际教学活动中，教师应当运用常规制作方式设计网页，然后再把该网页遵循框架网页的制作形式进行操作，拆分、框架调整都会在该案例中充分详细的呈现，让学生们直观、形象地看到框架网页的制作过程。然后，教师再布置课后作业，让学生们对课堂上所讲述的知识点加深印象，加强巩固，利用查漏补缺的形式提升教学质量，使其实现最终预期。显而易见，案例教学模式不仅可以让学生回顾经典案例的设计制作方式，还能够让其将自身具备的知识与技能予以迁移式进展，可以说是“一举两得”。

其次，要充分调动学生的实践动手积极性，激发学生独自设计制作框架网页的兴趣。在经过以上案例教学模式之后，学生对新知识已经有所掌握，接下来要做的就是“乘势而上”，实施科学合理的措施开拓知识范围。该行径能够将教学活动延展至课堂外，让学生自主操作、自主摸索，从而在脑海中创建出相关知识体系结构，达到真正的心领神会、触类旁通。比如：中职院校教师在开展网页设计中《数据库的基本操作》等章节内容时，当学生充分掌握了知识点之后，可让其独自做些带有引导性的课外任务，做到课内课外教学互补，让理论知识和实践操作建立密切联系，从而提升教学效率与质量。

3 实施“教、学、做”一体的项目式教学方式

3.1 行动导向、任务驱动

以当代社会及企业对网页设计制作的实际需求作为入手点，严格遵循“做中学，做中教”的教学原则，把《网页设计与制作》中的知识点转化为网站实例制作的环节，并在具体设计制作过程中讲解相关技巧、步骤等，特别是在具体制作网页环节经常应用的“Div+CSS布局模式”，不断优化教材内容，延伸HTML代码的学习方式和内容，借助课后练习设计实现对课堂教学讲授知识的理解与掌握。

比如：首先创设相关情境，提出新任务。将根据所教授课程相关的音乐、动画短片或者图片等创设生动有趣的情境，激发学生的兴趣，吸引学生的注意力，从而说出实际任务，以及任务要求。其次，让学生分组讨论，并对学习任务进行层次划分，由易到难的予以解决，该方式可显著提升学生的分析能力、思考能力以及解决问题能力。最后，开展任务实施环节，此时应当将学生当作课堂主体。在完成任务期间，学生经历了自主分析、自主探究、分组讨论等过程，对问题进行了妥善解决。而教师在该过程中充当的是引导者、辅助者以及任务发布者，对学生进行合理的指导点拨，使其能够更加顺利、快速地做完任务。

3.2 循环往复教学法

讲解理论知识—动手实践操作—自我反思—讲解理论知识—动手实践操作，这就是循环往复教学方式的全部过程。其能够提升学生对知识的理解程度与掌握程度，尤其是《网页设计与制作》中的第四章《动态网页设计基础》课程，该小节知识点极多，且难度系数也较高，学生比较难理解，一定要多次反复讲解、实践，借此强化学生的记忆，加深学生的理解，方能取得显著的教学效果。需要注意的是，应当采取科学合理的措施激发学生的学习兴趣，同时教师也要对该小节进行全面充分地理解，建立相应的知识框架结构，在讲解过程中要由表及里、突出重点、分散难点，注重逻辑性，为学生理解这些知识点提供有力帮助。

4 优化教学方法，提升学习效果

4.1 小组合作，加强团队精神

教师在对中职学生布置网页设计作业时，一定要注重团队合作的重要作用，并鼓励学生记住小组利用团队合作的方法完成课后作业。同时也要将小组内各成员如何进行合作的步骤提供给学生，让其进行参考。

比如：首先对班级学生进行分组，选择学习成绩、道德素养都比较优秀的学生当小组长，小组长负责对网站制作项目进行筹划以及对组内各成員的职责进行分配。其次，小组长对各个成员的兴趣进行统计汇总，然后确定网站主题。小组内的成员至少要负责2个子页。分组完成之后，各小组开始对自己网站的版面布局、颜色搭配、logo设计等进行制作。在该环节，每个小组都要呈交设计草图，并且该草图必须是通过Photo shop或者Fire works所制作出来的。然后由主要负责人对该网站设计理念予以讲解，教师跟其他组学生对其进行合理评价，并提出改善建议。之后是网站制作环节，由于该环节页面数量众多，所以各小组需要隔一段时间就将制作进程报告给教师，然后派遣小组成员对一些比较重要的页面予以演示。教师则需要对制作进程予以有效控制，若是发现问题应当即刻对其进行指正。对每个小组所设计页面中的文字、图片显示、连接使用、不同浏览器下网站等多个方面进行严格测试，查看其运行能否充分满足设计标准需求。此外，各小组还应当对每一项测试数据进行详细记录，最后予以整合汇总，交给教师，由教师进行审核，并对各组存在的问题、不足和缺陷一一进行分析解决。各小组自主申请免费主页空间，运用FTP工具发布所制作设计的网站。当然，所提交的网站域名仅供教师与学生进行访问。

4.2 作品展示与评价，推动学生个性化发展

在实际教学活动中，教师应当加大对学生设计作品的展示力度，并让其他学生畅所欲言，共同对该作品进行评价。同时，教师也要说明评价网页的准则、方式等，比如：在实际评价过程中，应当先对该作品进行表示肯定，加强学生的自信心，之后再站在专业角度指出它所存在的问题。如此方能全面调动学生的学习主动性，提升学生的成就感。

通过将学生作品予以展示这个环节，不仅为学生提供了展示自我学识、能力的良好平台，同时还培养了学生的自我反思能力。而其他学生对该作品的评价，既能够让这些学生对他人作品具备初步了解，从而知晓自身的短板，进而更加努力认真的学习，又能为这些学生指明之后学习的大方向，最后真正实现个性化教学。除此之外，还能够创建网络讨论平台BBS，以供学生们共同探讨，并将学生制作的作品放在教学网站，让大家欣赏，并选出最佳作品，对学生进行表扬夸赞，增强学生的自信心与学习该课程的兴趣。

5 结束语

综上所述，对中职学生而言，《网页设计与制作》课程中重难点知识点较多，理解、学习都有一定难度。因此教师应当全面革新传统教学模式，对案例教学法、“教、学、做”教学模式进行充分灵活的运用，调动学生学习的积极性，拓展学生的知识面，提升学生解决问题的能力，让学生跟工作岗位之间实现零距离接触，为中职毕业生就业奠定坚实基础。

参考文献：

[1] 张纯红.项目教学法在中职网页制作课程教学中的实践研究[J].才智，2019（11）：123.

[2] 丁仲海.浅析中职学校网页设计与制作教学策略[J].考试周刊，2019（28）：17.

[3] 张彬.翻转课堂在中职网页制作课程教学中的应用——以“网站模板的使用”为例[J].西部素质教育，2018，4（23）：120-121.

[4] 段珊珊.OBE-CDIO教育理念在《网页设计与制作》课程教学中的探索与实践[J].电脑知识与技术，2018，14（28）：126-127，132.

[5] 王芳.中职院校网页设计与制作教学实践研究[J].中国教育技术装备，2018（15）：135-136.

[6] 秦福生.PBL教学模式在中职网页设计与制作教学中的实践与思考——以制作“班级相册网站”为例[J].广西教育，2018（18）：114-115.

【通联编辑：代影】