摘要：作为职业类学生，大部分同学的功底还是相对差的，在技术要求较高的计算机行业，尤其是网站建设的岗位上谋求一席之地还是不容易的，经过我们调查分析，WEB前端技术岗位比较适合职业类学生，那么，在教学中如何才能教出与岗位相适合的人才呢？教学应用应如何改革创新呢？就是针对岗位的需求，联合企业进行有针对性的设计教学内容，进而开展教学。
　　关键词：前端技术；教学；项目
　　中图分类号：TP311 文献标识码：A 文章编号：1009-3044（2018）18-0112-02
　　计算机专业学生对口就业的很少，就其原因有三，一是学生本身因素，缺乏钻研学习精神，二是教材因素，教学内容与社会上不接轨，导致学生毕业后到社会上找不到工作，或找到不能胜任，三是老师因素，老师缺乏实战经验，所教内容有点纸上谈兵的感觉，并不实用。
　　对于企业来说，企业也想找职业类的毕业生，成本低，但职业类学生能胜任工作的不多，企业也想培养人才，但不知如何培养，所以导致他们招工时想找到一个能直接胜任工作的员工。
　　对于学生来说，也有部分学生有理想有抱负，想找从事网页开发的工作，但学校里面教学的知识不能胜任相应的岗位，所以，有的同学就到外面的培训机构去培训后走上了网页设计的岗位。所以说这种情况如果不破解，将会形成恶性循环，职业类学生的计算机专业中的网页设计类学生将无法找到合适的工作。笔者研究本次研究的课题是：网页专业实训课程对接企业web前端设计岗位的探索就是研究这方面的内容。通过调查研究企业愿意与学校合作，共同培养人才。那作为我们教学一线，如何利用这个机会调整教学方法、方式，让学生学得上、学得会、做得了呢？这必然要改变以往的做法，对教学教研进行彻底的创新。
　　1仔细研究企业的需求，了解岗位技术技能
　　本次我对二十余家网页网站开发类公司进行调查研究，了解了企业的岗位，在WEB前端岗位中，有1个岗位我们的学生能胜任，即前端页面布局，此岗位是在前一个岗位---页面效果图设计的基础上来完成的，页面效果图制作是设计根据用户的需求，设计出用户所需要的页面效果图，下一个环节就是前台页面设计，即前台页面设计师根据效果图（PS制作的）进行切片，利用HTML5进行布局，利用JS进行各种功能、动态效果的设计等。这个岗位我们的学生是完全能胜任的，该岗位需要HTML5，JAVASCRIPT，JQUERY，css3等语言。
　　2仔细分析学生的学习特点，及学生能胜任的岗位
　　在另一篇论文中，我分析了学生学习特点，这里只简要说一下，中职类学生最怕学习太理论的内容，尤其是那些实践不多的理论，他们怕去探究，喜欢学习技能型的知识，做出的内容后能直接显示出来，看到摸到，有成就感，而前面讲到的网页面设计师的岗位正好符合这方面特点，输入几个代码，在浏览器中就能显示出相应的效果。利用JS代码，能写出链接功能，鼠标悬浮改变颜色、底纹等功能。
　　以上这两个图虽然不长但要完成做好，前面讲的四门课中的内容也要涉及，做好后结果看上去非常漂亮舒服，但真要让学生来做，还是有难度的。如果采用较好的教学方法，那么学生学起来，做起来会简单明了许多。完全能完成这些页面制作。如“第三届诗词中国传统诗词创作大赛”实际上就是一行代码：

第三届”诗词中国”传统诗词创作大赛，在文字的前后加上span标记语言， 再加颜色标记COLOR 指明颜为红色（red）即可。把颜色名称调整为其他的，就会显示其他颜色，简单快捷。
　　3 编制教材，以项目代替教学
　　学生学习知识缺乏耐心，学习的时间一长，学习内容越多，学生的兴趣就会降得越多，所以针对中职学生的特点，我们必须重新编制教学内容，改变以往的教学模式，采用项目化教学，这个项目化教学与以往的项目化教学不一样，以往的项目实际上是模块方式，前几章不是项目，而是小功能，前面所完成的项目在实际运用中碰不到或运用得很少，这些项目是为学习内容而设计的，实用性不强。那么我们现在设计的项目从一开始就瞄准一个大的项目，在大的项目中分出一些小的模块让学生学习填充，所填充的内容是必须遵守学习规律。由浅入深，由简单到复杂，让学生明白再简单的代码也是整个项目中不可或缺的部分。 具体做法如下：
　　3.1 打破语言之间的分割
　　我们之前学习内容是一门一门学习，如HTML5，JAVASCRIPT，JQUERY，css3这四门课程，按照每门课程进行学习，每门课都有简单复杂，但是实际上，对于一个项目来说甚至于一个功能，并不是某个门课程，而是几门课程的综合，是不可分割的，如设置页面鼠标悬浮功能，涉及HTML，JAVASCRIPT，CSS3等课程的知识，所以我们在教学设计时要注意根据功能把这些知识整合起来。如图1，菜单设计，“首页 参赛指南 赛事动态 作品展示 答疑解惑 参赛投稿 ”等这一行，将用到 html的布局代码，