時間：2023-03-02 15:06:19
序論：在您撰寫網頁設計制作教案時，參考他人的優秀作品可以開闊視野，小編為您整理的7篇范文，希望這些建議能夠激發您的創作熱情，引導您走向新的創作高度。
關鍵詞：網頁設計與制作，教學設計
【中圖分類號】G642
一、教學目標
完成“心理健康教育網站”的設計與制作，并在網上。在完成上述任務的過程中，學生要學會：
1）掌握網站開發流程
2）學會網頁的設計和制作
3）能夠正確認識心理健康教育以及相關概念，了解心理教育知識
4）通過開發網站的學習，培養學生創新能力。
5）通過分組合作學習，培養學生的自主學習能力，團結協作能力，問題解決的能力，提高學生的信息檢索能力。
二、學習內容分析
以下是本次學習活動的教學內容知識結構圖，也是本課程的重點。它是對網頁設計全過程的總結，也是最終的教學目標。
三、教學過程設計
1.項目名稱：“心理健康教育網站”的設計與開發
2.項目負責人：學習委員張紅梅
3.項目的提出：
大家閱讀過學校的心理健康報嗎？看過幾期呢？你們只能看到這學期出版的心理健康報。咱們想一個辦法讓學生可以隨時閱讀任意一期的心理健康報。就是設計一個心理健康教育網站。通過這個網站，大家不僅能夠查閱校報，還可以學到心理健康教育的知識，全校的師生可以給校輔導員留言。
4.教學活動過程
從學生設計網站的過程中反映出學生已經掌握了網站開發的流程，但是網頁設計的基礎知識中有一部分掌握的不太好。如：站點的建立，模板的使用，CSS樣式表的定義等。在今后的教學中要加強這些知識的學習。
在網站設計過程中遇到了很多問題，師生共同討論解決。仍然有些沒有解決的難題，需要進一步的解決：
（1）在模板的可編輯區域添加內容后，模板的不可編輯區域布局增加，使得表格中的內容和表格間距增大，重新修改模板也不能調整表格間距。
（2）使用了模板的網頁中不能添加SPRY構件。
（3）如何解決層起始位置發生移動問題
五、總結
基于項目的學習內容呈現方式很適合網頁設計課程的教學要求。充分發揮了學生的主觀能動性。學生由被動轉為主動，提高了學習積極性。只是學生剛剛接觸項目教學法，在制定項目計劃時考慮不全面，不明確，造成后期的探究活動目標不明確，容易造成學習混亂。今后在教學中要加強練習項目教學的流程。
參考文獻
[1]李龍.教學設計[M].北京：高等教育出版社，2010：415
（福建廣播電視大學晉安校區 福建 福州 350003）
摘要：根據多年對“網頁設計與制作”課程的教學探索，提出“課程案例”這一新概念，并設計開發出一個學生既熟悉、又感興趣的“課程案例”——班級網站，讓學生在模仿再開發該案例網站的過程中學習課程知識，從而掌握本課程的知識和運用技能，達到教與學的良好效果。
關鍵詞 ：網頁設計與制作；課程案例；班級網站
中圖分類號：G712 文獻標識碼：A 文章編號：1672-5727（2014）11-0093-03
作者簡介：王淑云（1965—），女，福建福州人，福建廣播電視大學晉安校區高級講師，研究方向為計算機軟件。
中職生的共性就是對缺乏學習興趣。筆者通過多年的課堂教學體會到：如果有一套行之有效的既適合中職生實際水準、又貼近他們學習生活、能激發他們學習興趣的案例貫穿于整個課程教學，就有可能解決這個問題?；诖耍P者提出了“課程案例”這一新概念，設計并開發出一套“課程案例”應用于“網頁設計與制作”課程教學中，學生通過案例的模仿再開發，全面掌握“網頁設計與制作”課程知識與技能的基本要領，從而實現課程的教學目標，培養學生的網站開發和設計能力。下面詳述這一“課程案例”教學的設計及所進行的課堂教學。
“課程案例”的提出和設計
（一）“課程案例”這一新概念的提出
市面上相關教材比比皆是，但從其所提供的案例方面看，沒有比較適合中職學生的：要么網頁主題讓學生很陌生，要么網頁頁面設計太復雜，中職生很難掌握，而且其中的案例多是針對某一知識點或某一章節設計的，屬于“知識點案例”或“章節案例”，是零碎知識，不能貫穿整個課程知識教學。所以，教科書只適合作為本課程理論知識點的參考資料。“網頁設計與制作”是一門技能型課程，重要的是要教會學生如何去構建和設計一個完整的網站，而不是空泛地談一些理論知識。“課程案例”區別于“知識點案例”或“章節案例”之處在于：該案例貫穿于整個課程教學，覆蓋課程包含的所有知識，課程知識的學習以“課程案例”為線索進行，學生模仿再開發設計完該案例，課程的所有知識學習也已結束。筆者思考并設計這樣的“課程案例”，并對教材進行如下處理：提煉教材所提到的知識點，將其重新排列組合，按由淺入深的學習順序，將課程知識點結合到自主設計的“課程案例”中，分模塊漸進教學，整個教學過程注重學生自身思維的開發，將個體集美術設計、課程知識學習和課程實踐三者緊密結合，將學生各方的能力逐漸激發展示出來。
（二）圍繞學生的興趣進行“課程案例”的設計
學生對一門應用型技術課的學習如沒有興趣，可能是沒有一個令他們感興趣的實例吸引他們漸次深入學習，從而引導他們學習掌握課程知識。班級是校園學習生活的一個集體，班級網站中所記錄的人物、活動都是學生身邊的人和事，網站的主題反映的正是他們的校園生活。如果把班級網站作為教學案例，讓學生以自己的學習生活為主題組建成網站，一方面能引起他們極大的學習興趣，另一方面，作為同一個班級的學生，在設計本班級的網站過程中，能夠創造很多互相交流的機會，培養互相學習的精神，也能加深同學間的友情。所以，“班級網站的設計與創作”是一個理想的課程案例。筆者應用模塊教學法，將理論知識與該課程案例完美結合起來，在近似實踐的學習過程中培養學生的學習興趣，讓他們在興趣中學、在學習中增添興趣，從而在良性循環中完成課程學習。
再考慮學生的能力方面，他們已經有了對文字、圖片和表格的基本處理能力，還學過或同步學習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.
關鍵詞:探究式教學法;中職;網頁設計制作課程;應用
分類號: TP311.1文獻標識碼:A文章編號:1007-9599 (2010) 05-0000-02
Application of Inquiry Teaching Method in the Production of Vocational Web Design Courses
Ouyang Xianghua
(Guilin Electronic Secondary Vocational College,Guilin541001,China)
Abstract:Website design is a design technology,resources, aesthetics,and design for an integrated curriculum.This paper describes the concept of inquiry teaching and the process of inquiry teaching structure of the steps followed by,in many ways on the level of inquiry teaching in the Web application design program to explore the same time, the use of inquiry teaching model several issues need to pay attention to his views and recommendations.
Keywords:Exploration method;Secondary vocationa;Website design courses;Application
網絡在人們生活中發揮著越來越重要的作用,通過網頁向外界宣傳個人或單位形象,推廣公司產品或開展公關活動已成為一種新的流行趨勢。網頁設計制作是一門集設計技術、資源、美學等為一體的綜合設計課程。它依據網站設計目標,把各種頁面元素、網頁布局、色彩、風格等有機地統一在網頁中。網頁設計制作已經成為藝術設計中的一個重要分支,它涉及網絡技術、平面設計、動畫設計、程序設計等多種知識。認真設計教學方案,如何在有限的課時內,充分調動學生學習的積極性、主動性,提高學生的網頁設計制作能力需深入探討。探究式教學的實質是一種需要充分尊重學生個性,激發學生求知欲,并引導學生通過豐富多彩的形式展開“自主、合作”學習活動的一種全新的教學方法。本文就探究式教學法在中職網頁設計制作課程中的應用進行探討。
一、什么是探究式教學法
探究式教學法又稱發現法、研究法,是指學生在學習概念和原理時,教師只是給他們一些事例和問題,讓學生自己通過閱讀、觀察、實驗、思考、討論等去獨立探究,自行發現并掌握相應的原理和結論的一種方法。它的指導思想是在教師的指導下,以學生為主體,讓學生自覺地、主動地探索,研究客觀事物的屬性,發現事物發展的起因和事物內部的聯系,從中找出規律,形成自己的概念。
二、探究式教學法在中職網頁設計制作課程中的應用
(一)完善備課環節
備授課對象。根據教學對象的不同,安排相應的教學內容。分析學生的專業學習特點和目前的學習狀況,制定“較好”、“一般”兩個層次的教學目標和教學評價。
備教材。選用集成度好的Dream weaver作為網頁開發環境。從教材、參考書以及網絡中,歸納總結出具有代表性的典型案例,為課堂教學做好準備,精心制作多媒體課件。
備教學環境和教學模式。網頁設計制作與制作是一門理論與實踐緊密結合的課程。在機房安裝投影儀和電子教室軟件,學生每人一臺計算機,教師使用一臺教師機。通過多媒體課件講授理論、電子教室軟件展示與交流作品、計算機中進行目標訓練,并借助教學網站拓寬知識、開闊視野。
(二)建立“以教師為主導,學生為主體”的教學模式,改變傳統的“填鴨式”教學方法。
傳統的方式學生處于被動地位,只是在被動接受新的知識,最終必然導致學生對學習失去興趣。因此,需要改變傳統教學模式,就應當建立“以教師為主導,學生為主體”的新教學理念。轉變教師角色,由講解者、傳授者,轉變為學習指導著、活動組織者;使學生由被動接受者變為學習活動的主體、參與者、探究者。學生才是真正的主角,在教師的指導下規劃自己的學習活動。教師與學生的觀念都應轉變,教師應注重培養學生獨立的學習能力和創新思維能力,轉變教材作用,由作為學習對象,轉變為學習者獲得知識與技能,發展認知的一種學習資源;轉變媒體功能,由知識展示工具轉變為學習認知工具,即把信息技術作為學習資源獲取工具、信息交流討論工具、知識組織構建工具。使學生變被動學習為自主學習,為自己將來能較好地勝任工作而努力學習理論知識、訓練操作技能。
(三)適時點撥,誘導探究的方向
在探究教學中,教師是引導者,基本任務是啟發誘導,學生是探究者,其主要任務是通過自己的探究,發現新事物。因此,必須正確處理教師的“引”和學生的“探”的關系:那就是適當點撥。當學生在思維的轉折處,或知識的重、難點處經過自身的努力,還感到無法解決時,根據學生的需要,教師一定要給予適當的點撥,給學生某種啟發性啟示,使學生能順利進行探究。在學生探究時,教師應做到引中有探,探中有引。同時,還要把握“引”的度,步步深入地引導學生逼近結論。
合作學習,探究疑難。讓學生對“交流成果”環節中所提出的問題以及普遍存在的模糊認識進行討論,大膽質疑解疑。討論的形式可以同桌互幫,四人小組研討,全班辯論等,為學生充分表現、合作、競爭搭建舞臺,使教師指導和學生自主探究相結合,傳授知識和解決問題相結合,單一性思考和求異性思維相結合。在合作學習過程中,教師要善于誘導。如:“你認為他說得對嗎?為什么?”“對他的回答你滿意嗎?你有什么不同的見解?”等等,把學生的思維推向。討論中,教師要做到:1.要密切關注討論的進程和存在的問題,及時進行調整和引導;2.要發現多種結論,特別注意和自己備課時不一致的結論,變教案為學案;3.要充分調動學生討論的積極性,及時發現優點,特別是善于捕捉后進生的“閃光點”,給予鼓勵。激發學生的表現欲,促進創造思維的發展。
(四)幫助學生思想上樹立“行”字
就是用表揚、獎勵的途徑使學生獲得成功感。以培養和激發學生在課堂上的積極性和學生的創新思維。蘇霍姆林斯基說:“兒童學習愿望的源泉,就是在于進行緊張的智力活動和體驗得到勝利的快樂。”因此,我在課堂教學中,充分利用表揚和獎勵的方法,針對不同的學生,選擇適合他們各自能力的問題。從而激發學生的課堂積極性。在學生發表意見的過程中,我會用微笑、點頭來鼓勵學生,當學生回答問題后,我會根據實際情況做出點評,回答確實出色的,就說“你真行”或“太好了!”。 需要改進的,就說:“講得不錯,如果聲音再響一些就更好了,你能再試一下嗎?”對學生的鼓勵,他們會產生滿足感,從而表現出更高的學習欲望。只鼓勵少數學生的課堂教學是不能激發大多數學生的,尤其是對于低成就和力求避免失敗的學生,對他們來說,教師對他們表揚和獎勵的吝嗇與偏向只有副作用,這樣他們將失去學習的動力。但值得―提的是,高年級的學生已有初步的判斷能力,表揚和鼓勵要有針對性。
四、運用探究式教學模式需要注意的幾個問題
(一)探究式教學模式,在進行問題設計的時候,一定要結合學生的實際情況,利用學生身邊熟悉的事例來引出問題,才容易讓學生對知識有深刻的印象。
(二)由于學生個體存在差異性,在實施該教學法組織課堂教學時,一定要循序漸進。
(三)分組要得當,鼓勵優差生合作和男女生合作,組員要經常更換,有利于培養學生的合作能力。
(四)充分調動學生的積極性,讓學生主動參與。充分挖掘出每個人的潛能,而教師只需要在整個學習過程中對學生進行適當的引導與點撥。
(五)切忌生搬硬套探究式教學法。所謂“教學有法,教無定法”,應因材施教,不能濫用。不然該方法也將步灌輸式的后塵,成為徒勞的形式。
參考文獻:
[1]陳星園.項目教學法在《網頁制作》課程教學中的運用[J].電腦知識與技術,2010,(06):1360-1361
[2]陸煒妮.探討多媒體專業《網頁設計制作與制作技術》課程的教學改革[J].科協論壇(下半月),2010,(01):178-179
[3]邱紅艷.網頁設計制作與制作.課程的教學探討[J].科學咨詢(決策管理),2010,(01):118
中職生的共性就是對缺乏學習興趣。筆者通過多年的課堂教學體會到：如果有一套行之有效的既適合中職生實際水準、又貼近他們學習生活、能激發他們學習興趣的案例貫穿于整個課程教學，就有可能解決這個問題。基于此，筆者提出了“課程案例”這一新概念，設計并開發出一套“課程案例”應用于“網頁設計與制作”課程教學中，學生通過案例的模仿再開發，全面掌握“網頁設計與制作”課程知識與技能的基本要領，從而實現課程的教學目標，培養學生的網站開發和設計能力。下面詳述這一“課程案例”教學的設計及所進行的課堂教學。
“課程案例”的提出和設計
（一）“課程案例”這一新概念的提出
市面上相關教材比比皆是，但從其所提供的案例方面看，沒有比較適合中職學生的：要么網頁主題讓學生很陌生，要么網頁頁面設計太復雜，中職生很難掌握，而且其中的案例多是針對某一知識點或某一章節設計的，屬于“知識點案例”或“章節案例”，是零碎知識，不能貫穿整個課程知識教學。所以，教科書只適合作為本課程理論知識點的參考資料。“網頁設計與制作”是一門技能型課程，重要的是要教會學生如何去構建和設計一個完整的網站，而不是空泛地談一些理論知識。“課程案例”區別于“知識點案例”或“章節案例”之處在于：該案例貫穿于整個課程教學，覆蓋課程包含的所有知識，課程知識的學習以“課程案例”為線索進行，學生模仿再開發設計完該案例，課程的所有知識學習也已結束。筆者思考并設計這樣的“課程案例”，并對教材進行如下處理：提煉教材所提到的知識點，將其重新排列組合，按由淺入深的學習順序，將課程知識點結合到自主設計的“課程案例”中，分模塊漸進教學，整個教學過程注重學生自身思維的開發，將個體集美術設計、課程知識學習和課程實踐三者緊密結合，將學生各方的能力逐漸激發展示出來。
（二）圍繞學生的興趣進行“課程案例”的設計
學生對一門應用型技術課的學習如沒有興趣，可能是沒有一個令他們感興趣的實例吸引他們漸次深入學習，從而引導他們學習掌握課程知識。班級是校園學習生活的一個集體，班級網站中所記錄的人物、活動都是學生身邊的人和事，網站的主題反映的正是他們的校園生活。如果把班級網站作為教學案例，讓學生以自己的學習生活為主題組建成網站，一方面能引起他們極大的學習興趣，另一方面，作為同一個班級的學生，在設計本班級的網站過程中，能夠創造很多互相交流的機會，培養互相學習的精神，也能加深同學間的友情。所以，“班級網站的設計與創作”是一個理想的課程案例。筆者應用模塊教學法，將理論知識與該課程案例完美結合起來，在近似實踐的學習過程中培養學生的學習興趣，讓他們在興趣中學、在學習中增添興趣，從而在良性循環中完成課程學習。
再考慮學生的能力方面，他們已經有了對文字、圖片和表格的基本處理能力，還學過或同步學習Photoshop、Flash、計算機網絡基礎等相關課程，所以，只要對網頁素材的處理提出具體的要求，或對他們略加指導即能自行設計處理完成。對于該課程，雖然大部分學生瀏覽過很多網站內容，但并沒有真正了解網站是怎么回事；對互聯網世界充滿興趣和好奇，卻還沒有網頁設計與制作的理論知識和實踐技能，對網站常識還比較陌生。因此，在課程學習中，重點是要力求深入淺出、盡可能直觀全面地剖析一個好的網站案例，運用視、聽的方法，幫助學生建立有關網頁設計與制作的基本概念和基本知識，掌握建設網站的基本技能。
鑒于此，教師如何將Dreamweaver、HTML和CSS三部分內容有機結合，讓學生通過課程學習，模仿再開發出一個比較完整的“班級網站”，著力培養學生的實際建站能力、設計開發能力，從而提高他們自主學習與創新能力、信息收集與處理能力、提出問題并分析問題和解決問題的能力，成為課程教學的重要目標。
“課程案例”教學方法的設計
教學手段以“多媒體機房、網絡、項目開發”三項結合。多媒體機房為學生設計網站提供基本條件，網絡是學生尋找素材資源和借鑒別人經驗的空間，項目開發是他們學習的任務。
教學方法上，采用示范講解、任務驅動的教學模式，從以下三個方面展開：
采用案例講解的教學模式 教學過程根據編排好的知識點內容和事先創建好的“班級網站”實例，逐步講解該“課程案例”，便于學生理解和進行模仿設計開發。
實施模塊化教學方法 遵循學生“由淺入深，循序漸進，由感性到理性”的認識規律，把知識點組合后分模塊漸進教學。教學過程講練結合，以學生實踐為主，完成“班級網站”這一“課程案例”中包含的每個模塊的再設計與再創作；以教師引導為輔，講解設計與創作過程中遇到的新知識，組織學生完成能力拓展訓練。
走四步教學流程，融“教、學、練”于一體 第一步，教師展示課程案例，演示創作過程，講解涉及的知識點內容；第二步，下達任務，提出完成任務的具體要求和完成時間；第三步，學生模仿再設計再創作，完成任務；第四步，任務驗收，學生自我評價，教師綜合講評。
“課程案例”的課堂教學
基于學生的現有知識技能，教師課程教學中重點講授如何設計開發網站，在其他環節只扮演一個組織者和啟迪者的角色，一步步引導學生完成本課程的目標，充分培養和發揮學生的自主設計能力、繪畫能力和創新能力。
整個課程的課堂教學以“課程案例”為主線，設定以下幾個教學模塊。
模塊一：學習有關網頁的基本知識，介紹建設網站的工具等。
模塊二：草擬“網站地圖”，設計網站“模板頁”。展示課程案例網站，分析班級網站的風格、頁面的布局和包含的元素，先給學生一個真實的空間印象，之后讓學生模仿如何設計這樣的網站。首先設計出紙質的網站空間布局和內容：包括考慮整個網站的 風格、主色調、頁面布局、頁面的大概內容等，每一個頁面設計草擬在一張紙上，其實這就是網站地圖了。做足了這個功課，日后的整個班級網站的設計就有了頭緒。為避免各頁面出現相同內容的重復設計，提出設計制作“模板頁”來生成其他頁面。例如：把風格和內容相一致的部分（如班級廣告圖、班級徽標、導航條、版權信息等）設計出來，作成模板頁保存下來，以備后面制作網站各頁面時利用模板頁生成，并在此基礎上進行相應頁面內容的設計創作。草擬“網站地圖”和設計制作網站“模板頁”是同時進行的，要結合著做。這個階段都還是“紙上練兵”。
模塊三：收集和創作素材。班級網站的素材主要來源于學生自己的學習生活，可以是活動的照片、活動記錄，也可以是為自己班級創作的班級廣告圖、班級徽標等Flash或Photoshop作品，將這些素材分門別類放入建好的站點目錄樹中。
模塊四：學習Dreamweaver，首先建立班級網站站點。
模塊五：設計創建“模板頁”。根據前期草擬的網站地圖，利用布局表格設計模板框架?？蚣艽詈煤缶褪菫槟０屙撎砑铀夭?。模板上需要的素材并不太多，關鍵是要“精”，用精心選擇和創作的素材。提醒學生，模板上大塊的空間要留出來給各頁面添加相應的內容，這點至關重要。
模塊六：利用模板生成網站各頁面。模板設計成熟并制作出來后，就要根據模板上的導航設計生成相應的頁面，并將各頁面互相鏈接起來。
模塊七：完善各頁面內容。每一兩次課完善一個頁面的內容，直到網站中各頁面內容全部添加完成。當然，課后要為如何合理安排這些頁面內容花很多時間去構思、去創作或收集相應的素材。所以，收集素材這項工作是一直貫穿于整個網頁設計過程中的。
模塊八：應用一些網頁特效的代碼，如添加背景音樂、QQ互動、圖片文字的滾動、表單等，讓頁面動起來，增加網頁的吸引力和活力。
模塊九：本地站點測試。
教學評價設計
評價方案 （1）學生自我評價：即每個學生對自己的評價。教師事先給出評價標準和具體要求，學生對照自己的學習態度、創作的作品，對自己給出合理評價。（2）模塊作品評價：教師對每個學生的評價。教師通過對學生課堂反映、每個模塊上交的作品、討論活躍程度等方面，對每個學生進行評價。（3）期末考核：教師通過對學生一整學期模仿再設計創作的“班級網站”進行評分，考核學生的實踐與動手的綜合能力，對學生進行合理的評價。
成績評定 按出勤率、模塊作品成績、成熟作品成績加權考核。
結語
在“網頁設計與制作”課程案例的課堂教學中，筆者采用的是興趣教學和讓學生貼近實戰的方法，以保持學生對知識探索的興趣并提高學生的動手能力。這種教學的重要前提是要設計一個好的案例，“好”的標準是內容貼近學生的學習生活、設計難度又適合他們的實際水平，“班級網站”這一課程案例便是好案例之一。此外，在教學過程中，筆者為學生提供了十分豐富的信息資源，教會他們信息資源該如何收集、從哪里獲取、以及如何有效利用等知識。
參考文獻：
[1]劉瑞新.網頁設計與制作教程[M].北京：機械工業出版社，2010.
[2]唐乾林.網站界面設計案例教程[M].北京：機械工業出版社，2011.
[3]尚俊杰.網絡程序設計——ASP[M].北京：清華大學出版社，北方交通大學出版社，2009.
一、學生教育：
1、學習貫徹《思想道德》，觀看教育光盤；
2、確定個人勞動實踐崗；
3、搞好期中操評量化及考核；
4、表彰10月份文明學生標兵；
5、安全、法制教育；
6、舉辦手抄報和網頁設計競賽。
二、班主任工作：
1、青年班主任積極參加主題班會創優活動，（完成班會方案和課件）；
2、做好期中后的穩定和小結工作；
3、組織好班委選舉或改選工作；
4、組織好期中學生操行評定量化工作；
5、完成學校交辦的各項臨時性任務。
《手冊》重點檢查：月計劃、班校會、家訪、學生社團活動、記事等部分。
三、年級組工作：
做好年級期中總結分析工作；
組織一次本年級的家長學校授課活動（交一份教案）；
完成學校交辦的各項工作及臨時性任務。
四、教育處工作：
1、組織好學生操評、考核、入冬前的安全教育；
2、組織好創優主題班會的聽課、評比工作；
3、做好期中前文明班級評比情況的小結工作；
Abstract:The article elaborated the theories foundation, teaching process, teaching case of adoption case teaching method in webpage designing and creation course teaching of design and want attention in the teaching of problem.Pass a the discussion of the concrete case and thinking, induct a student of creation potential.It even don't care can get right answer, it real value of is get case of thinking process.
關鍵詞：案例教學 最終真理 創造潛能 思考過程
Key words:Case teaching;End truth;Create potential;Thinking process
【中圖分類號】G642 【文獻標識碼】A 【文章編號】1004-7069（2009）-06-0147-02
案例教學法符合網頁設計與制作課程的教學模式，適用于培養學生的創新能力、分析能力和解決問題的能力。因此將案例教學法引入網頁設計與制作的課程教學，可有效地提高學生的學習興趣，鼓勵學生勇于實踐，敢于動手，熟悉解決問題的過程，從而有利于學生系統掌握這門課程的知識和技能。
一、什么是案例教學法
案例教學法（Case methods of tdaching）最先運用于法學界，其后運用于管理學界，在教育學界特別是師資培訓中得到運用是二十世紀七十年代后的事情，后被引入德國職業教育界。
案例教學法即通過對一個具體教學情景的描述，引導學生對這些特殊情景進行討論的一種教學方法。
在案例教學中，教師與學生承擔著更多的教與學的責任，要求有更多的投入和參與。就教師來說，他有責任去選擇和組織要討論的材料，要從大量的資料中選擇出適當的案例。如果手頭沒有現成的可以覆蓋所教內容的案例的話，他還是要自己動手撰寫這些案例，并以一定的程序把它呈現出來。就學生而言，他也擔負著一定的責任，要對教師所提供的具體事實和原始材料進行分析、討論。并在教學過程中，每一個個體都需要貢獻自己的智慧，沒有旁觀者，只有參與者。學生一方面從同學間的交流、討論中提高對問題的洞察力，同時也及時從教師和同學那里獲得反饋。在這種情景中，為學生將來的職業崗位設置了一個近乎真實的場景，縮短了教學與實踐之間的差距。
案例教學為教師與學生提供的是同樣的決策信息，從這些信息出發，不同的觀點和解決問題的方案在課堂上交鋒，雖然最終也沒有確切的結論，但解決問的種種可能性及障礙已經被師生充分地預見和了解到了，而且還得到了大家認真的分析與揭示，并展示了學生不同的思維技術及對問題解決的思路等。
二、案例教學法的特點
案例教育的目的不是把學生培養成只會解釋問題的“理論高手”，而是培養學生具有解決實際問題的“智慧高手”，解決“怎么干”、“干什么”的問題。因此案例教學法與其他教學方法具有相同的地方，也具有自己獨特的地方。
1、案例教學的著眼點在于學生創造能力以及實際解決問題的發展，而不僅僅是獲得那些固定的原理、規則，而是如何用更有效的方式獲得知識。
2、學生通過案例教學得到的知識是內化了的知識，并逐漸學會如何處理眾多的疑難問題。案例教學是一種“做中學”的形式，它是從經驗與活動中獲取知識，增進才干。這些知識、才干在案例教學的過程中，逐漸成了學生知識與能力結構的一個重要組成部分，并且與原有的知識、能力加以整合。
3、通過案例教學，學生不僅可以從中獲得認知的知識，而且有助于提高表達、討論的技能，增強面對困難的自信心。
4、案例教學大大縮短了教學情景與實際職業情景的差距。學生在學的過程中，就能設身處地的從實際的場景出發，設想可能遇到的種種障礙，自己有可能產生的種種偏見，解決問題的多種可能方案。一旦他們走上工作崗位，上手就快，與企業磨合時間就短。
5、案例教學的測評與傳統測評不同，案例教學的測評是一項難度極大的工作。它不以卷面測試為唯一形式，而是涵蓋個人準備的情況以及小組討論、全班討論的參與程度等。因而測評方式多種多樣，因案而定、因情況而定、因預期目標而定。
6、案例教學具有適時性特點。支撐案例的管理、決策以及教學的原理可以是恒定的，但展示的情景必須與時代和實際職業情景相適應。
三、案例教學法的教學設計案例
（一）、案例名稱：九江麒麟旅游公司“廬山一日游”專題網頁設計
（二）、總體背景介紹
1、企業概況
九江麒麟旅游公司是江西省九江市的一家專門從事廬山旅游資源開發和提供旅游服務的民營性質的合法公司。該公司坐落于廬山腳下，交通方便，價格合理，提供符合不同群體要求的套餐服務，有自己的宣傳網站。通過2008年旅游質量評比，獲得“三星級”優質服務旅游公司。
2、廬山一日游專題介紹
由于人們平時工作繁忙，雙休期間，出現兩種現象：有家庭的人群普遍反映家庭瑣事較多，只有一天時間閑暇；未成家的人群普遍反映社會應酬較多，也只有一天時間閑暇。為此，九江麒麟旅游公司提出“廬山一日游”的項目。注：該項目具體材料另外展示。
3、市場現狀
在九江市從事旅游服務的公司多達20余家，其中有5家獲得“四星級”優質服務稱號，8家與該公司同時獲得同等殊榮，全省獲得如此殊榮的公司近50家，其他旅游公司更是數不勝數。九江麒麟旅游公司在強勢旅游企業的夾縫中獲得一息生存空間，但公司老總志在挽救企業頹勢，強力推行“廬山一日游”項目。
（三）、主要工作
1、根據公司目前情況，設計一個科學合理、風格奇異、具有市場轟動效應的交互性專題頁面。
2、就大家所調查的內容進行多種形式的展示和交流，提出問題，解決問題（提交文字報告和網頁設計初步方案）。
（四）、分組調查及時間要求
1、按全班40人的規模，每8人一組，分為5組，并自行選出組長、資料搜集員、文字報告撰寫人、網頁設計初步方案擬稿人。
2、五組順序分為1、2、3、4、5組，去相應的專題網站進行調查。
3、半天調查，半天展開討論。
四、案例教學法在網頁設計與制作課程教學中存在的問題
1、忽略了學生綜合能力的培養，仍停留在知識傳授的層面上。基于高職高專類人才的培養，是以第一線最需要的高技能專門人才為方案，歷來存在著傳授知識與學生接受能力成反比例問題。案例教學應該彌補學生實踐鍛煉的相對不足，促使學生真正成為綜合運用知識的通才。
2、把案例教學等同于教學案例，沒有抓住案例教學的真諦。案例教學應該是一種科學、有效的學習方法。真正有效的學習，并不是對前人經驗的照搬、抄錄和背誦。其關鍵是要立足于對前人經驗的深入分析，從中汲取正確的立場、觀點和方法，用以解決不斷出現的新問題，并在解決問題的過程中驗證、發展和深化前人的認識，從而超越前人。案例教學的可貴之處，正是在于它從來自社會實踐的案例中的問題出發，啟動自身的教學程序，而在每一教學系統過程的末尾，又重新歸結到問題的解決之上。與傳統的“從概念到概念”的灌輸、填鴨式教學方式相比，已顯示出它促使學生尊重社會實踐、理論聯系實際和科學有效學習的極大優越性。
3、教師與學生的“角色”沒有根本改變。在案例教學過程中，教師的“角色”應該發生根本性的變化，不再是站在講臺之上，滔滔不絕地分析概念和做出結論的講演者與評論家的形象；而是要“隱居”幕后和深入到學生之中，通過啟發和誘導，促使他們走向探討未知、陳述己見和獲取真知的教學前臺。這樣的換位，有利于教師轉變教風，促使教學相長，并可深入地了解受教育者的狀況，做到因材施教，虛心向受教育者學習，促使具有良好學風的新一代人才迅速成長。
4、形式單一，缺乏“自由”的討論與分析，不利于學生創新能力的培養。案例教學的基本方式是在學生與學生之間、學生與教師之間，展開各種各樣的分析討論，以此來深化每一個人的思想認識，積累豐富的科學理論知識。案例教學要有利于學生在問題的切磋、琢磨中明辨是非，加深對知識的理解；要有利于學生在概括和表達自己觀點的過程中，以自己特有的邏輯思維方式和個性語言結構，真正接納和融會知識；要有利于學生發現問題，提出解決辦法，迸發智慧的“火花”；要有利于培養學生的交往能力和團隊精神。
參考文獻:
[1]張桂華.案例教學法在計算機教學中的應用[M].天津市財貿管理干部學院學報,2006(1)
關鍵詞： 網頁型電子教案 制作 優化
一、前言
隨著計算機技術及網頁設計技術的發展與應用，教育界正在利用計算機制作電子教案，以取代傳統的紙質教案。而在制作各種電子教案的過程中，最優的方法是利用網頁設計技術制作，再輔以其它應用工具對其進行優化。
教育部在《面向21世紀教育振興行動》中提出“形成開放式教育網絡，構建終身學習體系”，分三步逐步推進我國信息化教育：第一步是計算機多媒體為核心的教育技術在學校的普及運用；第二步是組織上網，利用網上資料；第三步是開展遠程教育，提供廣泛的學習資料，不斷滿足社會終身教育的需求。
隨著計算機技術的廣泛應用，在中國教育教學信息化的今天，各級各類學校全面要求教師完成信息化的第一步，即以多媒體教學為核心的教育技術應用于教學中。第二步與第三步也在廣泛開展，廣大教師都在廣泛開發各種各樣的多媒體課件，各類的教材出版社也都為各自所出版的教材增加競爭的砝碼，在出版教材的同時，80%的教材都有增值服務：如配送電子教案，網上在線學習卡，教學及學生自學光盤和其它類似服務。這些正是教育部在《面向21世紀教育振興行動》中提出的推進我國信息化教育的具體體現。
二、電子教案概念、重要性及常見的制作技術
所謂電子教案就是指利用計算機技術，將教學過程中的大部分內容存儲在計算機中，教學過程通過投影儀或網頁瀏覽進行教學或讓學生自學。
電子教案在現代信息化教育的今天，具有非常大的重要性，主要體現在如下幾個方面。
1.便于電子教案中的各種資源隨時更新與修改。
2.便于教學中的各種教學資源如：文字、圖片、動畫、影片、音樂的高效組合。
3.便于學生復制到家后自我學習，如果將其放在網頁上可供學生瀏覽學習，及其他教師參考。
4.是響應國家創建節約節性社會的需要，可以大量節約紙張。
5.減少教師的重復勞動，提高教師的備課效率，及授課效率。
6.減少教師課堂板書及粉筆使用，還可以減少粉筆灰對教師與學生身心健康危害。
將計算機技術廣泛應用于教學中是在Windows95與Office95以后，從而利用計算機技術取代傳統的電教方法：幻燈片、錄音機、錄像帶的播放。而廣泛采用Word文檔和PowerPoint幻燈片的方法，也開始逐步取代紙質教案，而后又開始出現各種動畫技術、視屏技術應用于教學中。這一類可以說是計算機多媒體課件。這種可以稱之為傳統的多媒體技術，是在以教師為主導的教學模式中，借助多媒體的特有表現形式，對教學內容中的重難點部分展開，以發揮傳統媒體所不能發揮的作用。教師可利用學校的投影教室，播放的教學軟件、圖片、視屏、聲音、動畫、多媒體光盤，用Word電子教案、以PowerPoint制作的幻燈片進行授課。
隨著網絡技術及網頁設計與編程技術的推廣使用，網絡課件，也可以說是網絡型電子教案應運而生，但網頁設計技術沒有普及，所以90%教師都是用PowerPoint制作的課件，同樣，很多教材出版社出版的教材，也有約85%所提供的配套課件是PowerPoint課件，有約10%是教學光盤，只有約5%是網頁形式的電子課件。
三、網頁設計制作電子教案的優點
網頁型電子教案，就是利用網頁設計技術及網頁編程技術，將教學所用的各種資源融合于一體的電子教案。它是教育信息化的實踐前沿、學法教法改革的試驗，是網絡學習的小型集約化活動平臺，不同于PowerPoint一類的課件，優點主要表現在如下幾個方面。
1.利于提高教師的教學水平，減少重復勞動。
教師制作網頁型電子教案，可以將各種教學資源有效地、有序地整合在一起。網頁型電子教案是教師的移動教案，是教師的教學資源庫，有利于教師進行教學；有利于教師對教學資源進行修改與補充，進而提高自己的教學水平與能力。
2.有利于學生學習效率的提高。
其一，教師豐富的教學內容、全新的教學形式可以提高教學的質量和學生的學習興趣。
其二，教師可以將網頁型電子教案放到學校的網站上，供學生學習相關的知識；可以將QQ在線代碼寫在網頁中，這樣學生就可以在網上與老師進行在線交流，將第一課堂延伸到第二課堂。
其三，學生自學。放在網站上的電子教案，學生可以自學，而這種自學模式則突破了看書或翻閱筆記獲取知識的唯一渠道，他們根據自己的需要，在合適的時間、合適的地點、合適的條件下，反復利用網絡點播、觀看多種資源，包括教師的教案、參考資料等豐富的背景資源，建立一種綜合性、創造性、靈活性極強的學習模式。
3.有利于教師同行資源共享。
網頁型電子教案放在網站有利于教師同行之間的交流，有利于教學資源的共享，教師可相互促進、相互學習，從而全面地提高教師整體的教學水平。
4.有利于提升院校形象，可作為開發精品課程的基礎階段。
現在高等學校都要求開發自己的精品課程。通過多個院校網上查尋，做得好的精品課程都采用網頁形式，這是網頁型電子教案的最高形式，所以教師制作網型電子表教案正是精品課程的源泉。
四、網頁電子教案的制作基本技術及要求
網頁電子教案的主要內容是文字、圖片、動畫，只有通過超級鏈接到其它素材上，豐富的內容才可以提高教案的視聽效果和教學效果。在制作與設計網頁電子教案時要注意如下方法與技巧。
1.網頁制作的工具選擇。
（1）FrontPage簡單易學易用，功能強大，基本操作命令同于Word的操作，有利于廣大教師學習與應用。
（2）Macromedia公司的網頁三劍客：Dreamweaver具有強大的網頁設計功能，是用于專業制作網頁的工具軟件、但不易精通；Flash用于制作一些網頁動畫及網頁，也可以制作Flash課件；Fireworks用于網頁圖片進行優化處理。
（3）其它工具。利用相關的工具軟件和網頁特效。
（4）動態網頁技術。可以利用ASP、PHP、JSP等語言編程和用Access、MS SQL、MySQL數據庫技術編制動態網頁，從而實現交互功能。
2.網頁電子教案的組織與規劃。
一個成功的網頁電子教案，教師的規劃能力有相當程度的影響力。網頁規劃包含的內容很多，如網頁的結構、項目的設定、網頁顏色搭配、頁面版面布局、文字圖片的運用等。
3.網頁內容的布局。
網頁的具體內容可以用表格結構、框架結構表示，Dreamweaver用“層”來進行網頁的布局。最好的是用框架結構。用框架結構組織的網頁型教案，學生易于瀏覽，教師易于維護、更新。
4.用網頁模板來建立網頁。
在網頁建立過程中，可以將相同的內容建立網頁模板，從而有利于網頁編輯與修改。
5.用站點的方式來管理電子教案。
在設計制作網頁電子教案的過程中，必須用站點的方式來管理，如文件的移動、更名等操作，否則超級鏈接的屬性就會發生變化。
6.網頁交互式設計。
交互式設計可以作為網頁電子教案的高級應用，有利于師生、同行教師之間交流，還有利于學生自學與自測。
五、網頁電子教案的優化
網頁電子教案的優化主要體現在它的高級應用。很多人認為電子教案就是用于教師教學，但作用信息化的今天，教育部在《面向21世紀教育振興行動》提出推進我國信息化教育進程。網頁電子教案的優點就是在于將教案融于網頁之中，網頁更有利于信息的供享。所以對網頁電子教案的優化處理是網頁電子教案的重要體現。
1.將網頁電子教案上傳到院校的網站上，供學生自我學習。
2.通過電子書制作工具，這些工具可通過網絡下載。如：eBook workshop，eBook Edit Pro等軟件，將電子教案制作成電子書，可以讓學生復制到手機中，從而自由地學習。
3.通過網頁制作的電子教案，加入一定的網頁特效，如在網頁中，禁止復制，禁止另存為，這些特效可以從網上搜索，并輔以框架結構，實現一定的版權保護。這種優化處理，特別有利于教材出版社，可以保護版權，也有利于教師教學成果的保護。
4.在上述2、3點的基礎之上，還可以對網頁電子教案進行打包格式為“EXE”文件，再輔以制作安裝程序軟件，如安裝程序制作專家，可以實現網頁電子教案的軟件化處理，可以加入安裝序列號，制作成需要安裝的學習軟件程序。
5.教師每一年都可以通過對網頁電子教案進行修改補充，制作成程序軟件和升級版本，從而取得一定的商業利益，這也是對教師制作優秀電子教案努力的回報。
六、結語
總之，網頁型電子教案是一種很好的電子教案制作方法，是推進我國信息化教育改革的必要手段，是一種非常值得廣大教師、各級教學管理者、教材開發者及精品課程的開發者進一步探索的制作方法與理念。
參考文獻：
