高校網(wǎng)頁(yè)設(shè)計(jì)教學(xué)改善分析

隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，網(wǎng)絡(luò)應(yīng)用越來(lái)越普遍，網(wǎng)站網(wǎng)頁(yè)已成為公司、企業(yè)或個(gè)人展示信息的一個(gè)平臺(tái)。對(duì)于高職院校計(jì)算機(jī)專業(yè)的學(xué)生來(lái)說(shuō)，掌握網(wǎng)頁(yè)設(shè)計(jì)與制作的方法和網(wǎng)站開發(fā)的相關(guān)技術(shù)顯得非常實(shí)用和重要，可以大大拓寬就業(yè)面，提高就業(yè)競(jìng)爭(zhēng)力。而網(wǎng)頁(yè)設(shè)計(jì)與制作課程作為我院計(jì)算機(jī)系各專業(yè)開設(shè)的職業(yè)技能基礎(chǔ)課，教學(xué)目的正在于在培養(yǎng)學(xué)生網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)頁(yè)制作、網(wǎng)站建設(shè)與管理的能力，是一門實(shí)用性和綜合性都很強(qiáng)的課程。網(wǎng)頁(yè)設(shè)計(jì)與制作課程主要介紹網(wǎng)頁(yè)的設(shè)計(jì)與制作及網(wǎng)站的建設(shè)與管理，課程每一部分內(nèi)容都有相對(duì)獨(dú)立性和完整性，一門課講下來(lái)可能讓學(xué)生感覺到零散，難以達(dá)到融會(huì)貫通，其中尤其是關(guān)于網(wǎng)站的整體規(guī)劃內(nèi)容，學(xué)生掌握起來(lái)更是難上加難。因此，如何提高網(wǎng)頁(yè)設(shè)計(jì)與制作課程的教學(xué)質(zhì)量，是值得我們深入探討的問題。筆者通過近兩年對(duì)該課程教學(xué)實(shí)踐的總結(jié)和思考，認(rèn)為必須從課程教學(xué)內(nèi)容、教學(xué)方法、考核方式等幾個(gè)方面解決問題。

一、合理安排課程教學(xué)內(nèi)容

教學(xué)內(nèi)容應(yīng)該突出社會(huì)需求，將網(wǎng)頁(yè)設(shè)計(jì)的新理念、網(wǎng)頁(yè)制作的新技術(shù)引入課堂。通過對(duì)市場(chǎng)網(wǎng)頁(yè)人才需求的調(diào)查、分析與研究，以提高學(xué)生應(yīng)用能力為出發(fā)點(diǎn)，我將課程內(nèi)容進(jìn)行了七大模塊的劃分，并按模塊分階段實(shí)施教學(xué)：

介紹網(wǎng)頁(yè)基礎(chǔ)知識(shí)、網(wǎng)站的種類、網(wǎng)站的概念，并對(duì)優(yōu)秀網(wǎng)站網(wǎng)頁(yè)進(jìn)行賞析；

介紹HTML語(yǔ)言，通過一個(gè)典型的小型網(wǎng)站來(lái)講解HTML語(yǔ)言各類標(biāo)記符的使用方法；

介紹javascript腳本語(yǔ)言，通過展示一些有趣的javascript網(wǎng)頁(yè)特效激發(fā)學(xué)生對(duì)網(wǎng)頁(yè)腳本語(yǔ)言的興趣；

介紹網(wǎng)頁(yè)制作工具軟件的使用，結(jié)合具體的網(wǎng)站實(shí)例來(lái)介紹軟件的使用方法；

介紹層疊樣式表的使用，通過一些設(shè)計(jì)好的css模板讓學(xué)生認(rèn)識(shí)它的作用；

介紹網(wǎng)站建設(shè)、網(wǎng)站規(guī)劃及流程，通過一個(gè)綜合案例分析，使學(xué)生具備整體規(guī)劃思想及設(shè)計(jì)思路；

綜合網(wǎng)站設(shè)計(jì)，由學(xué)生自由選擇設(shè)計(jì)主題，利用4周左右的時(shí)間，設(shè)計(jì)一個(gè)綜合網(wǎng)站，旨在提高學(xué)生綜合應(yīng)用知識(shí)的能力和實(shí)踐能力。將整門課程分為這樣七大模塊，知識(shí)介紹由淺入深，更有利于學(xué)生接受。教學(xué)內(nèi)容實(shí)現(xiàn)模塊化后，還要根據(jù)模塊內(nèi)容合理安排教學(xué)時(shí)間。比如對(duì)于模塊五css的內(nèi)容學(xué)習(xí)，即安排了8個(gè)課時(shí)的時(shí)間，耗時(shí)比較多，但卻很值得。因?yàn)椤懊馈边@個(gè)元素在網(wǎng)頁(yè)設(shè)計(jì)中非常重要：要想讓你設(shè)計(jì)制作的網(wǎng)頁(yè)給瀏覽者留下深刻印象，首先是界面上要漂亮，要有特色。而現(xiàn)在的網(wǎng)頁(yè)設(shè)計(jì)中很多“美”的體現(xiàn)是靠“css+javascript”來(lái)實(shí)現(xiàn)的。在css內(nèi)容學(xué)習(xí)時(shí)，我?guī)ьI(lǐng)學(xué)生欣賞純css實(shí)現(xiàn)的著名網(wǎng)站——css禪意花園，通過這個(gè)網(wǎng)站中的一些特色案例讓學(xué)生領(lǐng)略css在網(wǎng)頁(yè)排版和美工中的強(qiáng)大作用，激發(fā)他們的求知欲望，然后再進(jìn)行具體的內(nèi)容介紹。實(shí)踐證明，這樣的模塊化課程體系結(jié)構(gòu)安排取得了良好的教學(xué)效果。

二、探索教學(xué)方法，完善教學(xué)設(shè)計(jì)，激發(fā)學(xué)生興趣

激發(fā)學(xué)生興趣

興趣是最好的老師，在整個(gè)課程的教學(xué)過程中，都要隨時(shí)注意學(xué)生興趣的培養(yǎng)。筆者認(rèn)為，在課程教學(xué)一開始，學(xué)生興趣的激發(fā)更為重要，俗話說(shuō)，“好的開始是成功的一半”，如果第一次課就能夠把學(xué)生興趣激發(fā)起來(lái)，那么對(duì)于后面的內(nèi)容學(xué)習(xí)將會(huì)有很大幫助。因此，若想在教學(xué)中實(shí)現(xiàn)一個(gè)好的開端，第一次課的成功與否即顯得尤其重要。我的做法是，在這門課程的第一次課中，抽出完整一節(jié)課來(lái)進(jìn)行國(guó)內(nèi)外經(jīng)典網(wǎng)站的賞析，帶領(lǐng)學(xué)生認(rèn)識(shí)網(wǎng)頁(yè)和網(wǎng)站，引導(dǎo)學(xué)生去感受好的網(wǎng)站設(shè)計(jì)給人們現(xiàn)在生活和工作帶來(lái)的影響，使學(xué)生喜歡并熱愛這個(gè)行業(yè)，讓他們感覺到“學(xué)有所用”，從而在內(nèi)心建立起學(xué)習(xí)本課程的強(qiáng)烈愿望。

完善教學(xué)設(shè)計(jì)

教學(xué)設(shè)計(jì)是課程教學(xué)的關(guān)鍵環(huán)節(jié)，教學(xué)設(shè)計(jì)的優(yōu)劣直接影響到課程教學(xué)效果的好壞。傳統(tǒng)的網(wǎng)頁(yè)課程教學(xué)設(shè)計(jì)，一般是教師先進(jìn)行理論講解，然后安排學(xué)生上機(jī)操作。學(xué)生通過這種教學(xué)方式固然也能掌握相應(yīng)的知識(shí)和技能，但是學(xué)到的知識(shí)較為零碎，綜合運(yùn)用能力不強(qiáng)，遠(yuǎn)遠(yuǎn)不能滿足崗位對(duì)人才的要求，教學(xué)與社會(huì)應(yīng)用明顯脫節(jié)。因此，教學(xué)設(shè)計(jì)應(yīng)該立足于學(xué)生就業(yè)崗位技能要求，突出應(yīng)用能力、綜合能力的培養(yǎng)。而要想達(dá)到這個(gè)教學(xué)目標(biāo)，學(xué)生就必須參加實(shí)際網(wǎng)站的設(shè)計(jì)開發(fā)，完成一個(gè)完整的網(wǎng)站建設(shè)任務(wù)，并在完成網(wǎng)站建設(shè)的過程中發(fā)現(xiàn)問題，通過親手實(shí)踐解決問題。我對(duì)本課程的教學(xué)設(shè)計(jì)原則是“項(xiàng)目導(dǎo)向+任務(wù)驅(qū)動(dòng)”。在整個(gè)教學(xué)過程中，以設(shè)計(jì)完整的綜合網(wǎng)站為項(xiàng)目導(dǎo)向和教學(xué)載體，并將其作為主線始終貫穿整個(gè)教學(xué)過程。課程采用模塊化任務(wù)驅(qū)動(dòng)教學(xué)，把教學(xué)過程分為兩大階段：第一階段是基礎(chǔ)知識(shí)和基本操作方法的領(lǐng)會(huì)，采用小任務(wù)教學(xué)，側(cè)重對(duì)基本知識(shí)的掌握。第二階段是在學(xué)生掌握基本知識(shí)和操作的基礎(chǔ)上，引入綜合網(wǎng)站開發(fā)項(xiàng)目。在綜合網(wǎng)站開發(fā)這個(gè)大任務(wù)過程中，每個(gè)學(xué)生不但都有自己明確的任務(wù)目標(biāo)，并且在開發(fā)實(shí)踐這一環(huán)節(jié)中都不可避免地會(huì)碰到很多問題。新問題的不斷產(chǎn)生，不僅可以激發(fā)他們主動(dòng)學(xué)習(xí)的求知欲，跟重要的是可以驅(qū)動(dòng)他們積極主動(dòng)探索解決問題的辦法，在掌握知識(shí)內(nèi)容的同時(shí)，培養(yǎng)了創(chuàng)新精神和實(shí)踐能力，拓展了綜合運(yùn)用知識(shí)的能力。實(shí)踐證明，這樣的教學(xué)設(shè)計(jì)能夠融教、學(xué)、做于一體，對(duì)學(xué)生實(shí)踐能力的提高具有很強(qiáng)的推動(dòng)作用。學(xué)生不僅可以更快更牢地掌握基本知識(shí)和技能，而且培養(yǎng)了自主學(xué)習(xí)能力，為以后就業(yè)積累了實(shí)踐經(jīng)驗(yàn)。同時(shí)，也有利于學(xué)生職業(yè)意識(shí)的提高，有利于學(xué)生就業(yè)后更快進(jìn)入職業(yè)角色。

創(chuàng)新教學(xué)方法和手段

本課程以制作綜合網(wǎng)站為主線，在模塊一教學(xué)階段即先給出一組綜合網(wǎng)站的選題題目，讓學(xué)生根據(jù)自己的興趣愛好進(jìn)行選擇。俗話說(shuō)，“巧婦難為無(wú)米之炊”，實(shí)際網(wǎng)頁(yè)制作過程中是需要大量素材的，只有平時(shí)注意搜集，才能保證在主題網(wǎng)站制作時(shí)有足夠的素材可用。因此，在隨后的教學(xué)過程中，則進(jìn)一步加強(qiáng)針對(duì)性、指向性，引導(dǎo)學(xué)生進(jìn)行與自己主題網(wǎng)站相關(guān)素材的收集，為綜合網(wǎng)站建立一個(gè)強(qiáng)大的資源庫(kù)。在模塊六教學(xué)階段完成后，讓學(xué)生根據(jù)自己所選主題進(jìn)行網(wǎng)站的需求分析和網(wǎng)站的規(guī)劃，按照網(wǎng)站策劃書要求完成綜合網(wǎng)站策劃報(bào)告書。模塊七的教學(xué)突出學(xué)生動(dòng)手能力的培養(yǎng)，因此安排在機(jī)房，采用“現(xiàn)場(chǎng)教學(xué)為主、理論講解為輔”的機(jī)房一體化教學(xué)方式。這樣的教學(xué)安排可以使基礎(chǔ)理論教學(xué)與技能實(shí)踐操作更有機(jī)地銜接在一起，使基本知識(shí)點(diǎn)在實(shí)踐操作中逐步深化?，F(xiàn)代課程教學(xué)都應(yīng)該充分利用好網(wǎng)絡(luò)這個(gè)平臺(tái)，在本課程教學(xué)過程中，利用本系的MOODLE網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)，開設(shè)了本課程的資源共享專區(qū)、答疑專區(qū)，將一些好的學(xué)習(xí)資源及時(shí)上傳到這個(gè)平臺(tái)上去，供學(xué)生學(xué)習(xí)使用。這樣將課堂教學(xué)和課外指導(dǎo)緊密結(jié)合起來(lái)，延伸了課堂教學(xué)的時(shí)間和空間，彌補(bǔ)了課堂教學(xué)的不足。

三、優(yōu)化考核方式

本課程的考核分為兩部分。第一部分為平時(shí)成績(jī)，占40%。主要通過對(duì)學(xué)生的日常出勤情況、實(shí)驗(yàn)效果、平時(shí)表現(xiàn)進(jìn)行考核。第二部分為綜合作品考核，占60%。對(duì)綜合作品考核不是簡(jiǎn)單地提交作品，而是采用答辯方式進(jìn)行，由老師組成答辯小組，讓學(xué)生在講臺(tái)上向老師和全班同學(xué)進(jìn)行自己作品的展示，并現(xiàn)場(chǎng)回答老師對(duì)網(wǎng)站提出的問題，然后由老師按照評(píng)價(jià)表項(xiàng)目?jī)?nèi)容和學(xué)生的答辯表現(xiàn)給出一個(gè)評(píng)定等級(jí)。在對(duì)學(xué)生網(wǎng)站等級(jí)評(píng)定時(shí)，網(wǎng)站的布局、色彩搭配占較大比重，重點(diǎn)考核學(xué)生網(wǎng)站的美觀性、視覺效果、能否給瀏覽者帶來(lái)視覺上的享受。這樣的考核方式，既考核了學(xué)生對(duì)本課程知識(shí)的運(yùn)用，又考核了學(xué)生的表達(dá)能力、與人溝通的能力和應(yīng)變能力，而且讓學(xué)生能夠在測(cè)評(píng)后更加清楚地了解自己的實(shí)際水