張洪海

摘要：作為職業(yè)類學(xué)生，大部分同學(xué)的功底還是相對差的，在技術(shù)要求較高的計算機(jī)行業(yè)，尤其是網(wǎng)站建設(shè)的崗位上謀求一席之地還是不容易的，經(jīng)過我們調(diào)查分析，WEB前端技術(shù)崗位比較適合職業(yè)類學(xué)生，那么，在教學(xué)中如何才能教出與崗位相適合的人才呢？教學(xué)應(yīng)用應(yīng)如何改革創(chuàng)新呢？就是針對崗位的需求，聯(lián)合企業(yè)進(jìn)行有針對性的設(shè)計教學(xué)內(nèi)容，進(jìn)而開展教學(xué)。

關(guān)鍵詞：前端技術(shù)；教學(xué)；項目

中圖分類號：TP311 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2018）18-0112-02

計算機(jī)專業(yè)學(xué)生對口就業(yè)的很少，就其原因有三，一是學(xué)生本身因素，缺乏鉆研學(xué)習(xí)精神，二是教材因素，教學(xué)內(nèi)容與社會上不接軌，導(dǎo)致學(xué)生畢業(yè)后到社會上找不到工作，或找到不能勝任，三是老師因素，老師缺乏實戰(zhàn)經(jīng)驗，所教內(nèi)容有點紙上談兵的感覺，并不實用。

對于企業(yè)來說，企業(yè)也想找職業(yè)類的畢業(yè)生，成本低，但職業(yè)類學(xué)生能勝任工作的不多，企業(yè)也想培養(yǎng)人才，但不知如何培養(yǎng)，所以導(dǎo)致他們招工時想找到一個能直接勝任工作的員工。

對于學(xué)生來說，也有部分學(xué)生有理想有抱負(fù)，想找從事網(wǎng)頁開發(fā)的工作，但學(xué)校里面教學(xué)的知識不能勝任相應(yīng)的崗位，所以，有的同學(xué)就到外面的培訓(xùn)機(jī)構(gòu)去培訓(xùn)后走上了網(wǎng)頁設(shè)計的崗位。所以說這種情況如果不破解，將會形成惡性循環(huán)，職業(yè)類學(xué)生的計算機(jī)專業(yè)中的網(wǎng)頁設(shè)計類學(xué)生將無法找到合適的工作。筆者研究本次研究的課題是：網(wǎng)頁專業(yè)實訓(xùn)課程對接企業(yè)web前端設(shè)計崗位的探索就是研究這方面的內(nèi)容。通過調(diào)查研究企業(yè)愿意與學(xué)校合作，共同培養(yǎng)人才。那作為我們教學(xué)一線，如何利用這個機(jī)會調(diào)整教學(xué)方法、方式，讓學(xué)生學(xué)得上、學(xué)得會、做得了呢？這必然要改變以往的做法，對教學(xué)教研進(jìn)行徹底的創(chuàng)新。

1仔細(xì)研究企業(yè)的需求，了解崗位技術(shù)技能

本次我對二十余家網(wǎng)頁網(wǎng)站開發(fā)類公司進(jìn)行調(diào)查研究，了解了企業(yè)的崗位，在WEB前端崗位中，有1個崗位我們的學(xué)生能勝任，即前端頁面布局，此崗位是在前一個崗位---頁面效果圖設(shè)計的基礎(chǔ)上來完成的，頁面效果圖制作是設(shè)計根據(jù)用戶的需求，設(shè)計出用戶所需要的頁面效果圖，下一個環(huán)節(jié)就是前臺頁面設(shè)計，即前臺頁面設(shè)計師根據(jù)效果圖（PS制作的）進(jìn)行切片，利用HTML5進(jìn)行布局，利用JS進(jìn)行各種功能、動態(tài)效果的設(shè)計等。這個崗位我們的學(xué)生是完全能勝任的，該崗位需要HTML5，JAVASCRIPT，JQUERY，css3等語言。

2仔細(xì)分析學(xué)生的學(xué)習(xí)特點，及學(xué)生能勝任的崗位

在另一篇論文中，我分析了學(xué)生學(xué)習(xí)特點，這里只簡要說一下，中職類學(xué)生最怕學(xué)習(xí)太理論的內(nèi)容，尤其是那些實踐不多的理論，他們怕去探究，喜歡學(xué)習(xí)技能型的知識，做出的內(nèi)容后能直接顯示出來，看到摸到，有成就感，而前面講到的網(wǎng)頁面設(shè)計師的崗位正好符合這方面特點，輸入幾個代碼，在瀏覽器中就能顯示出相應(yīng)的效果。利用JS代碼，能寫出鏈接功能，鼠標(biāo)懸浮改變顏色、底紋等功能。

以上這兩個圖雖然不長但要完成做好，前面講的四門課中的內(nèi)容也要涉及，做好后結(jié)果看上去非常漂亮舒服，但真要讓學(xué)生來做，還是有難度的。如果采用較好的教學(xué)方法，那么學(xué)生學(xué)起來，做起來會簡單明了許多。完全能完成這些頁面制作。如“第三屆詩詞中國傳統(tǒng)詩詞創(chuàng)作大賽”實際上就是一行代碼：

第三屆”詩詞中國”傳統(tǒng)詩詞創(chuàng)作大賽，在文字的前后加上span標(biāo)記語言， 再加顏色標(biāo)記COLOR 指明顏為紅色（red）即可。把顏色名稱調(diào)整為其他的，就會顯示其他顏色，簡單快捷。

3 編制教材，以項目代替教學(xué)

學(xué)生學(xué)習(xí)知識缺乏耐心，學(xué)習(xí)的時間一長，學(xué)習(xí)內(nèi)容越多，學(xué)生的興趣就會降得越多，所以針對中職學(xué)生的特點，我們必須重新編制教學(xué)內(nèi)容，改變以往的教學(xué)模式，采用項目化教學(xué)，這個項目化教學(xué)與以往的項目化教學(xué)不一樣，以往的項目實際上是模塊方式，前幾章不是項目，而是小功能，前面所完成的項目在實際運用中碰不到或運用得很少，這些項目是為學(xué)習(xí)內(nèi)容而設(shè)計的，實用性不強(qiáng)。那么我們現(xiàn)在設(shè)計的項目從一開始就瞄準(zhǔn)一個大的項目，在大的項目中分出一些小的模塊讓學(xué)生學(xué)習(xí)填充，所填充的內(nèi)容是必須遵守學(xué)習(xí)規(guī)律。由淺入深，由簡單到復(fù)雜，讓學(xué)生明白再簡單的代碼也是整個項目中不可或缺的部分。 具體做法如下：

3.1 打破語言之間的分割

我們之前學(xué)習(xí)內(nèi)容是一門一門學(xué)習(xí)，如HTML5，JAVASCRIPT，JQUERY，css3這四門課程，按照每門課程進(jìn)行學(xué)習(xí)，每門課都有簡單復(fù)雜，但是實際上，對于一個項目來說甚至于一個功能，并不是某個門課程，而是幾門課程的綜合，是不可分割的，如設(shè)置頁面鼠標(biāo)懸浮功能，涉及HTML，JAVASCRIPT，CSS3等課程的知識，所以我們在教學(xué)設(shè)計時要注意根據(jù)功能把這些知識整合起來。如圖1，菜單設(shè)計，“首頁 參賽指南 賽事動態(tài) 作品展示 答疑解惑 參賽投稿 ”等這一行，將用到 html的布局代碼，