基于項(xiàng)目教學(xué)的“網(wǎng)頁設(shè)計與制作”課程改革與實(shí)踐

吳細(xì)花

摘要：網(wǎng)頁設(shè)計與制作是計算機(jī)應(yīng)用專業(yè)的重要課程，如何采取有效手段、方式，實(shí)現(xiàn)學(xué)生的計算機(jī)自主學(xué)習(xí)與實(shí)踐能力的提升，讓學(xué)生具備較強(qiáng)的操作及技能，以提升計算機(jī)網(wǎng)頁設(shè)計與制作的教學(xué)質(zhì)量與效率，是當(dāng)前廣大教育工作者急需解決的主要問題。該文主要分析了基于項(xiàng)目教學(xué)的“網(wǎng)頁設(shè)計與制作”課程改革與實(shí)踐，希望能為課堂教學(xué)提供參考。

關(guān)鍵詞：項(xiàng)目教學(xué)；網(wǎng)頁設(shè)計與制作；課程改革；實(shí)踐

項(xiàng)目教學(xué)模式作為一種以生為本，具有多元化、開放性特點(diǎn)的新型教學(xué)模式，強(qiáng)調(diào)了在教學(xué)時，以學(xué)生文本，加強(qiáng)對意義建構(gòu)的主義理論、探究式學(xué)習(xí)的理論的重視作用。即在整個教學(xué)過程中，嚴(yán)格遵循“以生為主體，教師輔導(dǎo)”的教學(xué)原則，以教學(xué)目標(biāo)、任務(wù)為出發(fā)點(diǎn)，讓學(xué)生在教師指導(dǎo)下，按照自己的學(xué)習(xí)能力與喜好，與同學(xué)進(jìn)行自由組合，選擇相應(yīng)的題型，組織開展項(xiàng)目研究學(xué)習(xí)，以充分發(fā)揮學(xué)生的主觀能動性，從而提高他們的創(chuàng)造能力與創(chuàng)新精神。因此基于項(xiàng)目教學(xué)模式下，對“網(wǎng)頁設(shè)計與制作”課程進(jìn)行改革與實(shí)踐，勢在必行。

1教學(xué)改革的理念與思路

在計算機(jī)應(yīng)用專業(yè)的教學(xué)中，對于網(wǎng)頁設(shè)計和制作課程的教學(xué)總體目標(biāo)，主要是通過真實(shí)的網(wǎng)站項(xiàng)目來開展教學(xué)活動，讓學(xué)生能夠依據(jù)網(wǎng)站開發(fā)的過程和網(wǎng)頁制作方法，結(jié)合需要制作的要求，制作出簡單的網(wǎng)頁圖像與自動生成的動態(tài)網(wǎng)頁，以提升學(xué)生網(wǎng)頁制作技能，積累豐富的網(wǎng)頁制作經(jīng)驗(yàn)，從而滿足日后工作崗位需求。因此在進(jìn)行網(wǎng)頁設(shè)計與制作時，應(yīng)體現(xiàn)以下理念：（1）培養(yǎng)與人溝通和團(tuán)隊(duì)合作的能力。為能準(zhǔn)確地把握項(xiàng)目制作的要求與客戶的需要，教師必須重點(diǎn)培養(yǎng)學(xué)生與人溝通、團(tuán)隊(duì)合作的能力。讓學(xué)生通過自由組隊(duì)的方式合作開發(fā)項(xiàng)目，共同努力完成布置的任務(wù)，讓學(xué)生之間能夠形成良好合作的關(guān)系，以提升學(xué)生的心理素質(zhì)與適應(yīng)社會環(huán)境的能力。（21培養(yǎng)職業(yè)技術(shù)能力和解決問題的能力。培養(yǎng)學(xué)生具備扎實(shí)的專業(yè)技術(shù)能力，這是網(wǎng)頁設(shè)計與制作課程中能力培養(yǎng)的關(guān)鍵。因此在進(jìn)行教學(xué)時，對學(xué)生職業(yè)技術(shù)能力的培養(yǎng)，主要包括以下幾方面：①網(wǎng)站的規(guī)劃能力。在項(xiàng)目教學(xué)中，應(yīng)了解分析項(xiàng)目的內(nèi)容，正確地理解項(xiàng)目的要求，并合理規(guī)劃項(xiàng)目，編寫網(wǎng)站的建設(shè)方案。②網(wǎng)站的設(shè)計能力。學(xué)生應(yīng)熟悉網(wǎng)頁的工作環(huán)境，詳細(xì)規(guī)劃與設(shè)計網(wǎng)頁布局，并了解開發(fā)的主要工具，靈活使用網(wǎng)頁元素，保證網(wǎng)頁設(shè)計順利完成。③網(wǎng)站的維護(hù)與更新能力。應(yīng)依據(jù)專業(yè)規(guī)范操作，來維護(hù)與更新網(wǎng)站。④解決問題的應(yīng)變能力。網(wǎng)頁設(shè)計對專業(yè)性要求極高，因此要想強(qiáng)化學(xué)生處理問題和解決問題的能力，必須引導(dǎo)學(xué)生熟悉與掌握網(wǎng)頁設(shè)計中較為常用的方法與工具。（3）自學(xué)與創(chuàng)新能力。自學(xué)能力即培養(yǎng)學(xué)生自我解決問題的能力，主要是指學(xué)生在學(xué)習(xí)的過程中，能夠形成良好的學(xué)習(xí)習(xí)慣與掌握所學(xué)的知識，并通過自主學(xué)習(xí)的方式，來獲得有用的信息，以積極的應(yīng)對職業(yè)中遇到的問題。而創(chuàng)新能力則是培養(yǎng)學(xué)生具備創(chuàng)新思維與創(chuàng)新意識，從而為日后工作打下扎實(shí)基礎(chǔ)。

2基于項(xiàng)目教學(xué)的“網(wǎng)頁設(shè)計與制作”課程改革與實(shí)踐的途徑

2.1課程整體設(shè)計

在網(wǎng)頁設(shè)計與制作課程中應(yīng)用項(xiàng)目教學(xué)，是否能成功的關(guān)鍵在于給學(xué)生安排的學(xué)習(xí)任務(wù)是否恰當(dāng)。通常在設(shè)計項(xiàng)目的內(nèi)容時，必須保證對學(xué)生具有挑戰(zhàn)性、實(shí)用性、趣味性以及可操作性，要求學(xué)生通過查閱相關(guān)資料，經(jīng)過仔細(xì)研究和思考，便可順利地完成學(xué)習(xí)任務(wù)。但需要特殊注意的是，教師在設(shè)計學(xué)習(xí)任務(wù)時，必須按照教學(xué)目標(biāo)與學(xué)生個性差異來設(shè)計，保證內(nèi)容設(shè)計不能過于復(fù)雜。例如在“網(wǎng)頁設(shè)計與制作”的教學(xué)過程中，課程整體設(shè)計的目標(biāo)是從簡單——復(fù)雜——綜合網(wǎng)站建設(shè)項(xiàng)目的訓(xùn)練方式，讓學(xué)生能夠依據(jù)網(wǎng)站業(yè)務(wù)的需要，對網(wǎng)站需要的功能加以分析，以明確網(wǎng)頁風(fēng)格與結(jié)構(gòu)，理解并設(shè)計出相應(yīng)的制作方案，從而掌握網(wǎng)頁制作與網(wǎng)站的方法，熟練HTML語言、Dreamweaver網(wǎng)頁制作軟件，能讀取JavaScript代碼，并學(xué)會靈活運(yùn)用CSS設(shè)計網(wǎng)站的元素。這時教師需要在設(shè)計上，依據(jù)項(xiàng)目的需要，選出“企業(yè)網(wǎng)站建設(shè)”作為該課程的實(shí)訓(xùn)項(xiàng)目，將課程設(shè)計任務(wù)劃分為5個項(xiàng)目，16個任務(wù)、每個任務(wù)4學(xué)時，前2個項(xiàng)目是網(wǎng)站點(diǎn)的創(chuàng)建和靜態(tài)網(wǎng)頁設(shè)計，屬于簡單的入門項(xiàng)目，由教師輔導(dǎo)；第3與4個項(xiàng)目是進(jìn)行網(wǎng)頁素材設(shè)計和制作，依據(jù)規(guī)范進(jìn)行標(biāo)準(zhǔn)化網(wǎng)頁設(shè)計；第5個項(xiàng)目課后完成項(xiàng)目的情況，讓學(xué)生能夠積極參與項(xiàng)目的開發(fā)和維護(hù)中，以拓寬課程教學(xué)的內(nèi)容。但是每1個項(xiàng)目都應(yīng)以任務(wù)為載體，將課程學(xué)習(xí)的內(nèi)容劃分到每1個項(xiàng)目中。且每1個項(xiàng)目之間都有明顯的獨(dú)立性，同時項(xiàng)目之間相互聯(lián)系，知識與技能循環(huán)漸進(jìn)；前l(fā)項(xiàng)是后1項(xiàng)的基礎(chǔ)，后1項(xiàng)是鞏固前1項(xiàng)的關(guān)鍵，實(shí)現(xiàn)知識和技能學(xué)習(xí)的層層遞進(jìn)、由淺到深、由簡到繁，以樹立學(xué)生學(xué)習(xí)的自信心。

2.2建立項(xiàng)目小組

在明確項(xiàng)目教學(xué)的內(nèi)容后，教師應(yīng)召集全班的學(xué)生，讓學(xué)生依據(jù)項(xiàng)目，自由分組學(xué)習(xí)，全班分成若干組，每組為3-5名，并安排組織能力較強(qiáng)、善于表達(dá)的學(xué)生擔(dān)任本組的小組長。然后每組學(xué)生在組長的領(lǐng)導(dǎo)下，按照項(xiàng)目要求的內(nèi)容，在課后充分利用參考書目、內(nèi)容對網(wǎng)站制作與設(shè)計所涉及的資料進(jìn)行查閱。此外，教師是項(xiàng)目的指導(dǎo)者，應(yīng)適當(dāng)引導(dǎo)學(xué)生整理所需要資料。讓每個成員之間依據(jù)不同的學(xué)習(xí)任務(wù)，專門負(fù)責(zé)自己的問題。例如在“網(wǎng)頁設(shè)計與制作”的教學(xué)過程中，教師依據(jù)本班學(xué)生的情況，將學(xué)生劃分成每組5名成員后，結(jié)合實(shí)施方案，讓1名理論功底扎實(shí)的學(xué)生負(fù)責(zé)網(wǎng)站欄目的整體規(guī)劃；1名計算機(jī)操作能力較強(qiáng)的學(xué)生負(fù)責(zé)網(wǎng)頁制作；2名程序設(shè)計能力較強(qiáng)的學(xué)生負(fù)責(zé)代碼的編寫和程序調(diào)試；然后讓擔(dān)任小組長的學(xué)生負(fù)責(zé)對網(wǎng)站加以宣傳，并制定項(xiàng)目進(jìn)度表，明確成果完成的時間，同時詳細(xì)記錄每個成員學(xué)習(xí)的情況、態(tài)度，為教師的評價提供依據(jù)。

2.3項(xiàng)目教學(xué)的實(shí)施

項(xiàng)目教學(xué)的實(shí)施主要是引導(dǎo)學(xué)生為完成項(xiàng)目，而組織開展自主性的學(xué)習(xí)，以輔導(dǎo)學(xué)生依據(jù)項(xiàng)目學(xué)習(xí)中所需要的知識與技能，通過有效的學(xué)習(xí)方法來開展學(xué)習(xí)活動，激發(fā)學(xué)生的學(xué)習(xí)熱情與主動性。例如在確定各小組的學(xué)習(xí)任務(wù)后，進(jìn)入具體“網(wǎng)頁設(shè)計與制作”課程的學(xué)習(xí)中，一開始部分學(xué)生會感覺到制作一個網(wǎng)站，以我個人的能力，難以順利完成教師布置的任務(wù)，又怎會設(shè)計出具有個人鮮明、獨(dú)具個性的網(wǎng)站來吸引客戶的注意力？針對這些問題，在進(jìn)行教學(xué)時，教師需要將教學(xué)知識轉(zhuǎn)變成學(xué)習(xí)任務(wù)，以學(xué)生合作的方式，然后詳細(xì)講解網(wǎng)頁設(shè)計與制作的知識點(diǎn)，讓學(xué)生結(jié)合參考目錄和資料，來回答提出的學(xué)習(xí)問題：（1）什么是框架？有什么作用？（2）框架和網(wǎng)頁之間的聯(lián)系？框架的優(yōu)缺點(diǎn)？（3）依據(jù)各網(wǎng)站主頁布局，怎樣合理地使用框架？這樣學(xué)生不僅能夠在合作的前提下，進(jìn)行自主探究學(xué)習(xí)，還可快速找到問題的答案：在Web瀏覽器窗口中，HTML框架集文檔顯示的若干個獨(dú)立的可滾動區(qū)域就是框架，框架集中每一個框架在Web瀏覽器窗口中，屬于自己管轄區(qū)域內(nèi)顯示一個HTML文檔，可使用選項(xiàng)內(nèi)是否滾動和可調(diào)整大小來調(diào)整頁面。

2.4成果展示

在網(wǎng)頁設(shè)計與制作課堂教學(xué)中應(yīng)用項(xiàng)目教學(xué)時，項(xiàng)目成果的展示是為教師評價提供參考的關(guān)鍵。因此在實(shí)際項(xiàng)目學(xué)習(xí)成果展示的過程中，要求教師應(yīng)依據(jù)項(xiàng)目教學(xué)的要求來組織各個小組的小組長匯報本組的項(xiàng)目成果。但需要特殊注意的是，小組長在展示、匯報本組的項(xiàng)目成果時，需要詳細(xì)說明作品涉及的知識點(diǎn)、創(chuàng)新、優(yōu)缺點(diǎn)和項(xiàng)目中遇到的困難，并說明對于遇到的問題，應(yīng)該如何解決，而其他小組的成員，也可提問與設(shè)計有關(guān)的思路、技術(shù)和特點(diǎn)等問題，讓課堂教學(xué)生動活潑，從而提高教學(xué)的效果。例如在“網(wǎng)頁設(shè)計與制作”的教學(xué)過程中，各小組完成動態(tài)網(wǎng)頁作品的制作后，教師應(yīng)通過組織活動的方式，讓每個小組的組長借助電子演示文稿的方式，詳細(xì)的介紹ASP.net、JSP和PHP等動態(tài)網(wǎng)頁技術(shù)，但是由于時間的限制，教師需要引導(dǎo)每個小組結(jié)合學(xué)習(xí)的情況，將關(guān)于ASP的內(nèi)置對象：Request、SQL查詢語言、Respone、Server、Application、Session以及ADO組件中的Connection、Command和Record.Set等歸納為一個單獨(dú)的知識點(diǎn)加以闡述，以便其他小組的成員理解掌握Dreamweaver數(shù)據(jù)庫、綁定和服務(wù)器行為等網(wǎng)頁制作知識。

2.5考核方式的改革

項(xiàng)目完成后的最后環(huán)節(jié)就是教師要進(jìn)行及時客觀的點(diǎn)評與總結(jié)，評定學(xué)生的學(xué)習(xí)成績。但是以往的課程考核方式都是通過筆試與期末提交個人作品的方式來考核，這種考核模式過于注重結(jié)果，忽略學(xué)生學(xué)習(xí)的過程，難以達(dá)到項(xiàng)目教學(xué)的考核目的。因此在對學(xué)生的成績進(jìn)行評價與總結(jié)時，教師必須將現(xiàn)場匯報、學(xué)生自我評價和學(xué)生互評內(nèi)評價內(nèi)容納入到考核評價中，形成完善的課程考核評價體系，從作品的主題、版面、圖片、色彩搭配、網(wǎng)站布局和超鏈接等方面來考核學(xué)生的口頭表達(dá)能力、溝通能力、日常出勤、課堂表現(xiàn)和每個階段實(shí)訓(xùn)項(xiàng)目的質(zhì)量，以了解學(xué)生掌握的技能，然后通過百分制的方式進(jìn)行最后總評，依據(jù)40%的比例納入到課程總評成績中，實(shí)現(xiàn)評價的合理性。

3結(jié)束語

綜上所述，項(xiàng)目教學(xué)在網(wǎng)頁設(shè)計與制作中的應(yīng)用，不僅能豐富課堂教學(xué)的內(nèi)容，拓寬學(xué)生的知識面，實(shí)現(xiàn)知識的轉(zhuǎn)化與整合。還可按照項(xiàng)目的目標(biāo)進(jìn)行課程的整體設(shè)計、建立項(xiàng)目小組、成果展示和考核，將枯燥、乏味的文字變得更加生動有趣，讓學(xué)生積極參與到項(xiàng)目活動中，充分發(fā)揮學(xué)生的主動性與潛力，進(jìn)行自主性探究學(xué)習(xí)，以培養(yǎng)學(xué)生形成良好的學(xué)習(xí)習(xí)慣，從而促進(jìn)學(xué)生全方面發(fā)展。