梁武，蘇燕

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

以工作過程為導(dǎo)向的《網(wǎng)頁制作與網(wǎng)站設(shè)計(jì)》課程教學(xué)改革研究與實(shí)踐

梁武，蘇燕

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

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

網(wǎng)頁制作與網(wǎng)站設(shè)計(jì)；教學(xué)方法；考核方式

0 引言

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

1 教學(xué)內(nèi)容的改革

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

2 教學(xué)方法的改革

2.1 設(shè)計(jì)學(xué)習(xí)任務(wù)，激發(fā)學(xué)生的學(xué)習(xí)興趣

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

2.2 利用免費(fèi)網(wǎng)站空間，實(shí)戰(zhàn)教學(xué)

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

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

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

2.4 師生互動(dòng)、學(xué)生互動(dòng)，活躍課堂氣氛

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

2.5 以網(wǎng)頁設(shè)計(jì)大賽激發(fā)學(xué)生學(xué)習(xí)熱情

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

2.6 以工作過程為導(dǎo)向，學(xué)以致用

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

3 教學(xué)手段的改革

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

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

3.2 充分利用多媒體設(shè)備與技術(shù)，提高教學(xué)效果

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

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

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

4 考核方式的改革

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

5 結(jié)語

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

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

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

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

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

[5] 鄧體俊，付文亭.淺析任務(wù)驅(qū)動(dòng)教學(xué)法在《網(wǎng)頁設(shè)計(jì)與出版》教學(xué)中的應(yīng)用[J].教育教學(xué)論壇，2011(24)

[6] 梁志紅.網(wǎng)頁設(shè)計(jì)教學(xué)中任務(wù)驅(qū)動(dòng)教學(xué)法的探索[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-），男，廣西北海人，研究生，副教授，研究方向?yàn)橛?jì)算機(jī)教學(xué)與應(yīng)用

蘇燕（1980-），女，廣西北海人，講師，研究方向?yàn)橛?jì)算機(jī)教學(xué)與應(yīng)用

2014-12-25

2015-01-30

廣西高等教育教學(xué)改革工程項(xiàng)目（No.2012JGB404）