《靜態(tài)網(wǎng)頁設(shè)計》教學(xué)改革分析

摘要： 高職院校的信息類專業(yè)中，《靜態(tài)網(wǎng)頁設(shè)計》課程是一門非常重要的專業(yè)基礎(chǔ)課。該研究以四川信息職業(yè)技術(shù)學(xué)院為例對《靜態(tài)網(wǎng)頁設(shè)計》的課程性質(zhì)和現(xiàn)行教學(xué)模式的弊端進(jìn)行了分析，并提出了具體的課程教學(xué)改革方案，產(chǎn)生了較為有效的實際價值。

關(guān)鍵詞：靜態(tài)網(wǎng)頁設(shè)計；教學(xué)改革；四川信息職業(yè)技術(shù)學(xué)院。

中圖分類號：G642 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2016）16-0189-02

Abstract： The "static web design" course is a very important professional basic course in higher vocational colleges. This study in Sichuan Vocational College of information technology as an example of the static page design "nature of the course and the existing teaching mode disadvantages are analyzed， and puts forward the specific curriculum teaching reform program， resulting in more effective practical value.

Key words： static web page design； teaching reform； Sichuan Information Technology College

1 項目研究的目的

1.1 《靜態(tài)網(wǎng)頁設(shè)計》的課程性質(zhì)

四川信息職業(yè)技術(shù)學(xué)院信息工程系為提高學(xué)生Web編程能力，提高學(xué)生就業(yè)成功率與就業(yè)質(zhì)量，培養(yǎng)出高質(zhì)量的網(wǎng)頁設(shè)計師，在大一上學(xué)期為軟件技術(shù)專業(yè)和網(wǎng)絡(luò)技術(shù)專業(yè)開設(shè)了《靜態(tài)網(wǎng)頁設(shè)計》課程，本課程是信息工程系軟件技術(shù)專業(yè)及網(wǎng)絡(luò)技術(shù)專業(yè)基礎(chǔ)課程之一。屬于必修課范疇。同時它是一門針對性、實踐性較強的課程。依據(jù)《靜態(tài)網(wǎng)頁設(shè)計》課程教學(xué)目標(biāo)的要求，本課程主要是培養(yǎng)學(xué)生靜態(tài)網(wǎng)頁設(shè)計的基本知識和靜態(tài)網(wǎng)頁設(shè)計制作的基本技能。

1.2 《靜態(tài)網(wǎng)頁設(shè)計》與其他課程的關(guān)系

信息工程系大一下學(xué)期為學(xué)生開設(shè)了動態(tài)網(wǎng)頁《PHP動態(tài)網(wǎng)站開發(fā)》、《JavaScript腳本編程》等課程，大二開設(shè)《J2EE程序設(shè)計》、《ASP.NET程序設(shè)計》課程，這些課程需要網(wǎng)頁設(shè)計能力作支撐，所以《靜態(tài)網(wǎng)頁設(shè)計》課程在信息工程系軟件專業(yè)與網(wǎng)絡(luò)技術(shù)專業(yè)的課程體系中占有舉足輕重的地位與作用。

1.3 現(xiàn)行教學(xué)模式的問題

在以往多年的教學(xué)過程中，本教學(xué)團(tuán)隊發(fā)現(xiàn)《靜態(tài)網(wǎng)頁設(shè)計》課程存在較多的問題，分別體現(xiàn)為以下各個方面。

1.3.1 現(xiàn)行教材問題較多

高校教材是給教師授課和大學(xué)生學(xué)習(xí)使用的工具書，在大家印象里，書本的邏輯性、嚴(yán)謹(jǐn)性、科學(xué)性應(yīng)該標(biāo)準(zhǔn)很高。然而我們發(fā)現(xiàn)教材出現(xiàn)了較多問題。

1）教材印刷質(zhì)量不好、價格偏高。為了節(jié)省成本，很多出版社把那些本應(yīng)在中心城市上海、南京等地正規(guī)印刷廠印刷的高校教材拿到郊邊或者更遠(yuǎn)的縣城小印刷廠或者私人印刷廠印刷。這種教材的特點是，紙張的厚度一般都達(dá)不到國家要求的70克，紙張的“白度”也不達(dá)標(biāo)，顏色灰暗。

2）內(nèi)容體系呆板單一。很多教材往往走兩個極端，要么就是內(nèi)容很淺，太強調(diào)理論性和系統(tǒng)性；要么就是太實用，缺少理論基礎(chǔ)的內(nèi)容。教材中往往最缺少的是一些反映最新科研成果的內(nèi)容，另外在增加教材的趣味性和增強學(xué)生能力培養(yǎng)方面也做得不夠。

3）抄襲嚴(yán)重，錯漏百出。很多教材錯誤百出，有些錯誤是由于編者水平不夠，抄襲網(wǎng)絡(luò)中的資源，不少錯誤都是在課堂上學(xué)生容易混淆的知識點，最不能容忍的就是語言錯誤。

綜上所述，編寫一本質(zhì)量好，水平夠且適合高職院校信息類學(xué)生使用的自編教材刻不容緩。

1.3.2 核心內(nèi)容深度不夠

在以往的教學(xué)過程中，較多的知識均是淺嘗輒止，未對其進(jìn)行更加深入的學(xué)習(xí)，以學(xué)生需要為切入點設(shè)計問題時，教師既要考慮學(xué)生本身的需求，即學(xué)生希望了解和學(xué)習(xí)的內(nèi)容，也要考慮學(xué)生發(fā)展的需求。教師應(yīng)該提前了解學(xué)生的具體情況，然后在課堂上與學(xué)生一起探究核心問題。

1.3.3 教學(xué)內(nèi)容缺乏有機整合

在現(xiàn)行教學(xué)模式下，教學(xué)內(nèi)容分為了一些零散的知識點和零散的教學(xué)案例，缺乏一個良好的機制將這些零散的部件有機整合在一起。

1.3.4 教學(xué)模式單調(diào)，有待改進(jìn)

在現(xiàn)行教學(xué)模式下，老師的教學(xué)手段較為單一。常見的教學(xué)方式是老師案例講解，完畢之后給少許時間讓學(xué)生自主練習(xí)，如果時間不太夠則就不用練習(xí)。這種方式造成學(xué)生的動手鍛煉時間較少，且難以培養(yǎng)學(xué)生的學(xué)習(xí)自覺性和創(chuàng)造力。

1.4 研究的目的

綜上所述，我們可知：《靜態(tài)網(wǎng)頁設(shè)計》課程性質(zhì)關(guān)鍵，是信息工程系的一門核心專業(yè)基礎(chǔ)課，但是由于種種原因，在現(xiàn)行教學(xué)體制下出現(xiàn)了較多的問題，這些問題會導(dǎo)致教學(xué)水平低下，教學(xué)內(nèi)容與企業(yè)生產(chǎn)實際脫軌，難以鍛煉學(xué)生優(yōu)秀的網(wǎng)頁編寫能力以及自學(xué)習(xí)慣。

為了解決以上種種問題，為了為企事業(yè)單位培養(yǎng)出有用、優(yōu)秀的網(wǎng)頁設(shè)計人才，改革現(xiàn)行教學(xué)模式，修訂教學(xué)內(nèi)容，更新教學(xué)方法迫在眉睫。

2 項目研究的基本內(nèi)容

2.1 整合教學(xué)內(nèi)容

在以往的《靜態(tài)網(wǎng)頁設(shè)計》教學(xué)過程中，我們的知識點比較零散，比如文本信息與表單信息、表格信息是各自一個單獨的案例，缺乏一個有機整合。學(xué)生學(xué)習(xí)完了之后每個知識點分別知道做什么作用，但是加入有一個網(wǎng)頁涉及很多知識點，學(xué)生就迷茫了，不知道怎樣將其有機結(jié)合。

在項目實施過程中，課題組以多個整體網(wǎng)站項目為出發(fā)點，將所有的靜態(tài)網(wǎng)頁所涉及的知識點貫穿始終，所有知識點有機結(jié)合，達(dá)到了學(xué)生學(xué)習(xí)完畢之后能夠合理利用所學(xué)到的知識進(jìn)行網(wǎng)頁編碼的目的。

2.2 引入流行知識與框架

在以往的《靜態(tài)網(wǎng)頁設(shè)計》教學(xué)過程中，我們所教授的知識與企業(yè)所用到的知識存在脫軌。

本課題組張俊暉老師于2010年赴北京中軟國際集團(tuán)學(xué)習(xí)軟件項目開發(fā)半年，在此期間張老師所負(fù)責(zé)的技術(shù)部分即為靜態(tài)網(wǎng)頁編碼。在這個學(xué)習(xí)過程中，張老師學(xué)習(xí)到了很多的企業(yè)生產(chǎn)實際所用到的知識和框架。在項目實施過程中，課題組以此為藍(lán)本，將企業(yè)中需要用到的知識貫穿在教學(xué)內(nèi)容之中，真實做到了學(xué)生學(xué)到的知識能在就業(yè)之后使用的目的。

2.3 改革教學(xué)模式

在以往的《靜態(tài)網(wǎng)頁設(shè)計》教學(xué)過程中，我們所采用的教學(xué)方式為老師做一個小案例的知識講解，然后學(xué)生在照著這個案例進(jìn)行編碼，這種方式造成學(xué)生的學(xué)習(xí)積極性較低。

在項目實施過程中，課題組用了多種方式進(jìn)行課堂教學(xué)。一是教授方式上，我們會講解一個知識點，但是給學(xué)生做的卻不是單純的對老師講授知識的簡單復(fù)制，而是需要學(xué)生對知識進(jìn)行理解領(lǐng)悟之后的創(chuàng)新。二是不僅有課堂教學(xué)，還有課外教學(xué)，我們開發(fā)了一個精品資源共享課網(wǎng)站，供學(xué)生在課外進(jìn)行知識的汲取。同時還使用了多種手段來幫助輔導(dǎo)學(xué)生，比如課程網(wǎng)站、QQ群輔導(dǎo)等。

2.4 培養(yǎng)學(xué)生自學(xué)能力

在以往的《靜態(tài)網(wǎng)頁設(shè)計》教學(xué)過程中，教師教授知識，學(xué)生簡單復(fù)制，缺乏自己的思想和新思維。

授之以魚不如授之以漁，在項目實施過程中，我們會給學(xué)生提供參考文檔，從一開始就教會學(xué)生使用參考文檔來獲取知識。我們教會學(xué)生的不是一個知識點而是一種學(xué)習(xí)方法和學(xué)習(xí)態(tài)度，即使有些知識點老師并未在課堂上講解，學(xué)生依然可以通過自學(xué)完成。這樣就提高了學(xué)生的自學(xué)能力，對于其長遠(yuǎn)發(fā)展有著重要意義。

2.5 改革考核方式

以往的《靜態(tài)網(wǎng)頁設(shè)計》考核方式是上機考試，所有同學(xué)做的是同一個網(wǎng)頁，自然就會衍生出作品雷同甚至作弊的情況。

在項目實施過程中，我們將考核方式改為項目提交+上機考試相結(jié)合的方式。所謂項目提交是指老師在講解完所有知識點之后，會布置給學(xué)生一個任務(wù)，由學(xué)生自由發(fā)揮完成作品并提交，這個作品將在考試成績中占據(jù)重要比例。另外上機考試也不再是所有同學(xué)做相同的題目，而是從考試系統(tǒng)的題庫中抽取隨機的題目進(jìn)行作答，每人都是不同的題目，有效避免了以前考核方式的弊端。

2.6 編寫教材

一本好的教材將會讓學(xué)生受益終生。為了達(dá)到這個目的，課題組組織人手在四川省省級精品共享課程《靜態(tài)網(wǎng)頁設(shè)計》的基礎(chǔ)之上便寫了一本教材，這本教材積累了課題組老師的豐富經(jīng)驗與心血，該教材現(xiàn)已出版。

3 項目研究的成果及特色

3.1 項目研究成果

1）公開出版教材一本：《項目化靜態(tài)網(wǎng)頁設(shè)計簡明教程》，西南交通大學(xué)出版社，2015年7月。

2）公開發(fā)表論文兩篇：《靜態(tài)網(wǎng)頁設(shè)計教學(xué)改革研究》，計算機與信息技術(shù)， 2012年第3期；《高職院校靜態(tài)網(wǎng)頁設(shè)計教學(xué)改革研究》，軟件導(dǎo)刊，2014年第1期。

3）成功申報省級精品資源共享課程一門：《靜態(tài)網(wǎng)頁設(shè)計》，2014年11月。

3.2 項目研究特色

1）通過網(wǎng)頁設(shè)計師崗位能力分析，構(gòu)建出基于職業(yè)崗位的課程目標(biāo)，制定出相應(yīng)課程的課程標(biāo)準(zhǔn)。

2）將企業(yè)規(guī)范及工作流程、HTML語言、CSS樣式表、Dreamweaver、JavaScript腳本等內(nèi)容進(jìn)行有機整合，使之形成一系列學(xué)用結(jié)合，內(nèi)容鮮活的課程模塊。

3）全面改革教學(xué)方法與教學(xué)手段，推行“工程項目教學(xué)法”，充分利用多媒體設(shè)備組織教學(xué)，課程教學(xué)全部安排在機房完成，實施案例項目的現(xiàn)場教學(xué)。

4）以任務(wù)下發(fā)、階段驗收的方式提高學(xué)生自學(xué)能力。

5）以對學(xué)生實際能力考核為出發(fā)點，完善課程考試考核方法。

4 自我評價分析與結(jié)論

通過本項目的實施，在學(xué)生學(xué)習(xí)方面有以下成效：

1）學(xué)生逐漸養(yǎng)成了自學(xué)的習(xí)慣，其自學(xué)能力較之以往有了大幅提升。

2）由于在上課過程中是以工程項目貫穿始終，所以在課程結(jié)束后學(xué)生有了一定的項目實踐能力。

3）由于在上課過程中引入了一些新知識，新框架，所以學(xué)生的Div+CSS代碼編寫能力明顯加強。

4）由于采取了分組合作進(jìn)行項目開發(fā)的方式，所以學(xué)生的團(tuán)隊協(xié)作能力有了較大的提升。

5）學(xué)生在項目開發(fā)的過程中接觸了企業(yè)編碼規(guī)范，對其以后學(xué)習(xí)工作產(chǎn)生了積極的影響。

綜上所述，“《靜態(tài)網(wǎng)頁設(shè)計》教學(xué)改革”項目的開展是有必要的，并且是見了較大成效的，對軟件技術(shù)專業(yè)課程的教學(xué)改革提供了一種方案，為軟件技術(shù)專業(yè)的省級示范專業(yè)建設(shè)和省級重點專業(yè)建設(shè)提供了實踐支撐。并且也可將此改革模式推廣到其他課程教學(xué)中去，為學(xué)院的教學(xué)改革產(chǎn)生了積極影響。

參考文獻(xiàn)：

[1] 劉永超.靜態(tài)網(wǎng)頁設(shè)計簡要分析[J].計算機光盤軟件與應(yīng)用，2013（18）.

[2] 曹晏禎.靜態(tài)網(wǎng)頁的開發(fā)研究[J].赤峰學(xué)院學(xué)報：自然科學(xué)版，2012（24）.

[3] 侯佳路，王潤華，于曉荷.《靜態(tài)網(wǎng)頁設(shè)計與制作》課程改革探討[J].中國科技信息，2012（6）.

[4] 劉立偉，許甲子.靜態(tài)網(wǎng)頁設(shè)計課程教學(xué)的邊界[J].蘇州工藝美術(shù)職業(yè)技術(shù)學(xué)院學(xué)報，2012（2）.

[5] 劉效春.關(guān)于對靜態(tài)網(wǎng)頁生成技術(shù)的思考[J].數(shù)字技術(shù)與應(yīng)用，2012（10）.

[6] 呂立霞.以產(chǎn)品開發(fā)為工作過程的《靜態(tài)網(wǎng)頁設(shè)計》課程改革[J].當(dāng)代教育論壇：綜合研究，2011（4）.