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

梁武，蘇燕

（北海職業(yè)學院，北海 536000）

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

梁武，蘇燕

（北海職業(yè)學院，北海 536000）

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

網(wǎng)頁制作與網(wǎng)站設計；教學方法；考核方式

0 引言

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

1 教學內容的改革

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

2 教學方法的改革

2.1 設計學習任務，激發(fā)學生的學習興趣

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

2.2 利用免費網(wǎng)站空間，實戰(zhàn)教學

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

2.3 開發(fā)課程學習網(wǎng)站，拓寬教學渠道

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

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

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

2.5 以網(wǎng)頁設計大賽激發(fā)學生學習熱情

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

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

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

3 教學手段的改革

3.1 建立虛擬化企業(yè)工作環(huán)境

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

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

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

3.3 建設課程資源庫，實現(xiàn)知識共享

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

4 考核方式的改革

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

5 結語

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

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

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

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

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

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

[6] 梁志紅.網(wǎng)頁設計教學中任務驅動教學法的探索[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）