Web前端技術(shù)在教學(xué)應(yīng)用中改革創(chuàng)新

張洪海

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3.1 打破語言之間的分割

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