中职学校如何提升学生学习HTML+CSS页面布局课程的兴趣

摘要：本文分析了中等职业学校的计算机网站设计课程教学中学生的实际困难，提出相关的解决方法，通过分析行业岗位需求，从教学环节着手，多个方面去阐述如何提升学生对网站设计的学习兴趣。

关键词：岗位需求;整站意识;职业规划

在网页制作中，页面前端的设计非常重要，它是直接面向使用者的，页面设计的优劣关乎网站的被关注度，接收度以及普及度。使用者能够通过阅读页面，迅速获知网站所要表达的内容，思想，能够获取自身所需要的信息，能够在浏览页面时获得愉悦感。

为了能够让网页迅速吸引使用者，培育使用者，就需要有制作精良的页面，需要设计者有扎实的页面制作功力。因此，培養具有页面前端布局能力的制作者就显得尤为重要。

页面前端布局暨网页设计在中职学校计算机相关专业中是一门核心课程。学好这门课程对学生在各方面的竞争力有极大的作用，如升学，就业等。本人从事中职学校计算机专业教育教学多年，在HTML+CSS制作教学中有较丰富的经验，对学生在学习HTML+CSS中的学习技巧及困难有较深的体会和应对之策。

目前中职学生学习HTML+CSS时面临一些困难，主要体现在几个方面。

一、HTML+CSS在代码编写上与自身的语言习惯有较大的不同

中文的语言习惯和英文的习惯本身就有极大差异，而代码的思维模式和编写方式对中职学生来说更是难以理解。学生在学习代码的时候容易出现理解困难，思路絮乱，学习卜稍微放松后导致后续的知识点学习更加难以接受。最终导致放弃学习HTML+CSS课程。

二、应用技巧较差

学生在掌握了基本的HTML+CSS编写能力后，可以尝试建立完整的页面，在这个过程中，可以发现大部分学生没有合理利用相关技巧，只是简单堆积布局内容，机械的模仿效果图完成页面制作，导致页面内容絮乱，错误较多，页面浏览的流畅性较差，且纠错困难，很难更新内容。

三、缺乏全局意识

我们都知道，一个网站包含多个页面，这些页面有可能是二级页面，有可能是三级页面，甚至是四级五级页面，这就需要制作者在设计页面时能够理解网站的整体风格，兼顾各级页面的内容差异性对相关页面进行调整。但中职生非常缺乏这方面的意识，在制作网页时没有全站意识，经常出现网站的页面风格不一致。

四、缺乏实战操作

在学习了网页制作后，并不代表学生就掌握了相关的技能。由于各种主观或客观的因素，中职生严重缺乏实际操作能力，在面对新网站网页制作时，常常出现无从着手的感觉，或者直接看着效果图就开始操作，而在制作过程中往往会发现之前的制作有误，需要不断的调整返工，既浪费了时间，也磨灭了制作热情，严重的会导致放弃这门课程的学习。

五、定位不清晰，包括自身在未来从事的岗位不清晰及HTML+CSS在行业的需求度定位

中职生的对毕业后的前景有多种选择，如升学，就业等，年龄也偏小，往往对自身的定位不够清晰，没有职业规划，既不知将来从事何种工作，也不知现在所学的知识在将来的就业前景，在这些不够清晰的定位中容易迷失，对学好HTML+CSS有极大的负面影响。

通过这些分析，经过多方面思考，并且在实际教学具体应用后，提出相关解决方法，在教学中培养学生对HTML结合CSS布局页面的兴趣方面起到较好的效果。

一、培养代码编写思维

代码编写是一项较繁琐的工作，如果在代码结构上还不熟练，那么代码思维将起到非常关键的作用，那么，该如何培养学生的代码思维习惯呢？首先，学生必须掌握较基本的代码字段，只有当了解了相应字段所代表的含义，才能进行下一步的学习提升。代码片段和简单代码语句的学习是在掌握基本字段的基础上完成的，当然，根据教学需要，代码片段和基本字段的学习可以共同进行，在学习代码片段或简单代码语句时掌握相关的字段。再进一步则是尝试编写页面代码，通过这样的方式，让学生逐渐养成代码编写思维。

二、熟练操作，多次编写

我们知道，记忆按保留时间的长短可以分为瞬时记忆、短时记忆和长时记忆。如果只是在教学时间内学习HTML+cSS的知识，学生很容易便会忘记如何编写代码，在这种情况下，只有通过不断练习，熟练操作才能把代码编写习惯保留下来，并且要有对应的案例，也即是适合相关知识点的案例，在案例教学法的指导下，熟练的完成知识的学习与积累。

三、建立整站，培养全局意识

网站的全局思维意识是学生能否制作一个精美优良网站的前提，培养学生的全局意识需要教师引导学生多观察网络中优秀的网站，从布局、配色、风格、主体、页面链接切换等多方面思考，结合自己的知识储备情况，在图片素材收集、选定、调整，文字提炼、排版、分布;动图制作、插入;页面特效等各个环节去处理，网站的主题要明确，能够让浏览者迅速记住网站。

四、引入社会资源，在加强技能提升的同时了解行业需求

学生的知识水平，建设技能是否达到行业岗位的要求，并不是在校学习就可以完成获得的，这就需要学校根据区域情况，及时引入社会资源，利用行业的敏锐度，在评判的准则下，对教学方式，教学过程，教学效果提出指正意见，最终把行业需求融入到教学中来，使学生能够达到行业从业水平。

五、做好职业规划，完善自身技能，积极面对岗位要求

职业规划能够让学生对自身的职业前景有更清晰的认识。每一个岗位对技能的需要是不同的，在分析岗位技能需求时，通过职业规划，让学生了解自身的知识储备情况是否达到相关要求，对学生完善自身的技能有更深入的认识，能够让学生提前完善知识结构，熟悉技能操作过程，能够以更加积极、自信的心态面对工作岗位。

参考文献：

[1]魏爽.计算机基础教学的思考与改革建议[J].软件导刊（教育技术），2019（5）.

[2]洪新军.计算机网页制作教学过程中应该如何培养学生的创新能力[J].信息记录材料，2018（11）.

[3]王如荣.基于工作过程系统化的计算机专业课程教改案例开发[J].科技展望，2015（11）：

[4]钟泽友，李强.网页设计与制作DREAMWEAVER[M].中山大学出版社，2013.

作者简介：罗威（1982.7-），男，广东人，职称：中学一级，学历：本科，方向：计算机web前端教学研究。