網(wǎng)頁設(shè)計(jì)教學(xué)教案精選(五篇)

序言：作為思想的載體和知識(shí)的探索者，寫作是一種獨(dú)特的藝術(shù)，我們?yōu)槟鷾?zhǔn)備了不同風(fēng)格的5篇網(wǎng)頁設(shè)計(jì)教學(xué)教案，期待它們能激發(fā)您的靈感。

篇1

關(guān)鍵詞:案例教學(xué);項(xiàng)目驅(qū)動(dòng)模式;網(wǎng)頁設(shè)計(jì);應(yīng)用

中圖分類號:TP3文獻(xiàn)標(biāo)識(shí)碼:A文章編號:1009-3044(2010)05-1261-02

Case Study + Project Progressive Model in Homepage Design the Use of Teaching

YOU Qi

(Guang Dong Institute of Science and Technology, Zhuhai 519090, China)

Abstract: Teaching in the web page design, the use of case teaching + project-driven models to project-driven teaching and learning activities as the main line to case teaching task learning goals, you can give full play to the enthusiasm of students to the principal and teachers to learn the leading role of good teaching results to enhance students comprehensive skills and employability.

Key Words: Case study; Project Progressive model; Web Design; Application

網(wǎng)頁設(shè)計(jì)作為一門綜合性、實(shí)踐性、應(yīng)用性極強(qiáng)的課程,在教學(xué)的方法上應(yīng)有別于一般的基礎(chǔ)理論課程。在教學(xué)中不僅要求學(xué)生掌握專業(yè)理論知識(shí),更要求學(xué)生具有運(yùn)用專業(yè)知識(shí)分析企業(yè)實(shí)際情況、解決實(shí)際問題的能力。因此,提升學(xué)生學(xué)習(xí)的主動(dòng)性,通過對教學(xué)內(nèi)容及實(shí)驗(yàn)內(nèi)容的合理安排對學(xué)生進(jìn)行正確引導(dǎo)并提高學(xué)生實(shí)際動(dòng)手能力是其中的關(guān)鍵。

1 案例教學(xué)+項(xiàng)目驅(qū)動(dòng)模式

案例教學(xué)法的基本方法是:根據(jù)教學(xué)目的和培養(yǎng)目標(biāo)的要求,在教學(xué)過程中不是先進(jìn)行理論知識(shí)或知識(shí)點(diǎn)的灌輸,而是從實(shí)際的例子人手,把學(xué)生帶入特定的事件情景中進(jìn)行分析問題和解決問題,適當(dāng)講解理論知識(shí)或相應(yīng)的知識(shí)點(diǎn),從而培養(yǎng)學(xué)生運(yùn)用理論知識(shí),并形成技能技巧的一種教學(xué)方法。特點(diǎn)是從案例到理論或者知識(shí)點(diǎn),從感性到理性。項(xiàng)目驅(qū)動(dòng)教學(xué)法是:在教學(xué)過程師生通過共同實(shí)施一個(gè)完整的項(xiàng)目工作來展開的,教師組織學(xué)生參與項(xiàng)目設(shè)計(jì)、項(xiàng)目執(zhí)行和管理的全過程.整個(gè)學(xué)習(xí)過程成為一個(gè)人人參與的創(chuàng)造實(shí)踐活動(dòng)。把相關(guān)的知識(shí)點(diǎn)融入到項(xiàng)目的各個(gè)環(huán)節(jié)中去,層層推進(jìn)項(xiàng)目。通過對問題的深化或功能的擴(kuò)充,來拓寬知識(shí)的廣度和深度,直至得到一個(gè)完整的項(xiàng)目解決方法,從而達(dá)到學(xué)習(xí)知識(shí)、培養(yǎng)能力的目的。

這兩種教學(xué)方法是緊密聯(lián)系的,案例教學(xué)法是按照知識(shí)點(diǎn)把課程獨(dú)立劃分成一個(gè)個(gè)典型案例,引導(dǎo)學(xué)生對知識(shí)點(diǎn)的掌握;而項(xiàng)目驅(qū)動(dòng)教學(xué)法則把一個(gè)項(xiàng)目劃分成若干個(gè)具體案例,每個(gè)案例都與這個(gè)項(xiàng)目有著密切的關(guān)聯(lián),然后把相關(guān)的知識(shí)點(diǎn)融入到這些案例中去。單獨(dú)使用案例教學(xué)法,學(xué)生所掌握的知識(shí)點(diǎn)是零散的、不系統(tǒng)的,教師對案例的選取不具體、不切題,而借助項(xiàng)目驅(qū)動(dòng)教學(xué)法則可以把相關(guān)的知識(shí)點(diǎn)系統(tǒng)地聯(lián)起來。單獨(dú)使用項(xiàng)目教學(xué)法,可能會(huì)遺漏一些重要的知識(shí)點(diǎn),這時(shí)必須借助于案例教學(xué)法來補(bǔ)充項(xiàng)目中涉及不到的知識(shí)點(diǎn)。

2 案例教學(xué)+項(xiàng)目驅(qū)動(dòng)模式注意事項(xiàng)

2.1 案例設(shè)置原則

案例設(shè)置主要考慮如下幾個(gè)方面:1)案例應(yīng)具有針對性,這樣做容易突出授課目標(biāo),不易偏離授課內(nèi)容;2)案例應(yīng)具有代表性,學(xué)生能夠從該案例得到啟發(fā),進(jìn)行拓展性思考;3)案例應(yīng)前后相互聯(lián)系,相互滲透,后續(xù)階段的案例盡可能涵蓋前面的內(nèi)容,以加深和鞏固所學(xué)知識(shí);4)案例應(yīng)具有真實(shí)性,從實(shí)際出發(fā),根據(jù)學(xué)生的特點(diǎn),盡可能設(shè)計(jì)一些學(xué)生感興趣的、貼近生活工作的案例。通過生動(dòng)有趣的案例教學(xué)激發(fā)學(xué)生的學(xué)習(xí)興趣,加強(qiáng)學(xué)生的動(dòng)手能力和創(chuàng)新能力的培養(yǎng)。如:大學(xué)校園生活、班級主頁、宿舍集中營、個(gè)人博客等;5)案例應(yīng)循序漸進(jìn),從易到難的遞進(jìn)方式設(shè)計(jì),一方面是有利于調(diào)動(dòng)學(xué)生的積極性;另一方面是便于學(xué)生對項(xiàng)目分解的理解,從而掌握整個(gè)項(xiàng)目的核心思想和構(gòu)建步驟。

2.2 項(xiàng)目的設(shè)置原則

項(xiàng)目的設(shè)置應(yīng)遵循如下原則:1)內(nèi)容適度:項(xiàng)目內(nèi)容應(yīng)基本涵蓋網(wǎng)頁設(shè)計(jì)課程的絕大部分知識(shí)點(diǎn),要考慮市場對該學(xué)科有實(shí)際需要,并且是學(xué)生感興趣的和熟悉的。由于就業(yè)的需求和壓力,必將產(chǎn)生解決問題、參與項(xiàng)目活動(dòng)的欲望,這種內(nèi)在的動(dòng)力是保證項(xiàng)目活動(dòng)順利展開前提,同時(shí)這種項(xiàng)目完成后也能給學(xué)生帶來成就感,樹立學(xué)生的學(xué)習(xí)信心。2)選擇的項(xiàng)目應(yīng)有一定的綜合性:教師要考慮項(xiàng)目的大小、知識(shí)點(diǎn)的含量、前后聯(lián)系及其它學(xué)科知識(shí)在項(xiàng)目的作用等多方面的因素,制定活動(dòng)計(jì)劃時(shí)要注意分散重點(diǎn)、難點(diǎn),分層推進(jìn),讓項(xiàng)目活動(dòng)的實(shí)施成為逐步掌握知識(shí)、技能的積累過程要確保大部分的學(xué)生能夠通過自己的努力、通過與同學(xué)的協(xié)作和教師的指導(dǎo)完成項(xiàng)目。3)項(xiàng)目完成應(yīng)能看到具體的效果,學(xué)生經(jīng)摸索完成后有成就感,使他們真正掌握網(wǎng)站設(shè)計(jì)的基本方法。

2.3 注重案例與項(xiàng)目驅(qū)動(dòng)的關(guān)聯(lián)性

可以有目的地選取合適的案例與項(xiàng)目,讓學(xué)生掌握相關(guān)知識(shí)點(diǎn),同時(shí)使學(xué)生明白案例教學(xué)與項(xiàng)目驅(qū)動(dòng)之間的關(guān)系。例如:在設(shè)計(jì)大學(xué)校園生活項(xiàng)目時(shí),將欣賞校園風(fēng)光、學(xué)校\學(xué)院運(yùn)動(dòng)會(huì)、校園球賽等案例放置其中,這樣在介紹相關(guān)知識(shí)點(diǎn)時(shí)學(xué)生較容易接受。

3 實(shí)施“案例教學(xué)+項(xiàng)目驅(qū)動(dòng)”教學(xué)模式效果

3.1 有利于理論與實(shí)踐相結(jié)合

打破了以往有條不紊地組織教學(xué)的模式,注重知識(shí)運(yùn)用環(huán)節(jié)和實(shí)踐能力培養(yǎng)環(huán)節(jié)的訓(xùn)練,使理論與實(shí)踐有機(jī)結(jié)合起來。

3.2 充分調(diào)動(dòng)了“教”與“學(xué)”的積極性

教師和學(xué)生兩者平等地參與教學(xué)活動(dòng),充分地調(diào)動(dòng)了“教”與“學(xué)”的積極性。教師可以就案例與項(xiàng)目闡明自己的觀點(diǎn),學(xué)生也可以就案例與項(xiàng)目發(fā)表自己的意見,在具體項(xiàng)目和相關(guān)案例的帶動(dòng)下,讓學(xué)生通過自己的操作來學(xué)習(xí)“死”的理論,加強(qiáng)了理論與實(shí)踐的聯(lián)系,讓學(xué)生明白學(xué)的這個(gè)知識(shí)點(diǎn)可以解決什么具體問題,起什么作用,最終提高了學(xué)生的分析能力、創(chuàng)新能力和實(shí)踐動(dòng)手能力,從而達(dá)到工學(xué)結(jié)合的教學(xué)效果。

3.3 提高對教師和學(xué)生的素質(zhì)要求

該模式對教師的要求:實(shí)施該教學(xué)模式要求教師不僅具有淵博的理論知識(shí),還要具有豐富的教學(xué)與實(shí)踐經(jīng)驗(yàn),能夠?qū)⒗碚撝R(shí)與實(shí)踐結(jié)合起來,能夠根據(jù)新的教學(xué)大綱或者市場需要不斷地更新教學(xué)內(nèi)容、補(bǔ)充教案,編寫切實(shí)可行的教學(xué)案例與項(xiàng)目。

實(shí)施該教學(xué)法對學(xué)生的要求:學(xué)生是教學(xué)主體,那么學(xué)生素質(zhì)水平也就決定了此種教學(xué)法的成敗要解決這一問題首先教師要注重教學(xué)中的循序漸進(jìn),先從簡單的案例和項(xiàng)目開始,教師和學(xué)生一起分析案例與項(xiàng)目,并進(jìn)一步訓(xùn)練他們學(xué)會(huì)如何分析問題,經(jīng)過反復(fù)訓(xùn)練,學(xué)生的能力逐步提高,再增加難度。學(xué)生應(yīng)做好課前的準(zhǔn)備工作,提前預(yù)習(xí)相關(guān)內(nèi)容,上課中應(yīng)積極參與討論,課后認(rèn)真做好總結(jié),獨(dú)立完成后期實(shí)訓(xùn)作業(yè)。

4 結(jié)束語

在實(shí)行項(xiàng)目驅(qū)動(dòng)、案例教學(xué)方式時(shí),要做到靈活掌握對于學(xué)生實(shí)用的、重點(diǎn)、難點(diǎn)的知識(shí)可以采用,對于一些不實(shí)用或?qū)W生極易掌握的知識(shí)也不必生搬硬套。同時(shí)也不能以此來排斥和否定其他教學(xué)方法。因?yàn)槲覀兊淖罱K的目的是要通過最有效的教學(xué)方式讓學(xué)生掌握必要的知識(shí)技能,提高他們的就業(yè)競爭能力,適應(yīng)社會(huì)對高技能人才的需求。

參考文獻(xiàn):

[1] 盧萬有.項(xiàng)目教學(xué)法在《網(wǎng)頁設(shè)計(jì)》課程中的運(yùn)用[J].計(jì)算機(jī)教育,2007(13).

篇2

關(guān)鍵詞：課程教學(xué)；案例教學(xué)法；案例生活化；教學(xué)設(shè)計(jì)

中圖分類號：G434 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號：16727800（2013）009019002

作者簡介：鐘欽欽（1983-），女，湖北工業(yè)大學(xué)碩士研究生，長江工程職業(yè)技術(shù)學(xué)院助教，研究方向?yàn)橛?jì)算機(jī)應(yīng)用與教學(xué)；羅俊（1981-），男，碩士，長江工程職業(yè)技術(shù)學(xué)院講師，研究方向?yàn)榈缆窐蛄骸?/p>

1案例教學(xué)法存在的弊端

案例教學(xué)法，著眼于學(xué)生實(shí)際解決問題的能力，采用“做中學(xué)”的形式，通過一個(gè)實(shí)際的個(gè)案，掌握并理解所學(xué)的知識(shí)，同時(shí)能夠解決類似及相似的問題。案例教學(xué)法能縮短教學(xué)與實(shí)際生活的差距。盡管它有許多的好處，但對于《動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)》這門課程來說，存在著許多弊端。

案例的真實(shí)性不利于學(xué)生理解。《動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)》課程中所采用的案例都是真真切切的設(shè)計(jì)個(gè)案，例如：聊天室、留言版、廣告輪播、內(nèi)容鏈接組件的使用等，都是真實(shí)的個(gè)案。從某個(gè)層面來說，學(xué)生能夠真切地接觸到網(wǎng)頁設(shè)計(jì)的實(shí)際工作，但通過對學(xué)生的調(diào)查發(fā)現(xiàn)，這些設(shè)計(jì)內(nèi)容都是學(xué)生第一次接觸，整個(gè)設(shè)計(jì)過程基本上都是依葫蘆畫瓢，學(xué)生只會(huì)原原本本地按照案例的實(shí)現(xiàn)過程去敲寫代碼，一旦更換內(nèi)容或變更形式，將無法完成設(shè)計(jì)任務(wù)。

案例操作過程的固化不利于學(xué)生掌握。《動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)》課程中所采用案例的操作過程都是固定的，第一步應(yīng)該如何，第二步應(yīng)該如何，第三步應(yīng)該如何……等等，學(xué)生按照案例操作過程去實(shí)現(xiàn)的時(shí)候，所記住的是步驟，而沒有理解各步驟所實(shí)現(xiàn)內(nèi)容之間的關(guān)聯(lián)，導(dǎo)致對于所學(xué)習(xí)知識(shí)點(diǎn)的理解層面不高，學(xué)生只會(huì)以某一固定的方式去實(shí)現(xiàn)一個(gè)網(wǎng)頁功能，不能靈活運(yùn)用所學(xué)知識(shí)點(diǎn)。

綜上所述，必須在原有的案例上進(jìn)行加工處理，文中筆者采用的方式是將案例生活化。

2教學(xué)案例生活化

從事軟件設(shè)計(jì)教學(xué)的教師都會(huì)強(qiáng)調(diào)，軟件的設(shè)計(jì)源于生活，往往是為了解決生活中的某一問題才會(huì)促使設(shè)計(jì)者們?nèi)ピO(shè)計(jì)一個(gè)軟件。教學(xué)案例生活化設(shè)計(jì)是讓學(xué)生更好地理解并掌握所學(xué)知識(shí)的一種方法。

那么原有的案例不也是“生活化”嗎？例如：在訪問網(wǎng)站看小說的時(shí)候，會(huì)有一個(gè)頁面，上面會(huì)有小說各個(gè)章節(jié)的鏈接。誠然，這是生活中訪問網(wǎng)頁時(shí)會(huì)出現(xiàn)的一種現(xiàn)象，但有局限性，一是并不是所有的學(xué)生都會(huì)在網(wǎng)絡(luò)上看小說；二是即便學(xué)生有類似或相同的訪問經(jīng)歷，但對于此網(wǎng)頁功能實(shí)現(xiàn)的過程卻是第一次接觸。所以，這樣的“生活化”不能稱為生活化，它是一種表面形式，表面上看來，生活中確有其事，但不是人人都接觸并理解的事物。

所以，要學(xué)生能夠較好地理解知識(shí)，最好的方式是做到案例能和現(xiàn)實(shí)中人人都接觸并理解的事物相聯(lián)系。通過對學(xué)生的調(diào)查表明，案例生活化的教學(xué)效果要比所有的案例教學(xué)效果好得多，學(xué)生表示和生活中常見的事物相聯(lián)系后，能更好地理解所學(xué)的知識(shí)點(diǎn)。3案例生活化教學(xué)設(shè)計(jì)

本文以內(nèi)容鏈接組件教學(xué)設(shè)計(jì)為例說明案例的生活化。

內(nèi)容鏈接組件的作用是將多個(gè)網(wǎng)頁形成一個(gè)網(wǎng)頁目錄導(dǎo)航。

問：“同學(xué)們都買過書，看過書，對不對？”

得到回答：“對。”

問：“書都會(huì)有目錄，對不對？”

得到回答：“對。”

那么這和所講的內(nèi)容鏈接組件有什么關(guān)系呢？現(xiàn)在通過表1來比較分析。

在此案例中，加入生活中人人都看過并理解的書的目錄，并與內(nèi)容鏈接組件實(shí)現(xiàn)各項(xiàng)內(nèi)容相聯(lián)系。由此可見，要實(shí)現(xiàn)內(nèi)容鏈接組件的功能就必然少不了內(nèi)容導(dǎo)航頁面、列表文件及組成內(nèi)容導(dǎo)航頁面的多個(gè)網(wǎng)頁。那么這三者之間的關(guān)聯(lián)如圖1所示。

通過這一關(guān)聯(lián)圖，能一目了然地知道內(nèi)容導(dǎo)航頁面、列表文件及組成內(nèi)容導(dǎo)航頁面的多個(gè)網(wǎng)頁這三者之間的過程和關(guān)系。

以《寶寶營養(yǎng)餐》為例。

（1）首先需要用以形成鏈接導(dǎo)航的網(wǎng)頁1、網(wǎng)頁2、網(wǎng)頁3……網(wǎng)頁N（好比一本書目錄的形成首先需要章節(jié)的存在）。

5.asp4-5歲營養(yǎng)食譜

（3）內(nèi)容鏈接導(dǎo)航主程序頁面（index.asp），在這個(gè)主程序頁面中，將要用到內(nèi)容鏈接組件，首先要實(shí)現(xiàn)的便是這個(gè)組件的實(shí)例化，使用server.createobject方法創(chuàng)建MSWC.Nextlink的實(shí)例，并用set關(guān)鍵字賦給NL，于是產(chǎn)生了名為NL的內(nèi)容鏈接組件實(shí)例對象。一切方法的運(yùn)用都在此對象進(jìn)行。

完成go.asp后，最后一步則是將此功能添加到1.asp-5.asp中。此時(shí)，“1.asp～5.asp”這5個(gè)文件仍然是獨(dú)立的程序塊，使用標(biāo)記 插入到每一分頁文件（1.asp～5.asp）的結(jié)尾，即可實(shí)現(xiàn)鏈接。

參考文獻(xiàn)：

篇3

1傳統(tǒng)計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)教學(xué)中存在的問題

1.1教學(xué)方式落后

如今雖然已經(jīng)完成了教育改革，但依然有許多教師處于傳統(tǒng)教學(xué)觀念的影響下，其在教學(xué)中往往排斥使用新型教學(xué)方式。高職教學(xué)中計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)是十分重要的課程，且具有很強(qiáng)的專業(yè)性和綜合性，其該專業(yè)具有很好的就業(yè)空間，但若學(xué)生在就學(xué)期間無法很好的掌握該方面知識(shí)和技能，勢必會(huì)使其喪失此優(yōu)勢。我國高職院校數(shù)量眾多，雖然很多有實(shí)力的院校已經(jīng)基本實(shí)現(xiàn)了信息化教學(xué)，但依然有很多院校使用傳統(tǒng)的教學(xué)方式，傳統(tǒng)教學(xué)方式對于計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)專業(yè)而言并不具優(yōu)勢，且難以使學(xué)生在短時(shí)間內(nèi)掌握更多的內(nèi)容，因此今后應(yīng)積極改善教學(xué)方式[1]。

1.2課程設(shè)置不完善

我國教育由于已經(jīng)形成了固有的形式，即以理論知識(shí)為主，實(shí)踐知識(shí)為輔，此種教學(xué)理念雖然曾經(jīng)發(fā)揮了很好的作用，但如今社會(huì)需要的是全能型人才、創(chuàng)新型人才，此種理念顯然與社會(huì)要求相悖。而高職院校恰恰與其相反，其所追求的是為學(xué)生創(chuàng)造更多就業(yè)機(jī)會(huì)，因此其在教學(xué)中往往以實(shí)踐為主，但是此種方式雖然可以使學(xué)生計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)能力得到提升，但卻不利于學(xué)生掌握理論知識(shí)，難以將理論與實(shí)踐更好的融合在一起，總而言之，大多數(shù)高職院校仍無法實(shí)現(xiàn)理論與實(shí)踐課程課時(shí)更好地調(diào)節(jié)。

1.3教師綜合素質(zhì)及能力有待提升

計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)專業(yè)具有極強(qiáng)的專業(yè)性，對于任課教師的要求也很高，然而總所周知我國師資力量匱乏，能夠在該專業(yè)獨(dú)當(dāng)一面的教師也較少，如近年來我國為了解決師資問題，適當(dāng)?shù)慕档土私處煖?zhǔn)入標(biāo)準(zhǔn)，使得很多大學(xué)生有了當(dāng)老師的契機(jī)，但此種方式雖然可以增加教師的數(shù)量，但卻無法全面提升教師質(zhì)量，很多新晉教師雖然自身具有較強(qiáng)的專業(yè)技能，但并不善于教學(xué)，而有效教師雖然能夠很快掌握教學(xué)技巧，但奈何自身對計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的了解不夠深入，同樣無法很好的開展教學(xué)。另外，很多經(jīng)驗(yàn)豐富的教師其在教學(xué)時(shí)往往更喜歡自己的教學(xué)方式，因此其在教學(xué)中很少會(huì)引用新型教學(xué)方式[2]。

2案例教學(xué)在計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中的應(yīng)用

2.1收集整理素材

在進(jìn)行案例教學(xué)的過程中，教師應(yīng)善于收集和整理相應(yīng)素材，在收集素材時(shí)應(yīng)充分從學(xué)生的角度出發(fā)，意識(shí)到那些素材能夠在當(dāng)代學(xué)生計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)方面引起其興趣，但同時(shí)也要考慮到素材與計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的相關(guān)性。因此教師最終選擇的素材可以是網(wǎng)頁設(shè)計(jì)相關(guān)的視頻、文字和圖片等，通過視頻學(xué)生可以更加直觀的看到網(wǎng)頁設(shè)計(jì)帶來的視覺效果，能夠充分引起學(xué)生學(xué)習(xí)的欲望，而適當(dāng)?shù)奈淖挚梢越o學(xué)生提供揣摩的時(shí)間，便于其深入理解[3]。2.2選擇教學(xué)案例教學(xué)案例的選擇尤為重要，教師可以選擇目前對于學(xué)生而言較為重要的部分，如可以要求學(xué)生設(shè)計(jì)個(gè)人求職網(wǎng)站，此種網(wǎng)站設(shè)計(jì)具有一定的針對性，并且與學(xué)生本身發(fā)展息息相關(guān)。在確定教學(xué)案例后，教師則應(yīng)針對該方面進(jìn)行更有針對性的講解，使學(xué)生能夠?qū)υ摲矫嬗懈由钊氲牧私猓⑶乙髮W(xué)生自己主動(dòng)尋找素材來豐富自己的設(shè)計(jì)，此種方式不僅能夠使學(xué)生充分將自己的想法展現(xiàn)出來，也能夠使學(xué)生更加了解網(wǎng)頁設(shè)計(jì)方面的內(nèi)容[4]。

2.3討論分析案例

對案例進(jìn)行討論分析是案例教學(xué)法中的重中之重，此環(huán)節(jié)并不是要求學(xué)生掌握多么純熟的設(shè)計(jì)技巧，而是能夠在相互的交流中促進(jìn)彼此進(jìn)步。同樣以個(gè)人求職網(wǎng)站為例，教師可以講學(xué)生集中起來共同討論，學(xué)生均是各個(gè)不同的個(gè)體，不同個(gè)體看待事物的角度不同，所思所想更加不一樣，將所有學(xué)生聚集在一起能夠使學(xué)生獲得更多設(shè)計(jì)靈感，也能夠充分認(rèn)識(shí)到自身設(shè)計(jì)中的不足[5]。

2.4對案例進(jìn)行總結(jié)并實(shí)現(xiàn)自我提升

案例教學(xué)法的最后應(yīng)對案例進(jìn)行總結(jié)，其中包括學(xué)生各自的想法抒發(fā)，教師對各個(gè)學(xué)生想法的評價(jià)等，同時(shí)教師應(yīng)針對學(xué)生在討論時(shí)提出的問題進(jìn)行明確的解答，也要給予學(xué)生新的問題，使其能夠促進(jìn)自己不斷開動(dòng)思維，如此一來在課堂上機(jī)時(shí)，學(xué)生即可以帶著問題進(jìn)行設(shè)計(jì)。案例總結(jié)具有十分重要的意義，無論對于學(xué)生而言或是教師而言均是。

3結(jié)語

綜上所述，研究關(guān)于案例教學(xué)在計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中的應(yīng)用方面的內(nèi)容具有十分重要的意義，其不僅關(guān)系到我國高職教學(xué)的全面發(fā)展，也與學(xué)生的個(gè)人學(xué)習(xí)、各方面能力的提升息息相關(guān)。如今社會(huì)各界對人才的要求越來越高，我國也在為實(shí)現(xiàn)全民教育、提升教學(xué)質(zhì)量而不斷努力，針對案例教學(xué)法我國教育界也在不斷對其完善，將其應(yīng)用于計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中后其雖然使得教學(xué)效果有了較大的提升，但時(shí)代在進(jìn)步，教育事業(yè)更不能停滯不前，若案例教學(xué)法不及時(shí)進(jìn)行豐富，也會(huì)逐步淪為傳統(tǒng)教學(xué)法，因此今后高職院校更應(yīng)加強(qiáng)對此方面的研究。

引用：

[1]郭鋰,葉惠文.基于“雙層項(xiàng)目驅(qū)動(dòng)教學(xué)模式”的計(jì)算機(jī)基礎(chǔ)課程立體教材開發(fā)與應(yīng)用——以《網(wǎng)頁設(shè)計(jì)與制作》為例[J].中國大學(xué)教學(xué),2012,(11)02:83-85.

[2]譚琦.案例教學(xué)在計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)教學(xué)中的運(yùn)用[J].信息與電腦(理論版),2012,(02)08:195-196.

[3]郭鋰,葉惠文.TPBIM在“廣東省高校計(jì)算機(jī)公共課教學(xué)改革”試點(diǎn)課程中的構(gòu)建與應(yīng)用——以“網(wǎng)頁設(shè)計(jì)與制作”課程為例[J].中國電化教育,2012,(10)12:111-114+135.

篇4

【關(guān)鍵詞】網(wǎng)頁設(shè)計(jì) 案例教學(xué)法 實(shí)踐

【中圖分類號】TP393.092-4【文獻(xiàn)標(biāo)識(shí)碼】A【文章編號】1672-5158（2013）06-0369-01

隨著Internet的日益普及，各種類型網(wǎng)站層出不窮，網(wǎng)頁制作已成為為今非常熱門的職業(yè)，熟練掌握網(wǎng)頁設(shè)計(jì)與制作技術(shù)不僅能夠提高高職院校學(xué)生的職業(yè)競爭力，而且還能夠充分發(fā)揮其自己的個(gè)性和創(chuàng)造力，但在課堂教學(xué)實(shí)踐中，由于教學(xué)方法的僵化滯后，導(dǎo)致學(xué)生學(xué)習(xí)難度增大，缺乏學(xué)習(xí)興趣，不能充分使現(xiàn)課程應(yīng)用開發(fā)的特色，因此，如何在教學(xué)中打破以往理論灌輸?shù)男问剑氚踩虒W(xué)法，激發(fā)學(xué)生學(xué)習(xí)興趣，使學(xué)生在學(xué)習(xí)理論知識(shí)的同時(shí)也增強(qiáng)動(dòng)手能力，從而更好地培養(yǎng)受企業(yè)歡迎的網(wǎng)頁設(shè)計(jì)人才，成為高職院校計(jì)算機(jī)專業(yè)老師迫切需要解決的一個(gè)課題。

一、 案例教學(xué)法的內(nèi)涵

案例教學(xué)法起源于1920年代，由美國哈佛商學(xué)院所倡導(dǎo)，到1980年代，已逐漸成為一種相當(dāng)成熟的教學(xué)模式。所謂案例教學(xué)法就是一種以案例為基礎(chǔ)的教學(xué)法，是在老師的指導(dǎo)下，根據(jù)教學(xué)目的和要求，組織學(xué)生通過對安全的調(diào)查、閱讀、思考、分析、討論和交流等活動(dòng)，教給學(xué)生分析問題和解決問題的方法，進(jìn)而提高他們分析問題和解決問題的能力，加深對基本概念和基本原理的理解，在案例教學(xué)法中老師不再是過去傳統(tǒng)教學(xué)中，扮演傳授知識(shí)者角色，而是扮演著設(shè)計(jì)者和激勵(lì)者的角色，鼓勵(lì)學(xué)生積極參與討論，20世紀(jì)末，隨著計(jì)算機(jī)技術(shù)和飛速發(fā)展和計(jì)算機(jī)使用的日益廣泛，這種教學(xué)法也被應(yīng)用到計(jì)算機(jī)教學(xué)中。通過案例教學(xué)法，可有效地培養(yǎng)高職院校學(xué)生識(shí)別分析和解決某一具體問題的能力，以及管理理念，工作作風(fēng)，溝通能力和協(xié)作精神。

二、 案例教學(xué)法的特色

1、 鼓勵(lì)學(xué)生獨(dú)立思考

傳統(tǒng)的教學(xué)法只告訴學(xué)生怎么去做，而且其內(nèi)容在實(shí)踐中可能不實(shí)用，導(dǎo)致學(xué)生學(xué)習(xí)中失去興趣。在一定程度上損害了學(xué)生的積極性和學(xué)習(xí)效果，而安全教學(xué)法則是要學(xué)生自己去思考主，去創(chuàng)造，使得枯躁乏味的教學(xué)內(nèi)容變得生動(dòng)活潑，而且案例教學(xué)的稍后階段，使學(xué)生都要就自己和他人的方案發(fā)表見解。通過這種經(jīng)驗(yàn)的交流，既可取長補(bǔ)短，促進(jìn)人際交流能力的提高也可起到一咱激勵(lì)的效果。長期落后的學(xué)生，能激發(fā)其奮發(fā)自己，超越他人的內(nèi)動(dòng)力，從而積極進(jìn)取，刻苦學(xué)習(xí)。

2、 重視雙向交流。

傳統(tǒng)的教學(xué)法是老師講，學(xué)生聽沒聽，聽懂多少，要到最后的測試時(shí)才知道，而且學(xué)到的都是死知識(shí)，而在安全教學(xué)中，學(xué)生拿到案例后，先要進(jìn)行消化，然后查閱各種他認(rèn)為必要的理論，這無形中回加深了對知識(shí)的理解，而且是主動(dòng)過行的，捕捉到這些理論知識(shí)后，他還要經(jīng)過縝密地思考，提出解決問題的方案，這一應(yīng)視為能力上的升華，同時(shí)他的要案，承受時(shí)由所謂教師給以引導(dǎo)，這也是促使教師根據(jù)不同學(xué)員的不同理解，補(bǔ)充新的教學(xué)內(nèi)容。

3、 引導(dǎo)學(xué)生變注重知識(shí)為注重能力

現(xiàn)代人力資源理論認(rèn)為知識(shí)是學(xué)重能力，知識(shí)應(yīng)該轉(zhuǎn)化為能力，用人企業(yè)也越來越重視學(xué)生的實(shí)踐能力，同時(shí)學(xué)生一味地通過學(xué)習(xí)書本的死知識(shí)而忽視實(shí)際能力的培養(yǎng)，不僅對自身的發(fā)展不利，也無法讓其今后所在企業(yè)直接受益，而案例教學(xué)法恰恰是培養(yǎng)學(xué)生創(chuàng)造能力的教學(xué)方法。

三、 案例教學(xué)法的實(shí)踐

1、 確定案例，自行準(zhǔn)備

在正式實(shí)施的一到二周，老師設(shè)計(jì)學(xué)生當(dāng)前所學(xué)習(xí)的內(nèi)容與現(xiàn)實(shí)情況基本相接近的案例，然后把案例材料發(fā)給學(xué)生，讓學(xué)生閱讀安全材料，查閱指定教材，搜集必要的信息，并積極地思索，初步形成關(guān)于案例中的問題的原因分析和解決方案，在該環(huán)節(jié)，老師可分隊(duì)是段給學(xué)生列出一些思考題，讓學(xué)生有針對性地開展工作，這樣，在提起學(xué)生興趣的同時(shí)，培養(yǎng)學(xué)生自學(xué)與探究的能力，例如在超鏈接一節(jié)中，文字、圖像超鏈接，熱區(qū)超鏈接，電子郵件超鏈接的操作方案類似，教師選擇最復(fù)雜的熱區(qū)超鏈接作為案例交予學(xué)生分析解決，并要求學(xué)生在需要完成的頁面中加入電子郵件超鏈接，這樣既可以使學(xué)生了解各知識(shí)點(diǎn)之間的相互關(guān)系，又可在學(xué)生頭腦中形成該章節(jié)完整的知識(shí)體系，對所有知識(shí)點(diǎn)有一個(gè)交流和全面的認(rèn)識(shí)。

2、 分析案例，集中討論

在學(xué)生充分分析的了解案例的基礎(chǔ)上，教師可圍繞選擇案例的涉及知識(shí)點(diǎn)進(jìn)行必要的講解和示范，此后，學(xué)生發(fā)表對于安全的分析和處理意見，可擴(kuò)展和深化彼此對案例的理解程序，教師作為組織者和主持人提出幾個(gè)意見比較集中的問題和處理方式，組織學(xué)生對這些問題和處理方式進(jìn)行重點(diǎn)討論，這樣就將學(xué)生的注意力，引導(dǎo)到方案的合理解決上。

3、 引導(dǎo)實(shí)施，完成任務(wù)

在學(xué)生集中討論完成以后，教師應(yīng)留出一定的時(shí)間讓學(xué)生自己進(jìn)行思考和總結(jié)。并引導(dǎo)學(xué)生上機(jī)實(shí)際操作，為了讓學(xué)生對所學(xué)知識(shí)融會(huì)貫通，要及時(shí)安排足夠的上機(jī)時(shí)間，使理論講授，學(xué)生討論和上機(jī)練習(xí)同時(shí)進(jìn)行，在此過程中，教師要充分體現(xiàn)學(xué)生的自主性和主體性，在學(xué)生遇到困難時(shí)及時(shí)指導(dǎo)，盡量啟發(fā)引導(dǎo)學(xué)生主動(dòng)控究。通過“做中學(xué)”，“做中教”，使學(xué)生學(xué)會(huì)和掌握相關(guān)的知識(shí)和技能，從而提高學(xué)生的網(wǎng)頁制作能力，鞏固所學(xué)知識(shí)與技能。

4、 科學(xué)評價(jià)，及時(shí)反饋

在學(xué)生完成案例后，教師要及時(shí)對學(xué)生的表現(xiàn)作出科學(xué)的評價(jià)，以往教學(xué)中，忽視實(shí)踐操作和網(wǎng)站整體構(gòu)思和建設(shè)，只強(qiáng)調(diào)學(xué)生對書本知識(shí)的記憶忽視了對學(xué)生思考能力，對知識(shí)的運(yùn)用能力，創(chuàng)新能力以及其他來源的培養(yǎng)，因此，老師進(jìn)行學(xué)習(xí)評論和定性評價(jià)相結(jié)合，教師評價(jià)和學(xué)生自評，互評相結(jié)合，增強(qiáng)老師與學(xué)生的互動(dòng)交流，這樣既能幫助教師及早發(fā)現(xiàn)學(xué)生的問題，反思教學(xué)效果，又能幫助學(xué)生及時(shí)總結(jié)自己的學(xué)習(xí)情況：如教師可在以一個(gè)綜合作品及該作品的項(xiàng)目策劃書（網(wǎng)站的構(gòu)思、主題、結(jié)構(gòu)、鏈接方式、色彩選擇等，交由學(xué)生共同完成，完成后老師綜合網(wǎng)頁的版面設(shè)計(jì)，頁面效果，實(shí)用性等多項(xiàng)指標(biāo)，給出評分和評語，其他學(xué)生給出互評，制作人對作品給出自評，三部分分?jǐn)?shù)相加作為作品的綜合秘所得，這樣既可調(diào)動(dòng)學(xué)生平時(shí)學(xué)習(xí)網(wǎng)頁知識(shí)的積極性，又培養(yǎng)了學(xué)生的實(shí)踐能力、創(chuàng)新能力和團(tuán)隊(duì)合作精神。

四、 案例教學(xué)法在網(wǎng)頁設(shè)計(jì)課程教學(xué)中坯布要注意的問題

1、 明確目的性

教師所選擇的安全，要以教學(xué)內(nèi)容為依據(jù)，以所學(xué)專業(yè)內(nèi)容為課題材料，既獨(dú)特又具有代表性，目的明確，讓學(xué)生在案例的思考；分析和討論中，建立起一套適合自己的完整而又嚴(yán)密的邏輯思維方法和思考問題的方式，以提高學(xué)生分析硅化木，解決問題的能力，進(jìn)而提高素質(zhì)。

2、 深刻的啟發(fā)性

案例教學(xué)不存在絕對正確的答案，目的在于啟發(fā)學(xué)生獨(dú)立自主地去思考探索，在整個(gè)教學(xué)過程中，教師要注重與學(xué)生個(gè)體的交往，在交往中，循序漸進(jìn)地培養(yǎng)學(xué)生獨(dú)立思考能力，啟發(fā)學(xué)生逐漸建立一套分析、解決問題的思維方式。

3、 突出實(shí)踐性

網(wǎng)頁設(shè)計(jì)是一門操作性和應(yīng)用性很強(qiáng)的課程，要提高學(xué)生的實(shí)踐動(dòng)手能力，必須加強(qiáng)實(shí)驗(yàn)實(shí)訓(xùn)環(huán)節(jié)，在實(shí)踐教學(xué)中，能要注重老師角色的轉(zhuǎn)換，以學(xué)生為中心，教師為主導(dǎo)，通過精選案例、分解任務(wù)，講練耐心融合，使學(xué)生積極參與，從而充分調(diào)動(dòng)學(xué)生獨(dú)立解決問題和積極性和能力。

總之，在高職院校的網(wǎng)頁設(shè)計(jì)教學(xué)中，引入案例式教學(xué)，使學(xué)生在實(shí)踐中掌握知識(shí)，提高技能，既讓學(xué)生學(xué)到了網(wǎng)頁制作方法，又鍛煉了學(xué)生的自學(xué)能力主，團(tuán)隊(duì)合作能力，從而全面提高了高職生的綜合素質(zhì)，達(dá)到了學(xué)以致用的教學(xué)目的。

參考文獻(xiàn)

篇5

（福建廣播電視大學(xué)晉安校區(qū) 福建 福州 350003）

摘要：根據(jù)多年對“網(wǎng)頁設(shè)計(jì)與制作”課程的教學(xué)探索，提出“課程案例”這一新概念，并設(shè)計(jì)開發(fā)出一個(gè)學(xué)生既熟悉、又感興趣的“課程案例”——班級網(wǎng)站，讓學(xué)生在模仿再開發(fā)該案例網(wǎng)站的過程中學(xué)習(xí)課程知識(shí)，從而掌握本課程的知識(shí)和運(yùn)用技能，達(dá)到教與學(xué)的良好效果。

關(guān)鍵詞 ：網(wǎng)頁設(shè)計(jì)與制作；課程案例；班級網(wǎng)站

中圖分類號：G712 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號：1672-5727（2014）11-0093-03

作者簡介：王淑云（1965—），女，福建福州人，福建廣播電視大學(xué)晉安校區(qū)高級講師，研究方向?yàn)橛?jì)算機(jī)軟件。

中職生的共性就是對缺乏學(xué)習(xí)興趣。筆者通過多年的課堂教學(xué)體會(huì)到：如果有一套行之有效的既適合中職生實(shí)際水準(zhǔn)、又貼近他們學(xué)習(xí)生活、能激發(fā)他們學(xué)習(xí)興趣的案例貫穿于整個(gè)課程教學(xué)，就有可能解決這個(gè)問題。基于此，筆者提出了“課程案例”這一新概念，設(shè)計(jì)并開發(fā)出一套“課程案例”應(yīng)用于“網(wǎng)頁設(shè)計(jì)與制作”課程教學(xué)中，學(xué)生通過案例的模仿再開發(fā)，全面掌握“網(wǎng)頁設(shè)計(jì)與制作”課程知識(shí)與技能的基本要領(lǐng)，從而實(shí)現(xiàn)課程的教學(xué)目標(biāo)，培養(yǎng)學(xué)生的網(wǎng)站開發(fā)和設(shè)計(jì)能力。下面詳述這一“課程案例”教學(xué)的設(shè)計(jì)及所進(jìn)行的課堂教學(xué)。

“課程案例”的提出和設(shè)計(jì)

（一）“課程案例”這一新概念的提出

市面上相關(guān)教材比比皆是，但從其所提供的案例方面看，沒有比較適合中職學(xué)生的：要么網(wǎng)頁主題讓學(xué)生很陌生，要么網(wǎng)頁頁面設(shè)計(jì)太復(fù)雜，中職生很難掌握，而且其中的案例多是針對某一知識(shí)點(diǎn)或某一章節(jié)設(shè)計(jì)的，屬于“知識(shí)點(diǎn)案例”或“章節(jié)案例”，是零碎知識(shí)，不能貫穿整個(gè)課程知識(shí)教學(xué)。所以，教科書只適合作為本課程理論知識(shí)點(diǎn)的參考資料。“網(wǎng)頁設(shè)計(jì)與制作”是一門技能型課程，重要的是要教會(huì)學(xué)生如何去構(gòu)建和設(shè)計(jì)一個(gè)完整的網(wǎng)站，而不是空泛地談一些理論知識(shí)。“課程案例”區(qū)別于“知識(shí)點(diǎn)案例”或“章節(jié)案例”之處在于：該案例貫穿于整個(gè)課程教學(xué)，覆蓋課程包含的所有知識(shí)，課程知識(shí)的學(xué)習(xí)以“課程案例”為線索進(jìn)行，學(xué)生模仿再開發(fā)設(shè)計(jì)完該案例，課程的所有知識(shí)學(xué)習(xí)也已結(jié)束。筆者思考并設(shè)計(jì)這樣的“課程案例”，并對教材進(jìn)行如下處理：提煉教材所提到的知識(shí)點(diǎn)，將其重新排列組合，按由淺入深的學(xué)習(xí)順序，將課程知識(shí)點(diǎn)結(jié)合到自主設(shè)計(jì)的“課程案例”中，分模塊漸進(jìn)教學(xué)，整個(gè)教學(xué)過程注重學(xué)生自身思維的開發(fā)，將個(gè)體集美術(shù)設(shè)計(jì)、課程知識(shí)學(xué)習(xí)和課程實(shí)踐三者緊密結(jié)合，將學(xué)生各方的能力逐漸激發(fā)展示出來。

（二）圍繞學(xué)生的興趣進(jìn)行“課程案例”的設(shè)計(jì)

學(xué)生對一門應(yīng)用型技術(shù)課的學(xué)習(xí)如沒有興趣，可能是沒有一個(gè)令他們感興趣的實(shí)例吸引他們漸次深入學(xué)習(xí)，從而引導(dǎo)他們學(xué)習(xí)掌握課程知識(shí)。班級是校園學(xué)習(xí)生活的一個(gè)集體，班級網(wǎng)站中所記錄的人物、活動(dòng)都是學(xué)生身邊的人和事，網(wǎng)站的主題反映的正是他們的校園生活。如果把班級網(wǎng)站作為教學(xué)案例，讓學(xué)生以自己的學(xué)習(xí)生活為主題組建成網(wǎng)站，一方面能引起他們極大的學(xué)習(xí)興趣，另一方面，作為同一個(gè)班級的學(xué)生，在設(shè)計(jì)本班級的網(wǎng)站過程中，能夠創(chuàng)造很多互相交流的機(jī)會(huì)，培養(yǎng)互相學(xué)習(xí)的精神，也能加深同學(xué)間的友情。所以，“班級網(wǎng)站的設(shè)計(jì)與創(chuàng)作”是一個(gè)理想的課程案例。筆者應(yīng)用模塊教學(xué)法，將理論知識(shí)與該課程案例完美結(jié)合起來，在近似實(shí)踐的學(xué)習(xí)過程中培養(yǎng)學(xué)生的學(xué)習(xí)興趣，讓他們在興趣中學(xué)、在學(xué)習(xí)中增添興趣，從而在良性循環(huán)中完成課程學(xué)習(xí)。

再考慮學(xué)生的能力方面，他們已經(jīng)有了對文字、圖片和表格的基本處理能力，還學(xué)過或同步學(xué)習(xí)Photoshop、flash、計(jì)算機(jī)網(wǎng)絡(luò)基礎(chǔ)等相關(guān)課程，所以，只要對網(wǎng)頁素材的處理提出具體的要求，或?qū)λ麄兟约又笇?dǎo)即能自行設(shè)計(jì)處理完成。對于該課程，雖然大部分學(xué)生瀏覽過很多網(wǎng)站內(nèi)容，但并沒有真正了解網(wǎng)站是怎么回事；對互聯(lián)網(wǎng)世界充滿興趣和好奇，卻還沒有網(wǎng)頁設(shè)計(jì)與制作的理論知識(shí)和實(shí)踐技能，對網(wǎng)站常識(shí)還比較陌生。因此，在課程學(xué)習(xí)中，重點(diǎn)是要力求深入淺出、盡可能直觀全面地剖析一個(gè)好的網(wǎng)站案例，運(yùn)用視、聽的方法，幫助學(xué)生建立有關(guān)網(wǎng)頁設(shè)計(jì)與制作的基本概念和基本知識(shí)，掌握建設(shè)網(wǎng)站的基本技能。

鑒于此，教師如何將Dreamweaver、HTML和CSS三部分內(nèi)容有機(jī)結(jié)合，讓學(xué)生通過課程學(xué)習(xí)，模仿再開發(fā)出一個(gè)比較完整的“班級網(wǎng)站”，著力培養(yǎng)學(xué)生的實(shí)際建站能力、設(shè)計(jì)開發(fā)能力，從而提高他們自主學(xué)習(xí)與創(chuàng)新能力、信息收集與處理能力、提出問題并分析問題和解決問題的能力，成為課程教學(xué)的重要目標(biāo)。

“課程案例”教學(xué)方法的設(shè)計(jì)

教學(xué)手段以“多媒體機(jī)房、網(wǎng)絡(luò)、項(xiàng)目開發(fā)”三項(xiàng)結(jié)合。多媒體機(jī)房為學(xué)生設(shè)計(jì)網(wǎng)站提供基本條件，網(wǎng)絡(luò)是學(xué)生尋找素材資源和借鑒別人經(jīng)驗(yàn)的空間，項(xiàng)目開發(fā)是他們學(xué)習(xí)的任務(wù)。

教學(xué)方法上，采用示范講解、任務(wù)驅(qū)動(dòng)的教學(xué)模式，從以下三個(gè)方面展開：

采用案例講解的教學(xué)模式 教學(xué)過程根據(jù)編排好的知識(shí)點(diǎn)內(nèi)容和事先創(chuàng)建好的“班級網(wǎng)站”實(shí)例，逐步講解該“課程案例”，便于學(xué)生理解和進(jìn)行模仿設(shè)計(jì)開發(fā)。

實(shí)施模塊化教學(xué)方法 遵循學(xué)生“由淺入深，循序漸進(jìn)，由感性到理性”的認(rèn)識(shí)規(guī)律，把知識(shí)點(diǎn)組合后分模塊漸進(jìn)教學(xué)。教學(xué)過程講練結(jié)合，以學(xué)生實(shí)踐為主，完成“班級網(wǎng)站”這一“課程案例”中包含的每個(gè)模塊的再設(shè)計(jì)與再創(chuàng)作；以教師引導(dǎo)為輔，講解設(shè)計(jì)與創(chuàng)作過程中遇到的新知識(shí)，組織學(xué)生完成能力拓展訓(xùn)練。

走四步教學(xué)流程，融“教、學(xué)、練”于一體 第一步，教師展示課程案例，演示創(chuàng)作過程，講解涉及的知識(shí)點(diǎn)內(nèi)容；第二步，下達(dá)任務(wù)，提出完成任務(wù)的具體要求和完成時(shí)間；第三步，學(xué)生模仿再設(shè)計(jì)再創(chuàng)作，完成任務(wù)；第四步，任務(wù)驗(yàn)收，學(xué)生自我評價(jià)，教師綜合講評。

“課程案例”的課堂教學(xué)

基于學(xué)生的現(xiàn)有知識(shí)技能，教師課程教學(xué)中重點(diǎn)講授如何設(shè)計(jì)開發(fā)網(wǎng)站，在其他環(huán)節(jié)只扮演一個(gè)組織者和啟迪者的角色，一步步引導(dǎo)學(xué)生完成本課程的目標(biāo)，充分培養(yǎng)和發(fā)揮學(xué)生的自主設(shè)計(jì)能力、繪畫能力和創(chuàng)新能力。

整個(gè)課程的課堂教學(xué)以“課程案例”為主線，設(shè)定以下幾個(gè)教學(xué)模塊。

模塊一：學(xué)習(xí)有關(guān)網(wǎng)頁的基本知識(shí)，介紹建設(shè)網(wǎng)站的工具等。

模塊二：草擬“網(wǎng)站地圖”，設(shè)計(jì)網(wǎng)站“模板頁”。展示課程案例網(wǎng)站，分析班級網(wǎng)站的風(fēng)格、頁面的布局和包含的元素，先給學(xué)生一個(gè)真實(shí)的空間印象，之后讓學(xué)生模仿如何設(shè)計(jì)這樣的網(wǎng)站。首先設(shè)計(jì)出紙質(zhì)的網(wǎng)站空間布局和內(nèi)容：包括考慮整個(gè)網(wǎng)站的風(fēng)格、主色調(diào)、頁面布局、頁面的大概內(nèi)容等，每一個(gè)頁面設(shè)計(jì)草擬在一張紙上，其實(shí)這就是網(wǎng)站地圖了。做足了這個(gè)功課，日后的整個(gè)班級網(wǎng)站的設(shè)計(jì)就有了頭緒。為避免各頁面出現(xiàn)相同內(nèi)容的重復(fù)設(shè)計(jì)，提出設(shè)計(jì)制作“模板頁”來生成其他頁面。例如：把風(fēng)格和內(nèi)容相一致的部分（如班級廣告圖、班級徽標(biāo)、導(dǎo)航條、版權(quán)信息等）設(shè)計(jì)出來，作成模板頁保存下來，以備后面制作網(wǎng)站各頁面時(shí)利用模板頁生成，并在此基礎(chǔ)上進(jìn)行相應(yīng)頁面內(nèi)容的設(shè)計(jì)創(chuàng)作。草擬“網(wǎng)站地圖”和設(shè)計(jì)制作網(wǎng)站“模板頁”是同時(shí)進(jìn)行的，要結(jié)合著做。這個(gè)階段都還是“紙上練兵”。

模塊三：收集和創(chuàng)作素材。班級網(wǎng)站的素材主要來源于學(xué)生自己的學(xué)習(xí)生活，可以是活動(dòng)的照片、活動(dòng)記錄，也可以是為自己班級創(chuàng)作的班級廣告圖、班級徽標(biāo)等Flash或Photoshop作品，將這些素材分門別類放入建好的站點(diǎn)目錄樹中。

模塊四：學(xué)習(xí)Dreamweaver，首先建立班級網(wǎng)站站點(diǎn)。

模塊五：設(shè)計(jì)創(chuàng)建“模板頁”。根據(jù)前期草擬的網(wǎng)站地圖，利用布局表格設(shè)計(jì)模板框架。框架搭好后就是為模板頁添加素材。模板上需要的素材并不太多，關(guān)鍵是要“精”，用精心選擇和創(chuàng)作的素材。提醒學(xué)生，模板上大塊的空間要留出來給各頁面添加相應(yīng)的內(nèi)容，這點(diǎn)至關(guān)重要。

模塊六：利用模板生成網(wǎng)站各頁面。模板設(shè)計(jì)成熟并制作出來后，就要根據(jù)模板上的導(dǎo)航設(shè)計(jì)生成相應(yīng)的頁面，并將各頁面互相鏈接起來。

模塊七：完善各頁面內(nèi)容。每一兩次課完善一個(gè)頁面的內(nèi)容，直到網(wǎng)站中各頁面內(nèi)容全部添加完成。當(dāng)然，課后要為如何合理安排這些頁面內(nèi)容花很多時(shí)間去構(gòu)思、去創(chuàng)作或收集相應(yīng)的素材。所以，收集素材這項(xiàng)工作是一直貫穿于整個(gè)網(wǎng)頁設(shè)計(jì)過程中的。

模塊八：應(yīng)用一些網(wǎng)頁特效的代碼，如添加背景音樂、QQ互動(dòng)、圖片文字的滾動(dòng)、表單等，讓頁面動(dòng)起來，增加網(wǎng)頁的吸引力和活力。

模塊九：本地站點(diǎn)測試。

教學(xué)評價(jià)設(shè)計(jì)

評價(jià)方案 （1）學(xué)生自我評價(jià)：即每個(gè)學(xué)生對自己的評價(jià)。教師事先給出評價(jià)標(biāo)準(zhǔn)和具體要求，學(xué)生對照自己的學(xué)習(xí)態(tài)度、創(chuàng)作的作品，對自己給出合理評價(jià)。（2）模塊作品評價(jià)：教師對每個(gè)學(xué)生的評價(jià)。教師通過對學(xué)生課堂反映、每個(gè)模塊上交的作品、討論活躍程度等方面，對每個(gè)學(xué)生進(jìn)行評價(jià)。（3）期末考核：教師通過對學(xué)生一整學(xué)期模仿再設(shè)計(jì)創(chuàng)作的“班級網(wǎng)站”進(jìn)行評分，考核學(xué)生的實(shí)踐與動(dòng)手的綜合能力，對學(xué)生進(jìn)行合理的評價(jià)。

成績評定 按出勤率、模塊作品成績、成熟作品成績加權(quán)考核。

結(jié)語

在“網(wǎng)頁設(shè)計(jì)與制作”課程案例的課堂教學(xué)中，筆者采用的是興趣教學(xué)和讓學(xué)生貼近實(shí)戰(zhàn)的方法，以保持學(xué)生對知識(shí)探索的興趣并提高學(xué)生的動(dòng)手能力。這種教學(xué)的重要前提是要設(shè)計(jì)一個(gè)好的案例，“好”的標(biāo)準(zhǔn)是內(nèi)容貼近學(xué)生的學(xué)習(xí)生活、設(shè)計(jì)難度又適合他們的實(shí)際水平，“班級網(wǎng)站”這一課程案例便是好案例之一。此外，在教學(xué)過程中，筆者為學(xué)生提供了十分豐富的信息資源，教會(huì)他們信息資源該如何收集、從哪里獲取、以及如何有效利用等知識(shí)。

參考文獻(xiàn)：

[1]劉瑞新.網(wǎng)頁設(shè)計(jì)與制作教程[M].北京：機(jī)械工業(yè)出版社，2010.

[2]唐乾林.網(wǎng)站界面設(shè)計(jì)案例教程[M].北京：機(jī)械工業(yè)出版社，2011.

[3]尚俊杰.網(wǎng)絡(luò)程序設(shè)計(jì)——ASP[M].北京：清華大學(xué)出版社，北方交通大學(xué)出版社，2009.

[4]趙豐年.網(wǎng)頁制作三劍客操作互動(dòng)[M].北京：人民郵電出版社，2011.

[5]趙豐年.網(wǎng)頁制作技術(shù)——Dreamweaver Flash Fireworks[M].北京：人民郵電出版社，2003.

[6]馬月.網(wǎng)站界面設(shè)計(jì)[M].北京：北京理工大學(xué)出版社，2006.