中職網(wǎng)站建設(shè)課程教學(xué)改革實(shí)踐

謝小蓮

摘 要：在中職計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)的課程體系中，網(wǎng)站建設(shè)是該專業(yè)的專業(yè)核心課程之一，該課程具有很強(qiáng)的操作性和實(shí)用性。本文針對網(wǎng)站建設(shè)課程在中職學(xué)校計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)的實(shí)際教學(xué)中存在的問題進(jìn)行了分析和探討，并結(jié)合實(shí)際教學(xué)對該課程進(jìn)行了課程教學(xué)改革的嘗試和實(shí)踐。

關(guān)鍵詞：網(wǎng)站建設(shè)；課程改革；教學(xué)組織

在“互聯(lián)網(wǎng)+”的大環(huán)境下，各大、中、小型網(wǎng)站的創(chuàng)建和應(yīng)用已然像雨后春筍般遍地生長。新聞網(wǎng)、購物網(wǎng)、企業(yè)網(wǎng)等類型的網(wǎng)站成為現(xiàn)代人每一天都會關(guān)注和瀏覽的網(wǎng)站。各類網(wǎng)站已成為人們獲取最新信息和資訊的主要來源，同時越來越多的公司或個人都喜歡通過網(wǎng)站來推廣和宣傳自己。因此，各個領(lǐng)域越來越需要大量的人員進(jìn)行網(wǎng)站的開發(fā)建設(shè)和維護(hù)，所以網(wǎng)站建設(shè)便成為計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)學(xué)生的專業(yè)技能方向的核心課程之一。

目前，很多中職學(xué)校都開設(shè)網(wǎng)站建設(shè)方面的相關(guān)課程，但大部分的課程設(shè)置是把這門課程分割開成多門課程獨(dú)立開設(shè)，如分解為網(wǎng)頁制作（靜態(tài)）、圖形圖像處理、二維動畫制作、動態(tài)網(wǎng)頁制作等，學(xué)校又分別安排不同的教師來負(fù)責(zé)授課，最后的結(jié)果便是這些本該為網(wǎng)站建設(shè)這個大課程服務(wù)的各子課程之間相互獨(dú)立，沒有密切關(guān)聯(lián)，并未真正達(dá)到為網(wǎng)站建設(shè)服務(wù)的目的。而學(xué)生在學(xué)習(xí)了這些課程后，仍然無法獨(dú)立完成一個中小型網(wǎng)站的設(shè)計(jì)與開發(fā)建設(shè)。

針對計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)，開設(shè)圖形圖像處理和二維動畫制作是為網(wǎng)站建設(shè)這一課程服務(wù)的，所以在該專業(yè)的課程設(shè)置和教學(xué)組織上我校進(jìn)行了如下改革實(shí)踐與探索。

一、教學(xué)內(nèi)容的組織

我校將計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)的網(wǎng)站建設(shè)課程以模塊教學(xué)的方式進(jìn)行，將其分為網(wǎng)站建設(shè)靜態(tài)部分、網(wǎng)站建設(shè)動態(tài)部分兩大模塊進(jìn)行教學(xué)，這兩大模塊教學(xué)由同一個教師授課。

在教學(xué)內(nèi)容上重新做了組織，不按照傳統(tǒng)教材的章節(jié)來組織教學(xué)，而是根據(jù)教學(xué)需要對多本傳統(tǒng)教材進(jìn)行了重新組織和整合。

在網(wǎng)站建設(shè)靜態(tài)部分模塊的教學(xué)中，最重要的改變是將三門獨(dú)立的課程——靜態(tài)網(wǎng)頁制作、圖形圖像處理、二維動畫制作整合為一門課程，即網(wǎng)站建設(shè)靜態(tài)部分。該部分的教學(xué)內(nèi)容進(jìn)行了重新組織和安排，使之完全為網(wǎng)站建設(shè)服務(wù)。網(wǎng)站建設(shè)動態(tài)部分模塊的教學(xué)則以典型案例為教學(xué)項(xiàng)目進(jìn)行教學(xué)。整個網(wǎng)站建設(shè)課程大體分解為以下四大項(xiàng)目。

1.項(xiàng)目一：靜態(tài)網(wǎng)頁制作

靜態(tài)網(wǎng)頁制作包括網(wǎng)頁制作必備知識，應(yīng)用DIV+CSS進(jìn)行網(wǎng)頁布局設(shè)計(jì)，網(wǎng)頁的框架與模板，jquery、JavaScript腳本、行為面板及插件的應(yīng)用。

2.項(xiàng)目二：網(wǎng)頁美工

網(wǎng)頁美工包括應(yīng)用CSS美化網(wǎng)頁、網(wǎng)頁圖像制作和處理、網(wǎng)頁動畫設(shè)計(jì)與制作。

3.項(xiàng)目三：網(wǎng)站設(shè)計(jì)典型案例開發(fā)

網(wǎng)站設(shè)計(jì)典型案例開發(fā)包括新聞資訊網(wǎng)站開發(fā)，博客網(wǎng)站開發(fā)，企業(yè)網(wǎng)站開發(fā)，網(wǎng)上購物網(wǎng)站開發(fā)，網(wǎng)站測試、維護(hù)及發(fā)布和宣傳推廣。

4.項(xiàng)目四：網(wǎng)站綜合課程實(shí)訓(xùn)，信息共享平臺網(wǎng)站建設(shè)

（1）網(wǎng)站建設(shè)靜態(tài)部分模塊的教學(xué)

本模塊教學(xué)工作由同一個教師進(jìn)行授課，教師在上課過程中可以很好地將三門課的知識點(diǎn)有機(jī)地結(jié)合起來，為網(wǎng)頁制作服務(wù)，而不再是孤立的三門課。學(xué)生在學(xué)習(xí)的過程中，更好地了解如何進(jìn)行團(tuán)隊(duì)協(xié)作，更好地發(fā)揮自己的長處，能有自己的傾向性，再深入學(xué)習(xí)靜態(tài)網(wǎng)頁制作、圖形圖像處理和二維動畫制作的任何一門學(xué)科。

基于完成一個網(wǎng)站的建設(shè)需要掌握的知識點(diǎn)，在教學(xué)組織上，根據(jù)教學(xué)案例的需要，將項(xiàng)目一靜態(tài)網(wǎng)頁制作和項(xiàng)目二網(wǎng)頁美工的知識講解并行進(jìn)行，而不是串行進(jìn)行，在做一個靜態(tài)頁面時，需要處理什么圖或制作什么樣的動畫，教師在需要時進(jìn)行相關(guān)知識的講授和實(shí)踐操作，真正讓學(xué)生達(dá)到“學(xué)以致用”的目的。

在該模塊的教學(xué)過程中，教學(xué)目的為：讓學(xué)生學(xué)會靜態(tài)頁面的布局設(shè)計(jì)與制作；使學(xué)生具備與網(wǎng)頁相關(guān)的圖形制作及圖像處理的能力；使學(xué)生能夠進(jìn)行常見的網(wǎng)頁動畫的設(shè)計(jì)與制作；使學(xué)生熟悉并學(xué)會使用jquery、JavaScript腳本實(shí)現(xiàn)網(wǎng)頁特效制作。

通過這一模塊課程的學(xué)習(xí)，教師要使學(xué)生明確網(wǎng)頁美工為網(wǎng)頁制作服務(wù)的目的，獨(dú)立完成美觀大方的靜態(tài)網(wǎng)頁的設(shè)計(jì)與制作。

（2）網(wǎng)站建設(shè)動態(tài)部分模塊的教學(xué)

在網(wǎng)站建設(shè)動態(tài)部分模塊的課程中，教師主要按項(xiàng)目進(jìn)行教學(xué)，包括新聞資訊網(wǎng)、企業(yè)網(wǎng)、購物網(wǎng)及博客網(wǎng)等典型網(wǎng)站的系統(tǒng)教學(xué)。教師在教學(xué)組織上也進(jìn)行了改變，鑒于中職生英語水平普遍較差的特點(diǎn)，教師在講授ASP編程實(shí)現(xiàn)用戶注冊、登錄、投票、留言等功能頁面的設(shè)計(jì)與制作時，不再采用傳統(tǒng)的純代碼編程方式的講授，而是采用一種“所見即所得”的功能集成化的代碼塊，教會學(xué)生有關(guān)動態(tài)網(wǎng)頁方面的知識，如數(shù)據(jù)庫的連接、記錄集的定義、重復(fù)區(qū)域的設(shè)置、顯示區(qū)域的設(shè)定、數(shù)據(jù)分頁顯示等程序代碼段的使用方法。

另外，動態(tài)網(wǎng)頁的后臺必須有數(shù)據(jù)庫的支持，數(shù)據(jù)庫的應(yīng)用可選擇Access、SQL等作為教學(xué)內(nèi)容，在此筆者選擇的是Access，它是數(shù)據(jù)庫中最簡單的、最易操作的，非常適合英語水平差的中職學(xué)生。

在課后，筆者推薦學(xué)生課余學(xué)習(xí)網(wǎng)上陶益老師的“使用Dreamweaver8開發(fā)ASP網(wǎng)站VIP視頻教程”進(jìn)行自我學(xué)習(xí)和提高。該視頻教程從動態(tài)網(wǎng)站開發(fā)入門到進(jìn)階再到整站開發(fā)，每一個教學(xué)視頻時長都不長，基本在15分鐘以內(nèi)，類似微課視頻，對于專注力無法長時間集中的中職學(xué)生來說，是非常適合進(jìn)行分段知識的學(xué)習(xí)的。該套教學(xué)視頻有配套的教學(xué)資料包，方便學(xué)生在課后進(jìn)行知識點(diǎn)的鞏固和提高。

在學(xué)有余力的情況下，我校教師積極鼓勵學(xué)生課后自學(xué)有關(guān)PHP網(wǎng)站開發(fā)的相關(guān)知識，這也是目前主流的動態(tài)網(wǎng)站開發(fā)技術(shù)，在“網(wǎng)易云課堂”等網(wǎng)上在線教學(xué)平臺上都有很多在線教學(xué)視頻，學(xué)生有了一定的動態(tài)網(wǎng)站開發(fā)經(jīng)驗(yàn)之后完全可以根據(jù)在線教學(xué)視頻獨(dú)立進(jìn)行自主學(xué)習(xí)和提高，為自己的網(wǎng)站開發(fā)能力進(jìn)一步提升而不斷努力。

二、教學(xué)方法的運(yùn)用

在兩大模塊課程的教學(xué)過程中，靜態(tài)部分的知識講授相對有趣些、容易些，而動態(tài)部分的知識實(shí)用，但難度相對較大。針對這兩大模塊課程的特點(diǎn)，在本課程的教學(xué)中，我們主要使用的是案例教學(xué)法與項(xiàng)目教學(xué)法。

1.案例教學(xué)法

在網(wǎng)站建設(shè)靜態(tài)部分模塊課程的教學(xué)中，主要采用的是案例教學(xué)法。教師搜集整理網(wǎng)上眾多的現(xiàn)有網(wǎng)頁模板，通過對精美的網(wǎng)頁模板進(jìn)行分析、分解，引導(dǎo)學(xué)生學(xué)會參照模板頁面進(jìn)行模仿創(chuàng)作。教師通過案例教學(xué)教會學(xué)生利用圖像處理軟件Photoshop先繪制出頁面的布局結(jié)構(gòu)和主色調(diào)及網(wǎng)頁插畫等元素，并學(xué)會用切片工具對繪制好的頁面進(jìn)行分塊切片，輸出頁面所需的各組成小圖片；然后再教會學(xué)生使用Dreamweaver軟件，采用DIV+CSS進(jìn)行html靜態(tài)網(wǎng)頁的重新排版組合和美化；最后再根據(jù)頁面美工需要使用Flash軟件制作相關(guān)的頁面動畫或廣告條動畫，并利用jquery、JavaScript腳本插入一些頁面特效，制作出比參考的模板頁面更具有視覺沖擊力的網(wǎng)頁作品。

通過讓學(xué)生學(xué)習(xí)模仿各種美觀大方有水平的模板網(wǎng)頁典型案例，使學(xué)生在圖像處理、網(wǎng)頁制作、動畫制作、特效添加四個方面的能力都得到提高，并培養(yǎng)了學(xué)生欣賞“專業(yè)級與非專業(yè)級”網(wǎng)頁的鑒賞能力，同時也對自己的靜態(tài)網(wǎng)頁制作能力提出了更高的要求，有利于學(xué)生對自我學(xué)習(xí)能力與制作水平的認(rèn)知，知道自己存在的不足而更加努力多學(xué)習(xí)實(shí)踐和提高。

2.項(xiàng)目教學(xué)法

有了靜態(tài)網(wǎng)頁的開發(fā)制作經(jīng)驗(yàn)后，教師在進(jìn)行網(wǎng)站建設(shè)動態(tài)部分模塊課程的教學(xué)中，更多的則是采用項(xiàng)目教學(xué)法，以開發(fā)新聞系統(tǒng)、購物系統(tǒng)、博客系統(tǒng)等完成有關(guān)網(wǎng)站的基本功能和特定功能的設(shè)計(jì)與實(shí)現(xiàn)，如用戶登錄、注冊、忘記密碼通過密保資料取回密碼、用戶資料修改、驗(yàn)證碼使用、相關(guān)系統(tǒng)后臺管理（增、刪、改）及系統(tǒng)查詢等功能模塊的設(shè)計(jì)與開發(fā)。在這些項(xiàng)目的系統(tǒng)學(xué)習(xí)與制作訓(xùn)練之后，學(xué)生有了更多動態(tài)網(wǎng)站項(xiàng)目開發(fā)的經(jīng)驗(yàn)。

三、考核方法的改變

為了整體反映一個學(xué)生對本課程的綜合學(xué)習(xí)能力，我們采用的是過程性評價與結(jié)果性評價相結(jié)合的評價方式，該評價方式能更加客觀地考核一個學(xué)生在網(wǎng)站建設(shè)課程中的學(xué)習(xí)情況。

該考核評價方式側(cè)重的是學(xué)習(xí)過程的評價，細(xì)微到對學(xué)生每次課的考核（每次課即每2學(xué)時以5分制進(jìn)行評價考核），通過對學(xué)生的出勤情況、學(xué)習(xí)態(tài)度、課堂表現(xiàn)、作業(yè)情況、階段測驗(yàn)以及綜合案例作品完成情況等進(jìn)行打分，最后再進(jìn)行期末綜合評定，以此來評價每個學(xué)生該課程的學(xué)習(xí)情況，這種考核方式也使得學(xué)生重視每次課的學(xué)習(xí)表現(xiàn)，珍惜每一個“5分”，也體現(xiàn)了任課教師評價的公平性和客觀性。

四、結(jié)束語

通過對網(wǎng)站建設(shè)課程進(jìn)行模塊化教學(xué)改革的實(shí)踐和探索，我們發(fā)現(xiàn)，原有的傳統(tǒng)課程設(shè)置更偏向于軟件的入門學(xué)習(xí)，而通過案例教學(xué)和項(xiàng)目教學(xué)在模塊化課程中的運(yùn)用，有助于培養(yǎng)學(xué)生的大項(xiàng)目開發(fā)與制作經(jīng)驗(yàn)，讓學(xué)生具有從“頂層設(shè)計(jì)”到“底層開發(fā)”的創(chuàng)作理念，而不只是停留于軟件學(xué)習(xí)方面。

通過近五年的教學(xué)改革實(shí)踐，學(xué)生的網(wǎng)站開發(fā)與創(chuàng)作能力較之往屆學(xué)生有明顯提高，這也證明了該課程的教學(xué)改革實(shí)踐是成功的。但教學(xué)之路漫漫，如何把網(wǎng)站建設(shè)課程開設(shè)并講授得更好，讓中職學(xué)生能夠?qū)W習(xí)到更前沿、更先進(jìn)的網(wǎng)站建設(shè)開發(fā)技術(shù)是授課教師需要繼續(xù)努力和探索實(shí)踐的。

參考文獻(xiàn)：

[1]邵雪.項(xiàng)目教學(xué)法在ASP.NET網(wǎng)站建設(shè)教學(xué)中的應(yīng)用[J].產(chǎn)業(yè)與科技論壇，2015（23）：135-138.

[2]陸寧.中職學(xué)?！毒W(wǎng)站建設(shè)》教學(xué)改革探索[J].江蘇科技信息，2015（18）：36-38.

[3]周曉燕.任務(wù)驅(qū)動教學(xué)法在網(wǎng)站建設(shè)教學(xué)中的實(shí)踐[J].職業(yè)技術(shù)，2014（6）：64.

注：本文系福建省教育科學(xué)規(guī)劃“十二五”規(guī)劃2015年度課題“中職動漫專業(yè)校企合作長效機(jī)制研究”，項(xiàng)目編號FJJK15-594。