前言：中文期刊網精心挑選了網頁設計教學教案范文供你參考和學習，希望我們的參考范文能激發你的文章創作靈感，歡迎閱讀。

網頁設計教學教案范文1

1案例教學模式內涵以及特點

案例的教學，美其名曰就是以實際的案例作為依托，然后實習網頁設計教學，這樣的教學形式可以幫助學生能夠爆出扎實的基礎知識與實際實踐操作的要點，按照教學大綱上的需要，對于教學的目標加以確認之后，教師帶著學生工程完善實踐的學習，同時采用小組合作和探索研究的方式，積極的對知識予以進一步的解析與研究，從而不斷對學生處理問題的能力加以提升，另外，教師還需要積極的調動起學生進行溝通的能力和從工作作風等多個方面去進行教學計劃，從整體上去對學生的網頁設計整體水平加以提升，在很多的實踐調查分析之后我們能夠看出，案例教學可以充分的調動起學生進行學習的積極性，并且還可以對網頁課堂教學氣氛進行活躍，從而提升學生進行學習的積極性。

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

2.1案例教學設計

案例名稱：某旅游公司“一日游”的專題網頁設計（1）企業概況。本次進行的案例教學，以某旅游公司的專題設計為內容，該公司從事旅游資源開發工作，是一家具有民營性質的合法公司，在廬山腳下，四通八達，以“廬山”為景點的一日游獨具特色，價格合理，是針對各個群體要求定制的套餐服務，該公司具有自己的宣傳網站，屬于“三星級”旅游公司。（2）“廬山一日游”的主題介紹。人們生活節奏加快，身心俱疲，在周末或者是閑暇的時候，去廬山欣賞自然風光，緩解身心疲勞，通過體驗大好的自然風光，喚醒人們對祖國打好河山的熱愛，

2.2主要教學內容

（1）準備階段。在準備階段，教師應選擇適當的情況，提供給學生，學生根據教師提供的情況，設計主題，進行相關數據收集，教師應該考慮學生的興趣，興趣和學習特點作為基礎，選擇當前的熱點問題，以及學生關心的問題，善于解決問題，從而保護案例教學的成功。（2）明確的設計主題。教師將成為向課堂上所有學生分發的第一種材料，根據教學目標和公司情況，清晰的設計主題，要求學生設計具有風格特點，可以對互動功能頁面產生市場影響。（3）練習分組。在班上有45名學生，9人分為5組，每組選擇一組組長，組內容分配書面報告寫，數據收集任務，調查時間為半天，討論研究時間是長時間。在整個實施階段，教師需要參與整個過程，為學生解決各種問題，教師積極與各個小組保持聯系，檢查他們的網頁制作情況，發現問題及時解決。（4）結束的過程。這一階段是總結網絡生產情況，分析問題，總結過程中的經驗，案例評估可以是學生自我評價，教師評價和群體相互評價三種方法。

3案例教學落實過程中應該注意的問題

在案例教學過程中，和諧學習分為良好的師生關系和科學知識體系，這是促進案例教學成功的重要因素。因此，教師應更加注重這些方面，并為案例教學提供更多良好的條件。

3.1營造輕松、和諧的學習氛圍

網頁設計教學，和諧氣氛，學生的思維能更加積極，心理會產生安全感和自由感，網頁設計，數據分析與分析的時間，可大膽的想象力，教師在案例教學實現，記住他只是一個指導，在適當的時候給予學生輔導，但不能取代學生的思維和設計，教師應該充分發揮學生的主動性，讓學生獨立完成案例教學過程。

3.2提高教師素質，構建良好的師生關系

如你想確保計算機網頁設計案例教學的順利進行，教師需要有博潮知識，有經驗的特點，這是老師為學生傳授的基本條件的經驗和知識。因此，教師必須繼續學習，以便為學生提供豐富的信息。因為唯一的辦法是提高教師的影響力和威望，從而提高教學質量和教學效果。此外，老師應該全面，多角度關心和關心學生，而學生在中間，為了更好地感受和體驗內心世界，然后做好老師，努力成為學生朋友。

3.3建立科學合理的知識體系，選擇合適的教學案例

良好的認知系統是幫助學生掌握快速消化知識的關鍵，學生有基本的條件來理解和適應環境，在學習中可以繼續實現知識的同化適應，遵守功能也是更優秀。但是良好的認知系統不是從一開始的，老師應該引導學生建立內在知識和新知識點之間的聯系，以大綱為基礎，案例教學，應該確保案例有很強的針對性，可以充分反映相關知識點的大綱。例如，當布置網頁時，可以通過使用表，框架和層來完成。例如，當你為一個食物網站制作圖表：要確定頁面的主要顏色，將背景圖像放在第一層：添加活力和活力，可以插入第二層哈希動畫：食物將入到第三層：為了反映食物文化，可以與第四層的歌曲相關聯：增強頁面三維，將浮動對象添加到第五層。此外，教師應鼓勵學生使用表單布局來解決問題，然后是層的內涵，然后逐漸解決問題直到完成學習任務。

結束語

案例教學是網頁設計教學中最有效的教學方法。它的應用突破了傳統的無聊和單一教學模式，釋放了學生的思維，教學更相關，學生成為學習主體。設計本身非常實用，教學必須結合理論與實踐兩個方面，案例教學符合教學理論與實踐的要求，提升網頁設計教學質量和效率。本文從幾個方面分析案例教學在網頁設計教學中的應用，希望為相關教育工作者提供一些建議和參考。

引用：

[1]陳思聰.淺析電子商務案例教學模式[J].教育現代化，2016（10）.

[2]林麗釵.案例教學在高職教育學中的實際運用[J].科學中國人，2016（15）.

網頁設計教學教案范文2

關鍵字：網頁設計 開發 案例教學法

近年來，隨著IT行業的迅速發展，特別是電子商務網站的發展與成熟，《網頁設計與開發》課程已經成為了計算機、電子商務等專業的必修課程之一。網站的發展帶來了專業人才的需求空間，也相應的提高了學生對課程教學的要求。通過案例教學法，讓所教學生更加了解網頁設計的內容，同時適應企業對人才的要求。

一、案例教學法概論

案例教學始于哈佛商學院，從十九世紀末開始至今，在法學、管理學等學科領域應用廣泛[1]。案例教學比較傳統型教學更加具有開放性和雙向性，能在一定程度上提高學生的思維能力和創新能力。從某種意義上說，案例教學法的主體不僅僅是教師，它更加注重教與學的結合，同時具有啟迪性，通過分析讓學生舉一反三靈活應用，從而讓學生學習到與未來職業接近的工作方式和解決問題的實際能力。由于案例教學法中采用的教學案例來自于工作中所遇到的實際問題，也能提高學生的學習興趣和職業能力。

二、采用案例教學法的原則

（一）符合課程特點的原則

網頁設計與開發是一門實踐性很強的課程，通過學習這門課程能夠培養學生解決實際工作問題的能力。案例的選擇必須是與現實工作相關的內容，讓學生能夠充分了解工作的實質和學習解決實際問題的方法。

（二）符合學生特點的原則

對于學生應采用因材施教的原則，在學習案例的同時，要不斷的啟迪學生，讓學生能夠將所學的只是融會貫通。

（三）符合課程體系特點的原則

《網頁設計與開發》是一門結合多種軟件制作工具的課程，其中包括：Dreamweaver、Flash、Fireworks、Photoshop等，加上HTML技術以及有關的數據庫，可見學生要掌握和了解的知識點相當多，容易造成知識之間的干擾，不利于吸收知識，因此應該以Dreamweaver為主線，結合相關案例讓學生能夠將所學的各項內容有機的結合起來。

三、案例教學法的具體應用

（一）課程引導階段

此階段主要在于培養學生的興趣，激發學生的好奇心。通過演示一些經典的網頁案例來啟發學生的積極性，例如新浪網、淘寶網、百度等一些優秀的具有不同功能的網站讓學生進行觀看。在演示的同時，讓學生思考例如商業網站和個人網站的不同與特點，綜合性網站和商業網站的不同于特點等等。同時講解站點的設計理念、標志的設計、色彩的應用、信息的組合、超鏈接的層次等等。在這個階段需要對網頁設計的知識點講解透徹，讓學生對于如何制作網頁與網站有清晰的條理，為學生制作網頁打下好的基礎。

（二）學習制作階段

例如在進行Dreamweaver教學時，可以講教學內容與實際案例相結合，在講到表格時，可以舉表格布局網頁的例子，在說到層時可以通過彈出菜單的例子來進行分析講解；在說到“行為”時，可以掩飾單機播放輔導能夠廣告漂浮欄的實例。在進行Photoshop教學時，可以將各大網站的LOGO截圖給學生進行觀看，讓學生了解網站LOGO的制作對網站的重要性，再引入PS教學。在進行Flash教學時，可以下載網上大量的素材，在制作蝴蝶花叢飛的動畫時，先播放一段蝴蝶翩翩起舞的影片，制作獵豹奔跑的動畫，可以讓學生在網上分別尋找獵豹和森林的背景圖片，通過素材的收集和應用，不僅可以提高學生的審美能力、想象力和興趣，還可以制作出更加生動的動畫作品。

（三）綜合項目合作階段

通過一段時間的基本技能的學生后，讓學生分組完成網站的制作。要求學生在課余時間去學校附近聯系自己的客戶，客戶可以是物流公司、小商鋪、學校、企業等，為客戶制作一個小型的宣傳網站。通過這種方式一方面可以為我們搭建一個學習的平臺，使學生在學習的過程中也能體會到制作網站的整個流程；同時也可以培養學生在網站制作過程中能及時與客戶進行交流溝通的能力，為以后從事這方面的工作打基礎。

四、結束語

實踐證明，通過在《網頁設計與開發》課程中采用案例教學法，同時利用好實踐教學環節，可以有效的將理論教學與能力應用相結合，通過自己分析、制作、合作大多數學生都可以自己或者與團隊一起完成完整的網頁作品。不同的環節采用的不同案例，讓學生能夠學會主動研究問題、分析問題、解決問題。俗話說“授人與魚不如授人與漁”。學生本身也很愿意接受這種教學方式，且在課后也能夠積極主動的完成教學任務。希望通過更多的實踐與探討，給計算機教學帶來新的啟示。

參考文獻：

網頁設計教學教案范文3

關鍵詞： 網頁型電子教案 制作 優化

一、前言

隨著計算機技術及網頁設計技術的發展與應用，教育界正在利用計算機制作電子教案，以取代傳統的紙質教案。而在制作各種電子教案的過程中，最優的方法是利用網頁設計技術制作，再輔以其它應用工具對其進行優化。

教育部在《面向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.教師每一年都可以通過對網頁電子教案進行修改補充，制作成程序軟件和升級版本，從而取得一定的商業利益，這也是對教師制作優秀電子教案努力的回報。

六、結語

總之，網頁型電子教案是一種很好的電子教案制作方法，是推進我國信息化教育改革的必要手段，是一種非常值得廣大教師、各級教學管理者、教材開發者及精品課程的開發者進一步探索的制作方法與理念。

參考文獻：

網頁設計教學教案范文4

關鍵詞：網絡課程；學習環境；信息資源；教學策略；教學設計

中圖分類號：G462文獻標識碼：A文章編號：1007-9599 (2012) 03-0000-02

Web Design and Production Curriculum Development and Practice

Tang Huai

(Zhaoqing Business and Technology College,Zhaoqing526040,China)

Abstract:Web design and production of network programs compared to traditional courses in educational philosophy,educational models,teach-

ing strategies,learning and evaluation aspects of change,breaking the constraints of time of teaching and learning,provides a good learning resources,learning environment,and convenient learning.This article focuses on the learning environment of the online courses to build analysis and discussion and teaching strategies and evaluation systems design.

Keywords:Network courses;Learning environment;Information resources;Teaching strategies;Instructional design

一、引言

《網頁設計與制作》是我院計算機各專業及電子商務類專業的必修課程，自開設以來深受學生的喜愛。因本課程教學內容及教學資源較多，學生很難在課程中完全掌握所學知識，為更好地補充和輔助學生進行課外學習，更加開放的網絡教學成為本課程的有益補充和良好的學習途徑。

二、課程分析與設計

《網頁設計與制作》課程是高職高專計算機專業的一門技能課程，結合職位崗位對人才的需求，我們收集了網頁設計、平面設計、動畫設計、動態網頁開發等課程的相關知識，對本課程的教學內容、知識結構、信息資源的選取、教學策略的使用進行了精心的策劃和設計。我們將學生熟練的網頁設計與開發的操作技能作為培養重點，在課程教學設計中，以“高素質、技能型”人才為培養目標，采取“小組協作學習”的學習方式完成整個課程的教學，并注重對小組的考核評價。

（一）學習需求分析

對于高職高專的學生，學習的主動性和積極性不夠強，但對于操作性比較強的課程，往往有強烈的學習愿望，針對學生的特點，并根據《網頁設計與制作》這門課程的性質特征，在教學中我們主要采用任務驅動的教學方法，實施項目教學，讓學生的學習和工作的內容緊密相聯，這樣不僅能夠吸引學生的注意力，并且能夠提高學生的學習興趣，同時達到“工學結合”的教學理念。

（二）學習內容分析

我們分析了多門與網頁設計與制作相關的教材，從課程的實際應用與培養需求出發，對教學內容進行了重新安排。從本課程的教學實際出發設定的學習目標是：培養學生具有一定的藝術素養，較強的網頁鑒賞能力，熟悉網頁設計創意的原理和方法，熟悉HTML、CSS、JavaScript和網頁制作工具，熟悉網頁的制作和流程。能夠根據客戶需求進行網頁設計與制作以及進行網站的維護和管理工作等。考慮到學生的層次不同，大家可以根據自己的實際情況有選擇的學習適合自己的模塊，自學能力較強的學生可以通過我們的網絡平臺得到進一步的提高和知識的拓展。

（三）知識結構體系

網頁設計與制作融合了平面設計、網頁制作、動態程序、數據庫等知識，作為一門綜合性強的課程.。把核心知識以最快、最有效的方式傳遞給學生，而又要能使學生容易掌握，所以本課程以“表格式”布局作為教學的主線，把Photoshop平面設計、Flas設計融入其中，同時適當引入“div+css”網頁布局的內容。而在動態網頁設計中，簡單介紹Asp+Aceess動態網頁設計知識。據此，在學習內容的組織上，以“用表格進行頁面布局”和“網頁與數據庫”這兩個知識點為主線，將其它知識串聯起來，可幫助學生迅速建立起知識的體系結構。

圖1 《網頁設計與制作》網絡課程知識體系和信息資源結構圖

三、信息資源的選擇

在《網頁設計與制作》網絡課程的設計中，以課內項目、課外項目和教學專題的形式進行信息資源的規劃與整合，選擇合適的形式來展現信息資源是非常重要的。如在網頁的中文排版教學模塊中，網頁文字材料應以文本為主，而涉及的圖片只需提供原始圖片即可，增強學生對資源的應用與處理。而在“實驗演示”、“動態網頁的原理”模塊中，以動畫的形式形象地展示出來，激發學生的想象力。而在課外拓展模塊中，信息資源應以視頻的形式展現，使學生方便參照與模仿。信息資源總體結構見圖1。

四、教學策略的設計

（一）任務驅動的教學模式

“任務驅動教學”就是將要學習的新知識隱含在一個或幾個任務中，學生通過對任務進行分析和討論，明確該任務所涉及的課程知識，并找出其中的新知識，然后在老師的指導和幫助下找出解決問題的方法，繼而完成相應任務。《網頁設計與制作》課程在教學中使用“任務驅動教學法”的具體做法是：教師先給學生呈現一個具體的網頁效果，接著與學生共同分析該網頁需要如何去處理，然后在老師的指導下師生共同完成網頁，形成“階梯式螺旋化”教學模式。這樣做的好處是：通過一個任務的完成，培養學生發現問題、分析問題、解決問題的能力，激發學生的學習興趣，同時能夠提高學生的實際動手能力；而且將新知識點融入任務中進行學習，所學知識具有一定的針對性與目的性，學生的學習就會認為學的有價值，且通過一項任務的完成，學生同時可以體會到一種成就感。

（二）開放式自主學習模式

本課程建立的網絡教學平臺中包含本課程的教學資源、教學課件、課程教案、教學指導等模塊。通過網絡提供10大類、45000多個文件的立體化教學資源，所有的教學資源可在網上瀏覽和下載，任何學生在任何時候、任何地方都能借助網絡學習。同時開發了在線答疑系統，提供了QQ和TQ兩種訪問途徑，在線訪問和離線留言兩種方式。在“學習資源區”針對不同層次的學習者設計了豐富的學習資源。通過電子教案，學習者可以了解教師課堂上講授的知識要點，并可下載素材進行相應的訓練；如果在學習中遇到了困難，一般通過“學習資源區”中的“你問我答”即可解決，確需教師幫助的，也可在網絡的“教師答疑”中給教師留言。專題學習板塊基本上覆蓋了較高層次學習者所要了解的知識。

（三）課外小組協作學習模式

在課外作業環境，采用基于構建主義學習理論的協作學習模式。一方面教師在網絡教學平臺創建學習主題和要求，另一方面學生可自由創建學習主題和內容，挖掘優秀學生的潛能。由學生自行組成小組并進行分工設計，在設計過程中可通過小組討論、師生網絡交流進一步深化和完善學習內容，完成后相互進行評價和交流。因此在設計網絡課程時要注重協同工作環境的設計，充分發揮網絡的功能。

五、學習評價系統的設計

為更好地評價學生在網絡教學中的學習效果，學習評價系統的設計是十分重要的。在本網絡課程中，根據學習者的學習需求和特點，進行不同程度的強化練習評價，并及時給出反饋意見。在學生完成對應的學習內容后，教師可以對學生進行評價，學生之間也可以相互評價。同時完成專題學習后，挑選出優秀的作品進行課外開放式評價，增強學生的成就感，以此達到學生的再學習的主動性。

六、結束語

全方位、立體化的網絡課程教學資源，彌補了課堂討論的局限性，調動了學生課內及課外學習的主動性和積極性，促進了學生對課程的全面掌握和理解，滿足了不同層次、不同學生對計算機知識的學習的需求。而網絡教學系統又具有共享性、交互性、非線性、時效性、多媒體化、服務個性化等特點，從而為學生自主學習的開展提供了保證，拓展了學習的空間和時間，充分保證教學活動的開放性、自主性，學習方式靈活多樣。

參考文獻：

[1]武法提.網絡課程設計與開發[M].北京:高等教育出版社,2007

[2]戴士弘.高職教改課程教學設計案例集[M].北京:清華大學出版社,2007

[3]董志彪,李文光.網絡環境下主題式學習的教學設計與實施[J].中國電化教育,2007

[4]黃榮懷.網絡課程開發指南[M].北京:高等教育出版社,2010

網頁設計教學教案范文5

關鍵詞：網頁設計與制作；教學案例；任務驅動

中圖分類號：G642 文獻標識碼：B

文章編號：1672-5913(2007)18-0026-02

1引言

“網頁設計與制作”課程是高職計算機專業的必修課，也是大多數學生感興趣的課程。隨著Internet的飛速發展，網絡已深入到社會的各個階層，大批學生對網絡、網站和網頁等概念都已有了初步認識，同時也自己動手設計網頁，建立自己的個人網站。因此，借助良好的學習動機，尋求合適的教學方法，是幫助學生掌握好該門課程的關鍵。

2采用多維、多層次教學模式，調動學生學習主動性

目前，我國的高職教育正逐步形成以就業為導向，以能力為本位，以實踐為中心，以獲取職業資格證書為標志，以促進學生的職業生涯發展為最終目標的辦學模式。因此，在計算機課程的教學過程中，我們強調理論以夠用為度，關鍵是強化實踐教學，培養學生的動手能力。在“網頁設計與制作”課程教學中，我們將理論課與實踐課的學時比例設置為1:2，如何上好這占據總學時數1/3的理論課，并且能滿足不同層次學生的學習需求，是理論課教學的關鍵。

2.1精心制作多媒體教學課件

單調的100分鐘理論課，會使學生感覺到沉悶和乏味，因此首先要在多媒體教學課件上下功夫。多媒體教學課件是課堂教學的靈魂，它不只是文字與圖像的組合，還融合了各種設計元素，如音頻、視頻和動畫信息，使課堂變得更加生動和精彩。制作課件時，我們根據教學大綱，鏈接了一些國內優秀網站，并對網站的結構和網頁進行分析研究，同時鼓勵學生多瀏覽觀摩優秀的網頁作品，增加感性認識，培養審美觀念，這樣對提高學生分析問題、解決問題的能力和學習興趣都有很大的幫助。

2.2采用任務驅動和案例教學法

在教學過程中，我們采用任務驅動和案例教學相結合的教學模式。教師首先演示制作網頁案例，傳授本節課所需掌握的知識點。然后學生模仿制作演示案例，在完成演示案例制作的基礎上，對學生提出基本要求“根據教師提供的素材和要求擴充演示案例”和更高要求“自己收集資料和素材，以教師提供網頁案例為模板，制作網頁”。

例如，在框架網頁教學模塊中，我們所采用的任務驅動教學內容如表1所示。

2.3利用網絡資源，實現網上自學與答疑

高職院校學生大部分有較強的求知欲望，壓縮后的課堂理論教學已不能滿足他們對知識的渴求，應充分利用網絡教學資源來滿足不同層次學生學習的需求。在“網頁設計與制作”課程的學習中，我們在校園網上網絡教學課件，內容包括課程教學大綱、電子教案、視頻教學、實踐教學、課后習題、知識拓展、網上答疑等模塊，不但能引導學生有效利用網絡資源，而且網上教學不受上課時間、所學專業限制，只要對本門課程有興趣，就可進行網上自學。另外，在課件中還和其它高校“網頁設計與制作”精品課程網站相鏈接，滿足較高層次學生的學習需求。

2.4以競賽促興趣，發揮激勵機制

在教學中，每一模塊學習結束后在全班范圍內進行作品展示。每組提供一份優秀作品，由設計者進行作品演示講解，然后由教師進行點評，同學打分，評選出優秀作品，同時將優秀作品上傳到校園網。通過這種活動提高學生的學習積極性、激發學生的競爭意識，同時還培養學生的創新精神和團結協作精神。

3強化實踐教學，培養學生的動手能力

在課程設計中，實踐教學占總學時的2/3。實踐教學的貫徹落實，是關系到課程設置目標能否實現的重要一環。在實踐教學中，我們設計了“課堂訓練――模塊設計――教學實訓”一體化的實踐教學體系，培養學生的實踐動手能力。

3.1課堂訓練

課堂訓練時，一定要做到重點突出，目標明確。我們要求指導教師每次上機課必須用10~20分鐘的時間，安排上機操作內容，講解操作要點，起到配合和輔助理論教學的作用。這種方式不僅緩解了理論教學時數不足的問題，還能提高學生的上機操作效率。

3.2模塊設計

當一個模塊理論教學結束后，教師安排一定學時進行模塊設計訓練。教師根據教學模塊內容選擇一個教學案例，教學案例要求具有一定的代表性，不需太過復雜。學生首先分析、模仿案例，培養對這一模塊理論知識的實踐應用能力。然后要求學生以此案例為樣本，自己收集資料設計制作作品，在設計制作過程中教師給予正確引導，在深度方面給與拓展。這樣既完成了實習任務，掌握了學習知識點，又讓學生獨立完成作品，產生成就感和自豪感。

3.3教學實訓

教學實訓階段是學生對本門課程知識的總結和鞏固，并且把所學知識應用到實際工作中的階段。我院與校外企業合作，建立了兩個計算機專業教學實訓基地，為學生提供了實訓場所，加強了學生實習實訓技能培養。另外，我們還提倡和鼓勵學生積極參與教師的教學與科研項目。如有些學生協助教師制作網絡教學課件和精品課程建設，通過實踐應用，不但將課程中所學的知識點融會貫通，強化了對知識的理解和掌握，又培養了學生制作網頁的系統性、精細性和藝術性；還有些學生參與校園網內容設計與建設工作，如在校園網中開辟班級專欄和一些社團活動新聞專欄，同時參與校園網的維護工作。

4課程考核方式的改進

對于“網頁設計與制作”課程，傳統單一的筆試考核模式不能全面真實地反映學生的知識、技能和能力，因此必須將考試重點轉移到考核學生的實際技能方面。

在“網頁設計與制作”課程的考核模型中，我們主要采用作品評價方式進行。該課程的最終目的是要求學生應用所學知識，設計出個性化的特色網站，并上傳到Internet供用戶瀏覽訪問。因此，最好的考核方式就是評價學生所做的作品。由于這類作品不能在短時間內完成，因此我們在教學實訓階段，就要求學生一邊進行操作實訓，一邊著手收集資料，設計自己的特色網站。作品評價時，根據學生提供的域名地址，進行課堂演示，學生總體評價占30%，教師評價占40%，平時作業和上機實訓成績占總成績的30%。這種考核方式注重實踐操作和應用開發能力的培養，可大大發揮學生的學習積極性和主動性。

5結束語

興趣是最好的老師。在教學過程中，從學生感興趣的角度出發，對課堂理論教學、實踐教學和課程考核方式等方面進行探索和改革，能使學生從被動學習轉變為主動學習，提高其實踐操作技能，拓展其知識面。近兩年來，我院學生網頁設計作品多次獲得省級、校級獎勵，部分學生積極參與教師的科研工作，其實踐能力和創新意識得到了較好的培養。

參考文獻

[1] 白建明等. 高職計算機專業教學模式的研究[J]. 計算機教育，2006，(2).

網頁設計教學教案范文6

《網頁設計與制作》課程是計算機網絡、電子商務、計算機軟件及計算機應用等專業的一門必修的專業課，是進一步學習《動態網站開發與管理》等專業課程的基礎。通過課程建設，力求建設一套有效地、完整的教學資源，達到職業教育的教學目標。

關鍵字：職業教育 課程建設 工學結合

中圖分類號：G71 文獻標識碼：A 文章編號：1672-3791（2015）08（b）-0000-00

課程建設不僅僅是將教學大綱、教學課件、教案首頁、例題等教學資料整理在一起就完成的，而是要根據此課程所對應的職業或行業的需求，通過企業調研、企業專家研討等多種途徑從中獲取，總結出課程的技能解析表，使之成為課程建設目標的依據。課程建設成功與否的標志在于其群體教學質量與教學水平是否真正得到提高。課程組成員對課程的內容、課程體系及課程的各個環節的認識，這些最終都依賴于在課程教學中起到主導作用的教師，因此教師自身業務水平的提高是課程建設的核心，是提高教學質量的關鍵。所以在課程建設規劃中必須把促進師資隊伍建設擺在首位，并且將隊伍素質、隊伍水平、師資培養及提高都安排出明確的目標，只有這樣，才能確保課程建設成為有源之水，才能保證教學質量的穩步提高。

1 課程建設目標

《網頁設計與制作》課程是HTML、XHTML、JavaScript、CSS及網頁設計制作相關軟件應用等專業知識的綜合應用，在《網頁設計與制作》的基礎之上后續課程有《動態網站開發》等內容。通過本課程和相關課程的學習，學生能夠勝任WEB前端工程師的工作。在課程建設上，我們一直探索如何有效進行教學，逐步形成了以項目驅動、案例教學為主的符合高職學生學習的教學模式，具體計劃如下：

（1）將工學結合的教學理念運用到積極探索教學方法改革中，一方面進行企業調研，根據網站建設的職業技能要求，進一步分析總結本課程的典型工作任務；另一方面，根據項目驅動為主的教學模式，撰寫教學大綱、課程設計方案、項目任務書及項目任務指導書，力爭提高教學效率和教學的規范化建設。

（2）著力健全本課程的教學資源建設，包括：項目案例集、理論與技能試題庫、網頁設計素材庫、校本講義等教學資源的整理和完善。同時，進一步增強師資隊伍建設和提高教師的業務能力，安排教師積極參加相關專業的培訓及企業實習，這些措施的實施不僅開拓了教師的思路及眼界，更提高了課題組成員的專業水平。

（3）教學實踐，進一步完善已開發的課程資料，并爭取企業人員的意見。“實踐是檢驗真理的唯一標準”，組織教學實踐，不斷地更新課程內容，調整課程結構，改革教學方法與手段，加快了實訓教學條件與教學資源的建設步伐，逐步形成了講授課、實驗課、學習指導課相結合的教學模式，注重增強教學互動性。

2 課程建設內容

明確《網頁設計與制作》課程在網站開發工作流程中的作用和職業技能要求，從而對教學方案、教學內容、教學模式等方面的課程設計做出了根本的改變，力求使教學目標更符合實際的行業標準，即網站開發中前端工程師應具備的應聘條件。

《網頁設計與制作》課程建設內容主要包括課程目標、課程內容與結構、教學方法和手段、課程團隊、課程資源、課程考核、課程管理等幾個方面：

（1）在課程目標建設方面：通過廣泛的專業調研與市場調查，并結合往屆畢業生反饋意見，不斷改進完善人才培養方案，適時地調整課程目標，明確了課程的職業崗位指向和職業能力要求，明確課程知識目標、技能目標，進一步明確以職業崗位能力要求的課程目標，使之更加貼近不斷發展的職業崗位技能要求。通過市場調研得出的對專業人才的需求有以下幾個大的方面：

①擁有過硬專業技術能力；

②善于交際，擁有較好的口才，能與領導同事和客戶進行較好的溝通與交流；

③堅守職業道德，能吃苦耐勞、有較強的團隊合作精神；

④能及時了解市場行情，思維敏捷，具有創新能力；

⑤不斷地學習進取，具有自主學習能力和知識應用的能力。

（2）在課程內容和課程結構建設方面：《網頁設計與制作》課程的教學內容是綜合應用到HTML/XML、DIV+CSS技術、JavaScript/Ajax、圖形圖像處理、動畫制作等編寫代碼能力、信息采集處理能力及網頁制作技術，同時要熟悉相關軟件的操作使用，如：Dreamweaver、Photoshop、Flash、CorelDraw等，是進行動態網站開發的前端工作。在課程建設中過程，收集和整理課程骨干教師、行業中的技術專家的意見，調整和完善課程教學和課程內容設計，圍繞培養網站開發應用型人才這一中心目標、注重培養學生創新思維能力和實踐動手能力。調整各教學模塊的課時分配，加大功能模塊和綜合實訓模塊的課時。

（3）教學方法與手段建設方面：為培養學生綜合應用知識的能力，采用教學案例教學法，通過對完整項目的工作流程，培養學生從設計網站頁面及站點管理到制作整個網站靜態頁面的綜合應用能力，調動學生學習的積極性，充分利用啟發式教學原則進行教學，使學生在課堂中能積極思考；注重理論聯系實際，使學生在學習過程中能夠理解平時上網時所應用到功能的實現過程，不再感到枯燥無味。在機房里采用講授、教師示范、學生演示、學生練習等多種教學方法， 切實提高教學效果，以提高學生的動手能力、創新能力為目的，將課件、教案、習題、測試題等學習資源提供給學生，實現優質教學資源共享。

在機房授課，學生一人一機，多媒體教學，大大提高了課程的教學效果，但教學課時有限，課后自主學習，加強基本功的訓練尤為重要。且計算機的發展日新月異，課程教學的滯后與目前技術的發展，讓學生及時了解與課程相關的技術動態，不要與當前社會需求脫節，開闊眼界，擴寬知識面也是非常有必要的，因此在精品課程建設的過程中加大了網上學習功能的建設力度，可以讓學生把課堂上沒有消化吸收的知識點通過精品課程中的教學資源進行自學，通過項目案例加強實踐動手能力訓練，進行課外延伸學習。

（4）為企業提供技術服務方面：為學生創造實踐機會，與北京航空城賓館簽訂了網站開發協議，該網站的主要功能就是企業宣傳，包括前臺展示和后臺管理兩個模塊。

（5）課程研究建設方面：開展課題組集體教研活動，加強課程目標、課程教學內容、教學方法、教學手段等方面的研究，撰寫課程設計方案、項目任務書和項目指導書、搜集整理案例集、理論及實踐題庫等教學資料，并于本學期開始實踐教學活動，進一步修訂課程設計方案、項目任務書及指導書，完善教學資料。

（6）課程研究建設方面：開展課題組集體教研活動，加強課程目標、課程教學內容、教學方法、教學手段等方面的研究，撰寫課程設計方案、項目任務書和項目指導書、搜集整理案例集、理論及實踐題庫等教學資料，并于本學期開始實踐教學活動，進一步修訂課程設計方案、項目任務書及指導書，完善教學資料。

3 結論

通過《網頁設計與制作》課程建設，不僅僅是建立了一套完整的教學資源，更是認知和實踐了一套先進的教學理念。

首先，體現在教師自身業務水平的提高。師資隊伍建設是課程建設的核心內容，是提高教學質量的關鍵。創建學習條件，相互聽課，取長補短，不斷提高業務素質，教師隊伍整體水平和業務綜合能力上都有了顯著提高，建成了一只愛崗敬業、教學基本功扎實、學術水平較高且結構較合理的師資隊伍。

其次，體現在教學理念的根本改變。學校曾組織教師參加過“工學結合”的教學思想創新的培訓，教師不斷學習實踐新的教學理念、不斷提高教學質量是課程建設的根本所在。在課程建設規劃中，必須明確本門課程在不同階段的教學質量的內涵與目標，以確保課程建設的準確操作，從而達到不斷提高課程教學質量的目的。

最后，體現在課程體系的建設。課程標準是教學的法定性文件，是組織教學的基本依據。而教學資源是教學內容、教學方法的重要載體，學生評價是促進教學質量、確保教學實踐有效實施的方法和手段。

參考文獻

[1] 首珩.高職加強精品課程建設的研究[J].職業技術教育，2003，（25）：39-42.