序言：作為思想的載體和知識的探索者，寫作是一種獨特的藝術，我們為您準備了不同風格的5篇網頁設計教學教案，期待它們能激發您的靈感。

篇1

關鍵詞:案例教學;項目驅動模式;網頁設計;應用

中圖分類號:TP3文獻標識碼: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

網頁設計作為一門綜合性、實踐性、應用性極強的課程,在教學的方法上應有別于一般的基礎理論課程。在教學中不僅要求學生掌握專業理論知識,更要求學生具有運用專業知識分析企業實際情況、解決實際問題的能力。因此,提升學生學習的主動性,通過對教學內容及實驗內容的合理安排對學生進行正確引導并提高學生實際動手能力是其中的關鍵。

1 案例教學+項目驅動模式

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

這兩種教學方法是緊密聯系的,案例教學法是按照知識點把課程獨立劃分成一個個典型案例,引導學生對知識點的掌握;而項目驅動教學法則把一個項目劃分成若干個具體案例,每個案例都與這個項目有著密切的關聯,然后把相關的知識點融入到這些案例中去。單獨使用案例教學法,學生所掌握的知識點是零散的、不系統的,教師對案例的選取不具體、不切題,而借助項目驅動教學法則可以把相關的知識點系統地聯起來。單獨使用項目教學法,可能會遺漏一些重要的知識點,這時必須借助于案例教學法來補充項目中涉及不到的知識點。

2 案例教學+項目驅動模式注意事項

2.1 案例設置原則

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

2.2 項目的設置原則

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

2.3 注重案例與項目驅動的關聯性

可以有目的地選取合適的案例與項目,讓學生掌握相關知識點,同時使學生明白案例教學與項目驅動之間的關系。例如:在設計大學校園生活項目時,將欣賞校園風光、學校\學院運動會、校園球賽等案例放置其中,這樣在介紹相關知識點時學生較容易接受。

3 實施“案例教學+項目驅動”教學模式效果

3.1 有利于理論與實踐相結合

打破了以往有條不紊地組織教學的模式,注重知識運用環節和實踐能力培養環節的訓練,使理論與實踐有機結合起來。

3.2 充分調動了“教”與“學”的積極性

教師和學生兩者平等地參與教學活動,充分地調動了“教”與“學”的積極性。教師可以就案例與項目闡明自己的觀點,學生也可以就案例與項目發表自己的意見,在具體項目和相關案例的帶動下,讓學生通過自己的操作來學習“死”的理論,加強了理論與實踐的聯系,讓學生明白學的這個知識點可以解決什么具體問題,起什么作用,最終提高了學生的分析能力、創新能力和實踐動手能力,從而達到工學結合的教學效果。

3.3 提高對教師和學生的素質要求

該模式對教師的要求:實施該教學模式要求教師不僅具有淵博的理論知識,還要具有豐富的教學與實踐經驗,能夠將理論知識與實踐結合起來,能夠根據新的教學大綱或者市場需要不斷地更新教學內容、補充教案,編寫切實可行的教學案例與項目。

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

4 結束語

在實行項目驅動、案例教學方式時,要做到靈活掌握對于學生實用的、重點、難點的知識可以采用,對于一些不實用或學生極易掌握的知識也不必生搬硬套。同時也不能以此來排斥和否定其他教學方法。因為我們的最終的目的是要通過最有效的教學方式讓學生掌握必要的知識技能,提高他們的就業競爭能力,適應社會對高技能人才的需求。

參考文獻:

[1] 盧萬有.項目教學法在《網頁設計》課程中的運用[J].計算機教育,2007(13).

篇2

關鍵詞：課程教學；案例教學法；案例生活化；教學設計

中圖分類號：G434 文獻標識碼：A 文章編號：16727800（2013）009019002

作者簡介：鐘欽欽（1983-），女，湖北工業大學碩士研究生，長江工程職業技術學院助教，研究方向為計算機應用與教學；羅俊（1981-），男，碩士，長江工程職業技術學院講師，研究方向為道路橋梁。

1案例教學法存在的弊端

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

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

案例操作過程的固化不利于學生掌握。《動態網頁設計》課程中所采用案例的操作過程都是固定的，第一步應該如何，第二步應該如何，第三步應該如何……等等，學生按照案例操作過程去實現的時候，所記住的是步驟，而沒有理解各步驟所實現內容之間的關聯，導致對于所學習知識點的理解層面不高，學生只會以某一固定的方式去實現一個網頁功能，不能靈活運用所學知識點。

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

2教學案例生活化

從事軟件設計教學的教師都會強調，軟件的設計源于生活，往往是為了解決生活中的某一問題才會促使設計者們去設計一個軟件。教學案例生活化設計是讓學生更好地理解并掌握所學知識的一種方法。

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

所以，要學生能夠較好地理解知識，最好的方式是做到案例能和現實中人人都接觸并理解的事物相聯系。通過對學生的調查表明，案例生活化的教學效果要比所有的案例教學效果好得多，學生表示和生活中常見的事物相聯系后，能更好地理解所學的知識點。3案例生活化教學設計

本文以內容鏈接組件教學設計為例說明案例的生活化。

內容鏈接組件的作用是將多個網頁形成一個網頁目錄導航。

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

得到回答：“對。”

問：“書都會有目錄，對不對？”

得到回答：“對。”

那么這和所講的內容鏈接組件有什么關系呢？現在通過表1來比較分析。

在此案例中，加入生活中人人都看過并理解的書的目錄，并與內容鏈接組件實現各項內容相聯系。由此可見，要實現內容鏈接組件的功能就必然少不了內容導航頁面、列表文件及組成內容導航頁面的多個網頁。那么這三者之間的關聯如圖1所示。

通過這一關聯圖，能一目了然地知道內容導航頁面、列表文件及組成內容導航頁面的多個網頁這三者之間的過程和關系。

以《寶寶營養餐》為例。

（1）首先需要用以形成鏈接導航的網頁1、網頁2、網頁3……網頁N（好比一本書目錄的形成首先需要章節的存在）。

5.asp4-5歲營養食譜

（3）內容鏈接導航主程序頁面（index.asp），在這個主程序頁面中，將要用到內容鏈接組件，首先要實現的便是這個組件的實例化，使用server.createobject方法創建MSWC.Nextlink的實例，并用set關鍵字賦給NL，于是產生了名為NL的內容鏈接組件實例對象。一切方法的運用都在此對象進行。

完成go.asp后，最后一步則是將此功能添加到1.asp-5.asp中。此時，“1.asp～5.asp”這5個文件仍然是獨立的程序塊，使用標記 插入到每一分頁文件（1.asp～5.asp）的結尾，即可實現鏈接。

參考文獻：

篇3

1傳統計算機網頁設計教學中存在的問題

1.1教學方式落后

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

1.2課程設置不完善

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

1.3教師綜合素質及能力有待提升

計算機網頁設計專業具有極強的專業性，對于任課教師的要求也很高，然而總所周知我國師資力量匱乏，能夠在該專業獨當一面的教師也較少，如近年來我國為了解決師資問題，適當的降低了教師準入標準，使得很多大學生有了當老師的契機，但此種方式雖然可以增加教師的數量，但卻無法全面提升教師質量，很多新晉教師雖然自身具有較強的專業技能，但并不善于教學，而有效教師雖然能夠很快掌握教學技巧，但奈何自身對計算機網頁設計的了解不夠深入，同樣無法很好的開展教學。另外，很多經驗豐富的教師其在教學時往往更喜歡自己的教學方式，因此其在教學中很少會引用新型教學方式[2]。

2案例教學在計算機網頁設計中的應用

2.1收集整理素材

在進行案例教學的過程中，教師應善于收集和整理相應素材，在收集素材時應充分從學生的角度出發，意識到那些素材能夠在當代學生計算機網頁設計方面引起其興趣，但同時也要考慮到素材與計算機網頁設計的相關性。因此教師最終選擇的素材可以是網頁設計相關的視頻、文字和圖片等，通過視頻學生可以更加直觀的看到網頁設計帶來的視覺效果，能夠充分引起學生學習的欲望，而適當的文字可以給學生提供揣摩的時間，便于其深入理解[3]。2.2選擇教學案例教學案例的選擇尤為重要，教師可以選擇目前對于學生而言較為重要的部分，如可以要求學生設計個人求職網站，此種網站設計具有一定的針對性，并且與學生本身發展息息相關。在確定教學案例后，教師則應針對該方面進行更有針對性的講解，使學生能夠對該方面有更加深入的了解，并且要求學生自己主動尋找素材來豐富自己的設計，此種方式不僅能夠使學生充分將自己的想法展現出來，也能夠使學生更加了解網頁設計方面的內容[4]。

2.3討論分析案例

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

2.4對案例進行總結并實現自我提升

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

3結語

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

引用：

[1]郭鋰,葉惠文.基于“雙層項目驅動教學模式”的計算機基礎課程立體教材開發與應用——以《網頁設計與制作》為例[J].中國大學教學,2012,(11)02:83-85.

[2]譚琦.案例教學在計算機網頁設計教學中的運用[J].信息與電腦(理論版),2012,(02)08:195-196.

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

篇4

【關鍵詞】網頁設計 案例教學法 實踐

【中圖分類號】TP393.092-4【文獻標識碼】A【文章編號】1672-5158（2013）06-0369-01

隨著Internet的日益普及，各種類型網站層出不窮，網頁制作已成為為今非常熱門的職業，熟練掌握網頁設計與制作技術不僅能夠提高高職院校學生的職業競爭力，而且還能夠充分發揮其自己的個性和創造力，但在課堂教學實踐中，由于教學方法的僵化滯后，導致學生學習難度增大，缺乏學習興趣，不能充分使現課程應用開發的特色，因此，如何在教學中打破以往理論灌輸的形式，引入安全教學法，激發學生學習興趣，使學生在學習理論知識的同時也增強動手能力，從而更好地培養受企業歡迎的網頁設計人才，成為高職院校計算機專業老師迫切需要解決的一個課題。

一、 案例教學法的內涵

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

二、 案例教學法的特色

1、 鼓勵學生獨立思考

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

2、 重視雙向交流。

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

3、 引導學生變注重知識為注重能力

現代人力資源理論認為知識是學重能力，知識應該轉化為能力，用人企業也越來越重視學生的實踐能力，同時學生一味地通過學習書本的死知識而忽視實際能力的培養，不僅對自身的發展不利，也無法讓其今后所在企業直接受益，而案例教學法恰恰是培養學生創造能力的教學方法。

三、 案例教學法的實踐

1、 確定案例，自行準備

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

2、 分析案例，集中討論

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

3、 引導實施，完成任務

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

4、 科學評價，及時反饋

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

四、 案例教學法在網頁設計課程教學中坯布要注意的問題

1、 明確目的性

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

2、 深刻的啟發性

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

3、 突出實踐性

網頁設計是一門操作性和應用性很強的課程，要提高學生的實踐動手能力，必須加強實驗實訓環節，在實踐教學中，能要注重老師角色的轉換，以學生為中心，教師為主導，通過精選案例、分解任務，講練耐心融合，使學生積極參與，從而充分調動學生獨立解決問題和積極性和能力。

總之，在高職院校的網頁設計教學中，引入案例式教學，使學生在實踐中掌握知識，提高技能，既讓學生學到了網頁制作方法，又鍛煉了學生的自學能力主，團隊合作能力，從而全面提高了高職生的綜合素質，達到了學以致用的教學目的。

參考文獻

篇5

（福建廣播電視大學晉安校區 福建 福州 350003）

摘要：根據多年對“網頁設計與制作”課程的教學探索，提出“課程案例”這一新概念，并設計開發出一個學生既熟悉、又感興趣的“課程案例”——班級網站，讓學生在模仿再開發該案例網站的過程中學習課程知識，從而掌握本課程的知識和運用技能，達到教與學的良好效果。

關鍵詞 ：網頁設計與制作；課程案例；班級網站

中圖分類號：G712 文獻標識碼：A 文章編號：1672-5727（2014）11-0093-03

作者簡介：王淑云（1965—），女，福建福州人，福建廣播電視大學晉安校區高級講師，研究方向為計算機軟件。

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

“課程案例”的提出和設計

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

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

（二）圍繞學生的興趣進行“課程案例”的設計

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

再考慮學生的能力方面，他們已經有了對文字、圖片和表格的基本處理能力，還學過或同步學習Photoshop、flash、計算機網絡基礎等相關課程，所以，只要對網頁素材的處理提出具體的要求，或對他們略加指導即能自行設計處理完成。對于該課程，雖然大部分學生瀏覽過很多網站內容，但并沒有真正了解網站是怎么回事；對互聯網世界充滿興趣和好奇，卻還沒有網頁設計與制作的理論知識和實踐技能，對網站常識還比較陌生。因此，在課程學習中，重點是要力求深入淺出、盡可能直觀全面地剖析一個好的網站案例，運用視、聽的方法，幫助學生建立有關網頁設計與制作的基本概念和基本知識，掌握建設網站的基本技能。

鑒于此，教師如何將Dreamweaver、HTML和CSS三部分內容有機結合，讓學生通過課程學習，模仿再開發出一個比較完整的“班級網站”，著力培養學生的實際建站能力、設計開發能力，從而提高他們自主學習與創新能力、信息收集與處理能力、提出問題并分析問題和解決問題的能力，成為課程教學的重要目標。

“課程案例”教學方法的設計

教學手段以“多媒體機房、網絡、項目開發”三項結合。多媒體機房為學生設計網站提供基本條件，網絡是學生尋找素材資源和借鑒別人經驗的空間，項目開發是他們學習的任務。

教學方法上，采用示范講解、任務驅動的教學模式，從以下三個方面展開：

采用案例講解的教學模式 教學過程根據編排好的知識點內容和事先創建好的“班級網站”實例，逐步講解該“課程案例”，便于學生理解和進行模仿設計開發。

實施模塊化教學方法 遵循學生“由淺入深，循序漸進，由感性到理性”的認識規律，把知識點組合后分模塊漸進教學。教學過程講練結合，以學生實踐為主，完成“班級網站”這一“課程案例”中包含的每個模塊的再設計與再創作；以教師引導為輔，講解設計與創作過程中遇到的新知識，組織學生完成能力拓展訓練。

走四步教學流程，融“教、學、練”于一體 第一步，教師展示課程案例，演示創作過程，講解涉及的知識點內容；第二步，下達任務，提出完成任務的具體要求和完成時間；第三步，學生模仿再設計再創作，完成任務；第四步，任務驗收，學生自我評價，教師綜合講評。

“課程案例”的課堂教學

基于學生的現有知識技能，教師課程教學中重點講授如何設計開發網站，在其他環節只扮演一個組織者和啟迪者的角色，一步步引導學生完成本課程的目標，充分培養和發揮學生的自主設計能力、繪畫能力和創新能力。

整個課程的課堂教學以“課程案例”為主線，設定以下幾個教學模塊。

模塊一：學習有關網頁的基本知識，介紹建設網站的工具等。

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

模塊三：收集和創作素材。班級網站的素材主要來源于學生自己的學習生活，可以是活動的照片、活動記錄，也可以是為自己班級創作的班級廣告圖、班級徽標等Flash或Photoshop作品，將這些素材分門別類放入建好的站點目錄樹中。

模塊四：學習Dreamweaver，首先建立班級網站站點。

模塊五：設計創建“模板頁”。根據前期草擬的網站地圖，利用布局表格設計模板框架。框架搭好后就是為模板頁添加素材。模板上需要的素材并不太多，關鍵是要“精”，用精心選擇和創作的素材。提醒學生，模板上大塊的空間要留出來給各頁面添加相應的內容，這點至關重要。

模塊六：利用模板生成網站各頁面。模板設計成熟并制作出來后，就要根據模板上的導航設計生成相應的頁面，并將各頁面互相鏈接起來。

模塊七：完善各頁面內容。每一兩次課完善一個頁面的內容，直到網站中各頁面內容全部添加完成。當然，課后要為如何合理安排這些頁面內容花很多時間去構思、去創作或收集相應的素材。所以，收集素材這項工作是一直貫穿于整個網頁設計過程中的。

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

模塊九：本地站點測試。

教學評價設計

評價方案 （1）學生自我評價：即每個學生對自己的評價。教師事先給出評價標準和具體要求，學生對照自己的學習態度、創作的作品，對自己給出合理評價。（2）模塊作品評價：教師對每個學生的評價。教師通過對學生課堂反映、每個模塊上交的作品、討論活躍程度等方面，對每個學生進行評價。（3）期末考核：教師通過對學生一整學期模仿再設計創作的“班級網站”進行評分，考核學生的實踐與動手的綜合能力，對學生進行合理的評價。

成績評定 按出勤率、模塊作品成績、成熟作品成績加權考核。

結語

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

參考文獻：

[1]劉瑞新.網頁設計與制作教程[M].北京：機械工業出版社，2010.

[2]唐乾林.網站界面設計案例教程[M].北京：機械工業出版社，2011.

[3]尚俊杰.網絡程序設計——ASP[M].北京：清華大學出版社，北方交通大學出版社，2009.

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

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

[6]馬月.網站界面設計[M].北京：北京理工大學出版社，2006.