以工作過程為導向的《網頁制作與網站設計》課程教學改革研究與實踐

梁武，蘇燕

（北海職業學院，北海 536000）

以工作過程為導向的《網頁制作與網站設計》課程教學改革研究與實踐

梁武，蘇燕

（北海職業學院，北海 536000）

隨著社會的發展網絡已經成為人們生活不可或缺的一部分，瀏覽網頁也成為人們工作和生活每天的重要組成部分。此時就產生了對大量網頁制作與網站設計人才的需求，高校作為培養人才的重要基礎基地，《網頁制作與網站設計》課程自然成為各高職高專院校計算機專業的一門必修課。為了提高課程的教學效果，必須對以往的教學內容、教學方法等進行徹底性的改革，使學生能夠利用在校所學到的專業知識在進入社會進入企業就能靈活運用。

網頁制作與網站設計；教學方法；考核方式

0 引言

隨著現代社會的不斷發展，網絡已經成為了人類生活的重要部分，并且在不同的領域影響著人類的生活，為當前人類的經濟發展和社會生活帶來了重大的改變。我們已經開始步入網絡化的時代，無論是在國內還是國際上，幾乎所有的企業都意識到了網絡對企業自身帶來的重要影響以及巨大作用，因此為自己搭建了新的網絡營銷平臺。幾乎所有的企事業單位都開設有自己的獨立網站，這就引發了需要大量的網頁制作與網站開發的人才，高校自然而然就成為了承擔該項責任的重要基地。《網頁制作與網站設計》課程順理成章地就成為了各個高校計算機專業一門重要的專業課程，該門課程也成為高職院校計算機專業的專業基礎課。開設該門課程可以讓學生能極快地掌握網頁制作與網站設計的知識。結合我院的辦學定位、人才培養的目標、崗位需要，我們在經過開設課題調研得出為《網頁制作與網站設計》課程做了以下四個方面的改革。

1 教學內容的改革

《網頁制作與網站設計》課程的教學內容與其他傳統的學科課程相比具有鮮明的特點：有很強的操作性和實踐性,更加注重學生的操作能力和學以致用的綜合能力。當今計算機技術發展迅速，課程的教學內容必須要能適應社會各行業技術的發展，體現技術的先進性、前瞻性和延續性。在教學內容方面，我院以就業為導向，將學生以后畢業到相應行業就業可能遇到的問題納入到教學內容中來，突出“學以致用”。通過《網頁制作與網站設計》課程的教學學習，使學生了解網頁設計技術的基本概念、基礎知識，掌握使用網頁制作與網站開發的基本方法以及基本技能；同時對教學內容進行設計，并及時更新，從而將最新的技術融入教學中來，提升學生自主學習的能力，滿足現狀社會計算機網頁制作與網站開發人才崗位的需求。

2 教學方法的改革

2.1 設計學習任務，激發學生的學習興趣

興趣是最能激發學生的激情，學生如果對某一門學科產生興趣，那么他們就會產生主動了解、積極探索的愿望，對知識的學習也會不惜時間、不怕困難，注意力也就能夠集中較長時間。因此，在該門課程教學的過程中，我院計算機教師首先從激發學生的興趣人手，調動學生的求知欲望。在上第一節課時，也是最關鍵的一節課，就開始積極地調動學生的這種求知欲望和興趣，在上課過程中給學生打開介紹一些有代表性的網站，在版面設計方面是如何布局，在色彩搭配方面如何合理地統一網站風格，如何增加動畫效果來引起讀者的視覺注意，如何合理地使用圖片來修飾自己的網站，做到與眾不同，被廣大瀏覽者所認可。完成對這些代表性網站的分析后,向學生提出學習任務，就是學習完這門課程后，大家要自己動手制作一個符合要求的網站。這時學生會情不自禁地在自己的腦海里構思著并想象自己設計出的網站畫面，這種情不自禁的想象和構思就是學習的動力，是學生學好該門課的基礎和前提。

2.2 利用免費網站空間，實戰教學

現在很多網站給予提供了極多免費的空間申請，在教學過程中可通過該種方式來提高教學效果，達到實戰的目的。首先讓每位學生獨立制作一個網頁，內容充實，并保存好，然后跟著教師在網絡上找到一個免費提供空間申請的網站，接著一步一步跟著教師申請好屬于每位學生的網絡空間和域名，然后再把自己事先制作好的網頁上傳到該網絡空間上，并通過瀏覽器打開查看自己的網頁。通過這種方式，讓學生有一種成就感，體會到了自己從零開始到獨立完成一個網頁的上傳并成功顯示的效果，同時也讓學生在瀏覽器上看到自己設計的頁面效果是否變形，美不美觀。通過這樣的實戰學習，讓學生對該門課程有新的認識，并喜歡上該門課程。

2.3 開發課程學習網站，拓寬教學渠道

幾乎所有的課程教學都在教室、多媒體、機房內完成教學，為了彌補課堂教學的不足，更加方便學生的學習，使學生在不同的地理位置上也能與教師進行交流，學生可以根據自己的興趣或學習情況掌握學習進度，自主學習。筆者為該門課程獨立設計開發了《網頁制作與網站設計》課程學習網站，網站給學生提供了很多學習課件與制作網頁的素材，同時還選取部分學生的優秀作品放在教學網站上，讓學生感受到自己的成就感，并設置制作了在線交流和在線學習系統，使學生課外也可獨立學習，并在網站上與教師和其他學生進行溝通交流學習。這些方法調動了學生的積極性，使學生積極思考,主動參與并提出自己的見解。

2.4 師生互動、學生互動，活躍課堂氣氛

學生在一堂課的學習過程中注意力都會不斷變化的規律,剛開始時學生的注意力是最集中的,到了中間最容易分散,最后又會慢慢提高。因此在教學過程中筆者以幽默的話語聯系最近發生的新聞知識串接到與課程相關的內容中來，并利用學生注意力的變化規律,把重要的內容放在前面,中間要加一些提高注意力的環節，重新激發學生的熱情,需要強調和總結的內容要把握好最后的時間段。激發學生學習的興趣，提高他們分析問題、解決問題的實際能力，達到輕松學習、自主學習的目的。

2.5 以網頁設計大賽激發學生學習熱情

我院電子信息工程系每年都會舉行一次網頁設計大賽,由計算機教研室承辦，學生可以獨立參賽或者組成小組參賽，初評入圍的選手可以進入決賽，然后選送優秀的作品參加每年自治區組織的大學生網頁設計制作比賽。要求全系學生參加,可獨立參賽，也可組隊參賽，每件參賽作品選派一位代表在臺上展示自己的作品并進行相關陳述,然后由專業教師、企業專家組成的評委團打分,并由其中一名評委對選手的作品和語言表達進行點評,最后評選出優秀作品并頒發獲獎證書和獎品。通過每年的網頁設計制作比賽,充分調動了學生學習的積極性，并且還提高了學生的語言表達能力和創新能力。既調動了學生的學習熱情，又促進了學生的學習主動性，正確地引導了學生的學習方法和努力方向。

2.6 以工作過程為導向，學以致用

在教學過程中，我院讓學生加入到現實生活的實踐項目中去，從社會人才崗位需求出發，把校企合作的真實網頁制作項目融入教學課堂，讓學生承擔起實踐項目的一部分。這就要求學生在開展實踐項目之前就必須與客戶進行詳細的溝通，掌握客戶的需求完成模塊的雛形需求分析，這樣不但提高了學生的技術水平，又實現了所學的內容與社會需求的接軌，并且還鍛煉了學生的人際交往能力、組織協調能力。通過不斷的項目實踐，讓學生在校期間就能快速進入狀態，為今后走出校園上崗就業打下堅實基礎。

3 教學手段的改革

3.1 建立虛擬化企業工作環境

我院以工作過程為導向對《網頁制作與網站設計》課程教學改革，那么模擬真實的工作環境是勢在必行的，根據企業在實際的網站開發過程中，大量的工作都是借助于網絡平臺進行交流和實施的。因此，網頁制作與網站開發課程組在整理了企業的實際工作流程后，利用網絡平臺在學院計算機機房內組建了虛擬化的企業工作環境，讓學生項目組也能在虛擬化的企業工作環境中進行項目的開發和實施，使他們在校內也能體驗到實際的網站開發工作流程。真真實實地感受到實戰的效果，這種虛擬化的企業工作環境為培養學生的職業技能提供了一個良好的平臺。

3.2 充分利用多媒體設備與技術，提高教學效果

在教學過程中，選取及制作一些形象生動的動畫演示，提高學生的注意力，并利用課程組開發的網頁制作在線學習系統在機房給予學生更加直白的教學，并通過多媒體教學軟件控制學生電腦，近距離演示，同時通過采用視頻教學，并在講授過程中，教師演示完成后，讓學生到教師機上來操作演示給其他學生看，以更直觀的方式幫助學生理解網站項目以及開發與實施中存在的問題，提高教學效果。

3.3 建設課程資源庫，實現知識共享

《網頁制作與網站設計》課程自在學院開設以來，已經積累了較多的教學資源，包括校企合作項目、課程網站、教學錄像、教學課件等，目前已應用于課堂教學和網絡教學，為學生的學習提供了非常大的幫助。通過不斷建設和完善課程資源庫，將為該門課程的教學提供更好的輔助。

4 考核方式的改革

傳統的理論知識考試方式已不能檢測學生的學習成績和綜合能力，以學生作品替代傳統的理論考試,本課程的最終目的是要求學生應用所學知識，獨立設計制作出一個完整的網站，并上傳到網絡上供用戶瀏覽訪問。根據教師給出的類似客戶提出的要求構思一個網站,寫出該網站設計方案,網站設計方案要求包含網站主題、網站logo、網站欄目設計、網站布局設計、網站色彩搭配，最后按網站設計方案的內容來設計制作網頁。這種考核方式注重實踐操作性和應用開發能力的培養，極大地提高了學生的學習主動性和積極性。

5 結語

網頁制作與網站設計是21世紀計算機信息技術發展的全新教學內容，《網頁制作與網站設計》作為一門實踐性較強的課程,針對該課程的特點，我院在教學中始終堅持以工作過程為導向，以培養學生的分析問題和解決問題的能力為目的。通過以上的方法試點教學，我院計算機專業學生對該門課程的學習產生了濃厚的興趣，并在教師的帶領下掌握該門課程的知識與技巧，并能獨立承擔起網頁制作項目的能力，適應社會在該網頁制作人才方面的需求。

[1] 丁蕙.網頁制作課程教學改革探討[J].職業教學研究，2008(9)

[2] 王元安.網頁制作[M].北京：重慶大學出版社，2011，8

[3] 戴仁俊.網頁設計與網站建設項目教程[M].北京：機械工業出版社，2011，9

[4] 孫膺.網頁制作與網站建設[M].北京：清華大學出版社，2012，1

[5] 鄧體俊，付文亭.淺析任務驅動教學法在《網頁設計與出版》教學中的應用[J].教育教學論壇，2011(24)

[6] 梁志紅.網頁設計教學中任務驅動教學法的探索[J].社科縱橫，2008(03)

Research and Practice of Teaching Reformation of Webpage Creation and Web Design Course Oriented by Working Process

LIANG Wu，SU Yan
（Beihai Vocational College,Beihai 536000）

With the development of the social,network has become an indispensable part of human life,browsing the Web has become an important part of human behavior in the work and life every day.Produces a large number ofWeb design talented person's demand,as the important foundation of talents training base,universitiesmake theWebpage Creation and Web Design course to become a required course for the computermajor.In order to improve the teaching effect of course,must reform the front thoroughness of the teaching content,teaching methods,makes the students to be able to use professional knowledge learned in school in the society into the enterprise can flexible use.

WebpageCreation and WebDesign;Teaching Method;AssessmentMethod

1007-1423（2015）06-0057-04

10.3969/j.issn.1007-1423.2015.06.014

梁武（1978-），男，廣西北海人，研究生，副教授，研究方向為計算機教學與應用

蘇燕（1980-），女，廣西北海人，講師，研究方向為計算機教學與應用

2014-12-25

2015-01-30

廣西高等教育教學改革工程項目（No.2012JGB404）