中职计算机网页设计教学的若干实践探索

潘传利

摘要：属于互联网的热潮正在悄悄到来，为此许多中职的学生也有了更多就业的岗位，与此同时HTML5也因为被许多人使用而变成传统网页最大的对手。网页设计是中职学校主要的课程，工欲善必先利其器，教材质量的好坏决定了教学质量的高低。因此，以HTML5作为实验例子，笔者将讲述自己对于中职学校如何提高网页设计教学提出自己的看法，同时还会结合现实情况给予合理的建议。

关键词：中职学校;网页设计;HTML5教材开发

引言：

目前，中等职业学校的目的是为国家教育前端操作型人才。因此这类学校使用的教材非常重要，因为教师与学生之间的联系全靠教材，知识的传播也靠教材，教材质量决定教学质量越好，也决定教出的学生如何。

就以我本人所在的这所中职教学为例，他们的计算机课主要学习如何设计网页，所以一直在挑选优秀的教学教材。在网络上，大量的五花八门的教材更适合本科生和高职学生，适合中职学生的教材少之又少。这是因为在编写教材时，他们没有考虑到中职学生水平不高，对于抽象事物理解力较差，所以教材给出的案例不够详细和具体，中职学生阅读起来就会非常吃力与困难。

一、教材开发探究

1教材开发思路

关于如何拓展教材的教学思路，笔者翻阅了大量记载如何制定中职网页设计教学标准的书籍。大致内容如下：网页设计课在中职课程中属于一类非常重要的基础课程，这门课程的目的是服务于Web的前端开发，同时为后来的网站打好开发动态的基础。课程教学的目的是为了让学生了解网络技术的发展史，学会使用常用的制作工具，理解Html的语言语法，熟练掌握Css语法等。任何有关网页设计的流程都要熟练掌握。

网页设计课程的要求明确指出同学应当学习并且明白和掌控HTML语言，还要学会利用Dreamweaver程序。如今市场上绝大部分的教材普遍把重点放在如何使用Dreamweaver的讲解上，或者详细讲解各种软件程序的语法。

在2014年的时候，经过将近8年的努力后，终于在10月29日，HTML5的规范标准终于被制定完成。HTML5具有可以扫描图片，流畅播放视频和音乐等优势同时其他平台还与之兼容，因此它才成为传统网页的对手。

最近几年间，HTML5正在以迅猛的速度不断发展，相对应的工作岗位的数量也在急剧增多。但是社会上的学校，也包括笔者所在的学校仍然在用老旧的教材进行教学。

为了解决这个问题，笔者与其他几位教师达成合作。我们一起开始研究新的教材。新教材的名字就叫《HTML5基础实训》。这本教材可以带领学生了解目前HTML5的现状和未来发展趋势。同时学生还能通过这本教材了解如何设计一个网页，提前了解HTML5的基础知识。我们的初衷是希望学生可以了解行业情况，具备现代的编程思维，提升与人沟通的能力，开阔视野，提高学习与观察能力。

2教材使用软件探究

在网络设计课程的教育中，我们的要求是希望学生可以学会并且熟练掌握Dreamweaver的运用，需要他们明白如何使用dreamweaver创造一个全新的网站。因为这个编辑器具有很高的便利性，所以学生难以学习并掌握HTML和CSS的语言语法。

首先，我们要承认中职学生的学习能力并不强大，大多数人的自控能力都有问题，惰性很大。所以针对这个现实问题，一方面我们要改正学生的学习习惯另一方面还要改进设计。在设计网页的时候，我们往往倾向于利用丰富的网页元素来完成网页的设计，虽然学生最后也完成了任务，但本质上他们并没有学会编辑网页的本领，哪怕出了问题可能都找不到解决问题的切入口，那么这种设计出来的课程知识一个空壳子。再者，dreamweaver程序中的CSS面板还有各种属性面板对于学生都太方便了，学生哪怕没有熟记CSS的语法规则都能完成布置下来的任务，那么这种网页设计的教学对于学生未来的就业没有一点好处。

为此，《HTML5基础实训》教材最终认可了SublimeText3编辑器，这里简单地介绍一下这个编辑器（以下简称sub）sub编辑器使用起来是不要钱的，同时上手快，几乎每一台电脑都能运行，与平台的兼容性也很高，各种系统上都可以运行这个编辑器。sub还具有以下特点，拥有漂亮的用户界面，书签设计独特，可以完成项目切换，提供多选择多窗口等功能，可以拓展学生的想象力，同时还可以检查学生的拼写错误合理地帮助学生提高使用编辑器的水平。

3教材内容探究

在传统教育当中的教材存在许多缺点，例如知识的过于分散，案例之间缺少联系，难以让学生感受到设计与开发网页的快感。况且中职的学生能力不行，无法建立一个完整的知识系统，也就更难掌握网页的整体设计。

在安排教学内容时，笔者主要负责这一点。以某一个网站为主体，在设计的时候添加各种有关网页知识的知识点，然后在每一个项目中插入对应的模块，把每一个项目划分为其他不同的任务，每一个任务对应不同的知识点。总之，要灵活运用知识，将知识点联系起来，把每个知识运用到案例当中。让学生学会知识，利用知识，培育他们强化项目和开发应用的能力。

二、教材开发体会

1开发好一本教材需要教师真实展现前端web工程的情况

web前端工程师是一个具有高标准的岗位，前来应聘的人都要具备扎实的HTML5和CSS的基础。同时还要具备规范的编码能力，先进的编程思想，出色的沟通能力。选取一些特定的项目作为教材案例，例如一些符合主流的，能够激发学生兴趣的，对不同的知识有针对性的案例。同时教材还要满足学生在学习中练习，练习后理解，理解时巩固。

2教材内容需定位在基础实训

基础教育非常的重要，因为好的基础教育可以通过实訓的方式让学生理解基础知识并且灵活运用。当然要根据不同学生的情况选择不同的试教方式，和不同难度的知识点，并且让学生反复练习，力争熟练掌握该知识点，这样才能提升学生运用这项技术和解决实际问题的能力。

3教材内容组织需要考虑中职学生学情

中职学生也有很多优点，比如性格活泼，动手能力强，操作经验丰富等，但是优点的对面缺点也很多，例如理解力差，自控力不强，惰性太大等。因此在编写教材时我们要考虑如何激发学生的兴趣，让他们爱上学习，愿意学习主动学习，让他们享受到学习的乐趣，笔者在此郑重提醒各位从业者要思考这个问题。

三、结语

互联网时代的到来对于学习计算机的中职学生来说是一件好事，因为这意味着未来适合他们的就业岗位会增多。与此同时国家也很注重互联网产业的发展，对此投入了许多人力与物力，政府也在重视中职人才培养的问题。因此我们一定要重视我们遇到的问题，解决了它们我们才能培育出适合新时代的互联网人才。

参考文献：

[1]陈丽颖中职《网页设计》教材编写的实践与思考[J].广西教育，2015（1）.

[2]丁春晖中职计算机及应用专业项目课程校本教材开发的思考[J].职业技术教育，2010，31（8）：65-67.

[3]张宝升.中职学校校本教材开发研究长沙：湖南师范大学，2015.