網(wǎng)頁設計課程教學改革初探

方婧

（作者單位：福建省莆田市技工學校）

隨著互聯(lián)網(wǎng)的發(fā)展與普及，電子商務行業(yè)迅速發(fā)展，因此社會上對網(wǎng)站制作的人才需求越來越大。為了適應社會的信息化發(fā)展，培養(yǎng)出能適應電子商務企業(yè)工作崗位的高技能型人才，網(wǎng)頁設計課程成為很多技工學校電子商務專業(yè)的核心課程。網(wǎng)頁制作技能，也成為技校電子商務學生就業(yè)所需的基礎(chǔ)技能，需要任課教師對教學進行分析、探索，并不斷改革。

一、技校網(wǎng)頁設計課程教學現(xiàn)狀分析

網(wǎng)頁設計是一門實踐和應用高度結(jié)合的課程，課程的主要內(nèi)容是設計網(wǎng)頁、建立網(wǎng)頁、制作動畫、處理圖片等，培養(yǎng)學生制作靜態(tài)網(wǎng)站的能力，掌握基本的網(wǎng)站維護方法。筆者通過本校和相關(guān)技工學校展開的調(diào)查，以及對社會就業(yè)信息進行綜合分析，結(jié)合教學實踐，得出在目前網(wǎng)頁設計課程教學中還存在以下幾個方面的問題：

（一）技校生學習興趣與學習要求不相容

要學好網(wǎng)頁設計課程，自主開發(fā)網(wǎng)站，學習上要求學生有持之以恒、意志堅定的學習興趣（即志趣）和良好的學習習慣。但大部分技校學生在剛開始學習網(wǎng)頁設計課程時有興趣，這種興趣只是學習興趣的初級階段（即有趣）。目前，技校的學生大部分是應屆初中生，生源大部分來自農(nóng)村，許多學生對電腦很陌生，且年齡偏小，文化基礎(chǔ)薄弱，沒有一定的技術(shù)操作能力，導致對網(wǎng)頁設計課程教學的中后期，基本失去學習興趣。許多技校學生更是缺乏學習積極性，沉迷于網(wǎng)絡和游戲，抵觸主動學習，上網(wǎng)頁設計課時，不管在電腦室上理論課或?qū)嵺`課，都有同學用手機或用電腦玩游戲等，成為學習的最大障礙，導致學習和實踐效果差。

（二）現(xiàn)行的教材內(nèi)容與網(wǎng)頁設計不匹配

相比傳統(tǒng)教材，現(xiàn)行的教材是根據(jù)各地職業(yè)教育教學改革要求，組織一線教師及專家對教材進行修訂，從而開發(fā)出更為合理的授課教材，但實際教學過程效果并不理想。一些教材知識點繁多，教學案例不連貫，并缺乏整體性，使學生不能了解網(wǎng)頁設計的全貌。在設計網(wǎng)頁的實踐中，需要學生既能全面掌握網(wǎng)頁設計的知識點，又能系統(tǒng)地掌握網(wǎng)頁設計整體知識及技能。但學生學習到的是零散的、而非整體的知識，影響了學生后續(xù)是否能夠獨立開發(fā)一個完整的網(wǎng)站，從而降低了實踐教學的效果。

（三）傳統(tǒng)的教學方式與開發(fā)網(wǎng)站不適應

許多技校的課堂上，依然是傳統(tǒng)的教學方式，圍繞教師為中心，教師在課堂上一邊講授理論知識，一邊演示操作，之后學生模仿練習，教師加以指導。對于網(wǎng)頁設計這門實踐性強、操作性強、知識點多的課程，一堂課上完后，學生雖然聽明白了上課所講的內(nèi)容，但是易學易忘。這種傳統(tǒng)的教學方式，形成了理論知識與學生操作技能相分離的教學模式，導致學生被動地接受知識，模仿教師的操作完成例子的制作，缺乏主觀能動性。由于學生的惰性或者沒有目標，他們感覺已經(jīng)學會了，但是不懂得將所學的知識遷移到自己的網(wǎng)站開發(fā)中，掌握知識不牢固。這種教學方式，不能讓學生創(chuàng)造性地開發(fā)網(wǎng)站。

（四）畢業(yè)生專業(yè)技術(shù)與就業(yè)需求不對接

社會、企業(yè)對網(wǎng)頁設計人員的技術(shù)要求，與學生在校所學的技能存在一定的差距。網(wǎng)頁設計師所應具備的基本職業(yè)能力，需要與時俱進地適應崗位的發(fā)展及需求。而技校教師一般在講授課程時，都是參照教學大綱，沒有把課程與社會所需專業(yè)技術(shù)建立必要的關(guān)聯(lián)性。在這種模式下，培養(yǎng)出來的畢業(yè)生，其專業(yè)技術(shù)落后于社會實際發(fā)展需求，與社會實際需要的人才脫節(jié)。

二、技校網(wǎng)頁設計課程教學改革方法

為了提高網(wǎng)頁設計課堂教學質(zhì)量，筆者根據(jù)教學實踐經(jīng)歷，針對當前課程教學現(xiàn)狀，談一談自己在實踐中的一些教學方法及體會。

（一）全程激發(fā)學生的學習興趣

孔子說：“好之者不如善知者，善知者不如樂知者”，學生的學習興趣一旦被激發(fā)，就能化被動為主動，自覺地學習理論知識和操作技能。例如，在教學第一堂課中，筆者提供一些典型、特色的網(wǎng)站，讓學生欣賞、分析各網(wǎng)站的優(yōu)缺點，同時提出本學期的最終任務是自定主題，每人完成一個網(wǎng)站的建設。如此，引發(fā)學生探索欲，誘導學生思考如何設計網(wǎng)頁，怎樣聯(lián)系實際生活，靈活運用所學知識來建設一個完整的網(wǎng)站，把學生初級階段的學習興趣（即有趣），提升到中級階段（即興趣）。在平時教學和課外時間，注重理實一體化教學、教學展示（如學生作品的全校性展覽等）、組織網(wǎng)頁設計興趣小組、組織網(wǎng)頁制作比賽和課外培訓等，有效提高學生對網(wǎng)頁設計的學習興趣，把學生的學習興趣升華到最高階段（即志趣）。

（二）科學設計課程教學計劃

鑒于本校電子商務專業(yè)的要求，網(wǎng)頁設計教學案例盡量與實際生活中電子商務的特征緊密聯(lián)系，構(gòu)建類似淘寶這種B2C型電子商城。在教學中，防止教學內(nèi)容和教學案例的分散，采用完整的電子商務網(wǎng)站案例進行課堂教學，為學生提供市場需要的模塊化學習資源，開發(fā)模塊式教學計劃。結(jié)合本校網(wǎng)頁設計課程的內(nèi)容特點，將教學任務分為三大模塊。模塊一：基礎(chǔ)模塊。包括網(wǎng)頁設計基本概念、網(wǎng)頁的基本組成元素、常用的網(wǎng)頁制作工具、Dreamwear基本操作、HTML語言基礎(chǔ)等。模塊二：設計模塊。包括超鏈接的創(chuàng)建與實現(xiàn)、表格布局、框架布局、層布局與定位、文字和段落修飾、圖像修飾、表格修飾、頁面修飾、行為特效、樣式表特效、音、視頻特效、時間軸動畫等。模塊三：應用模塊。收集材料信息、網(wǎng)站整體規(guī)劃、網(wǎng)頁布局與制作、網(wǎng)站發(fā)布、網(wǎng)頁測試等。每個模塊又細化成一些小模塊，從易到難，從而構(gòu)成一個完整的網(wǎng)站。同時，在授課中，以Dreamwear為主線，對每一個知識點，重點教會學生如何將理論知識融入案例中，學以致用，為“做中學，學中練”打好基礎(chǔ)。

（三）有效實施理實一體化教學

網(wǎng)頁設計是一門實踐性強的課程，要求教師在傳授理論知識的同時，著重培養(yǎng)學生獨立操作的能力。所以，教學應該轉(zhuǎn)向以學生為主體，教師作為引導者的角度，采用理實一體化的教學方式，充分調(diào)動學生的主觀能動性，培養(yǎng)他們的獨立思考能力、自學能力和團隊合作精神。

下面以“網(wǎng)頁布局”為例，闡述理實一體化教學的應用與實踐。第一步：提出任務。教師詳細說明任務，包括網(wǎng)頁布局的界面展示、主要步驟、結(jié)構(gòu)與模塊分析，引導學生按照任務要求，收集處理相關(guān)素材等。第二步：分組學習、設計項目。把學生分組，各組討論收集到的圖片及信息，構(gòu)思布局結(jié)構(gòu)，制定不同設計方案，誘導學生思考“怎么使用表格布局”“如何選擇對應的框架布局”等問題。第三步：實施任務。各小組按照制定的方案實施任務。教師巡回觀察，發(fā)現(xiàn)問題時，先引導學生自主檢查，由被動學習轉(zhuǎn)為主動探索，培養(yǎng)學生解決問題的能力。第四步：自查互評交流。各小組互評，檢查任務成果，查找自身不足，并研究出解決問題的方案，鞏固知識重點，攻破知識難點，最后教師進行檢查。第五步：評價成果。各小組總結(jié)在任務實施中遇到的問題及解決方法，互相交流借鑒，共同進步。教師選擇典型作業(yè)進行評析，對操作過程中的共性問題進行糾正，對各小組的優(yōu)點進行表揚，總體評價各小組的任務成果，不斷規(guī)范學生的設計步驟。

（四）全面考核學生的學習成績

目前，很多院校仍然采取傳統(tǒng)單一的應試模式，一張試卷決定一門課程的成績，忽視了考核學生的學習過程及其思考和動手能力等，不利于學生思維和職業(yè)素質(zhì)的全面發(fā)展。因此，該課程的考核方式可以采用綜合性考核方式，具體包括學生上課過程考核占10%、作業(yè)完成情況考核占10%、階段性實訓考核占30%以及期末作品結(jié)業(yè)考核占50%。

上課過程考核，主要是對學生的出勤、守紀和學習態(tài)度等方面的考核，以提高學生的職業(yè)道德。作業(yè)完成情況考核，主要對學生是否按時、富有創(chuàng)造性地完成作業(yè)考核，以考查學生學習的質(zhì)量，提高學生的職業(yè)技能。階段性實訓考核 ，是教師設定一個主題內(nèi)容，提出項目要求，學生分組合作進行任務規(guī)劃，并在完成作品后，學生之間互評，最后由教師核評，給出小組基礎(chǔ)分及個人分。期末作品的考核，要求每個人自定網(wǎng)站主題和內(nèi)容，制作一個包含多個靜態(tài)網(wǎng)頁的網(wǎng)站，必需覆蓋課程所學的各個章節(jié)知識點，學生現(xiàn)場獨立完成網(wǎng)站的設計。這樣，不僅可以督促學生自己完成作品，培養(yǎng)學生獨立的思考能力、知識運用能力及實踐能力，達到對學生的職業(yè)技能和職業(yè)素質(zhì)的考核目標。

三、結(jié)語

通過上述的教學改革實踐，有效提高了本校網(wǎng)頁設計課程的教學質(zhì)量，提升了學生的職業(yè)道德、職業(yè)技能和就業(yè)競爭能力。這些改革措施，僅僅是筆者的初步探索，還需要全體同仁的共同探討、長期探索，才能更有效提高技校網(wǎng)頁設計課程的教學質(zhì)量，切實為社會培養(yǎng)高素質(zhì)技能型人才。