《網頁設計與制作》課程教學案例

1、成功不是偶然而是必然成功不是偶然而是必然閱讀使人快樂，成長需要時間網頁設計與制作課程教學案例項目名稱淮陰師范學院本科教學評建網建設項目目標：1知識目標：運用所學的網頁設計與制作知識解決實際問題。2能力目標：通過教師、同學及網絡的幫助，感受實際工作中網站設計的一般工作流程，學會表達解決問題的過程和方法，培養(yǎng)學生綜合運用知識分析、處理實際問題的能力；鍛煉學生發(fā)現(xiàn)問題的能力，提高學生組織能力、交往與合作能力、學習技能。3教育目標：培養(yǎng)學生的情感、態(tài)度、價值觀：培養(yǎng)學生實際操作能力，以及與同伴合作交流意識和能力，加強團隊合作。項目重點：1使學生了解實施一個項目的全流程。2綜合運用知識解決實際問題。3熟

2、練所學的網頁設計與制作知識解決實際實際項目。項目難點：1學生綜合運用知識來解決實際問題的能力。2分工合作完成整個項目。3.網頁界面創(chuàng)新能力。教學方法：項目教學法教學過程：一、項目要求：為迎接國家教育部本科教學工作水平評估，要體現(xiàn)“以評促建，以評促改，以評促管，評建結合，重在建設”的方針，實現(xiàn)評估倒計時，包括“組織機構、”“評估文件”、“評建動態(tài)”、“迎評簡報”、“評建知識”、“他山之石”等模塊，網站中應包含“學院主頁”與“教務在線”鏈接，網站風格要簡介、清爽。確定任務：建設淮陰師范學院本科教學評建網項目。二、項目分析（導入課程）我們的學校有這種需求嗎?有哪些學校有類似的需求？教師根據回答進行總

3、結，展示類似項目較廣。引出今天的課程，展示一張由教師最終設計的效果圖為例子。將Photoshop、Dreamweaver軟件與具體的網站設計工作結合起來，設計一張實際工作中的網站效果圖，讓學生從親身的感受中說、做、學，優(yōu)化教學過程，改進學習方式，并倡導學生主動參與學習和同學交流合作，用不同的方式來學習知識。通過自己的討論交流進行探索和實現(xiàn)問題的解決，形成一定的知識解決模型，最終解決實際生活問題。示范項目：以一張網站效果圖為例，細致演示項目的整個流程。（整個演示過程制作成多媒體課件（視頻錄像）放在局域網上，可供學生在實戰(zhàn)項目時，遇到問題可隨時下載再觀看。）項目分析得到問題解決的思路與方法。分析：

4、根據客戶提供的需求，利用Word（visio）、Photoshop、Dreamweaver等軟件制作項目策劃或草圖設計、效果圖、網站前臺方案。整個設計過程分為以下四個子項目：項目需求的整理。項目策劃（詳細）或草圖設計（粗略）。效果圖設計。后期制作與前后臺代碼整合。三、教學策略分析1學習者分析學生學習該項目之前已經掌握了Photoshop、Dreamweaver的基本命令，能夠熟練使用這些網頁設計與制作軟件。教學理念和教學方式教學是師生之間、學生之間交往互動與共同發(fā)展的過程。計算機教學，要緊密聯(lián)系學生的生活實際。采用項目教學法學習，教師可以利用網絡的優(yōu)勢，成為知識傳播者、問題情境的創(chuàng)設者、嘗試點

5、撥的引導者、知識反饋的調整者。學生是學習的主人，在教師的幫助下，小組合作交流中，利用動手操作探索，發(fā)現(xiàn)新知識，自主學習。教學評價方式多樣化，包括師生評價、學生評價、小組評價等多種方式。在課堂上利用明確無誤的工作表結果對學生的學習和練習作出評價，讓每個學生都能體驗到成功的樂趣。采用項目教學法，讓學生把分散知識的各知識點綜合起來，應用于實際的行業(yè)工作中。四、教學準備50臺計算機聯(lián)網，有電子教室軟件或投影機。五、時間安排（總課時：30課時）任務1項目需求的整理。（4課時）任務2項目策劃（詳細）或草圖設計（粗略）（4課時）任務3效果圖設計。（14課時）任務4后期制作與代碼的整合。（4課時）項目內部驗收

6、（4課時）六、項目實施1.實訓項目：淮陰師范學院本科教學評建網建設（老師提供相關圖片文件與資源，可供學生下載）2.學生分組實戰(zhàn)將學生分成10到12個組，每組三、四名同學，每個組模擬一家設計公司角色扮演：小組：網站設計公司小組成員：設計人員小組組長：項目經理教師：客戶組名項目經理成員公司名稱1組（由教師指派）公司名稱由各小組在項目經理的組織下自己命名2組12組客戶交流：由教師扮演客戶，每組在實施項目之前，派出各組的項目經理和客戶交流，聽取客戶的意見，并適當提出自己的各種想法。各小組分組設計：首先由各組的項目經理向小組成員講述客戶需求，組員開始分子項目進行設計，一個子項目應當按期完成，然后項目經理

7、在組內分階段評選最佳的設計，交客戶（教師）審閱，由客戶（教師）提出修改意見，再實施下一個子項目存盤交付作品：每組選出一個優(yōu)秀設計作品，存盤保存后交客戶（教師）競標評選。七、項目驗收（內部驗收）各組項目經理向全班匯報、展示、交流本組設計的最終作品，在介紹過程中要求說明各組平面布置圖的設計思路以及制作過程中遇到過什么問題，這些問題是如何解決的，同時，其他組的同學也可提出問題，讓設計者解釋設計所用的相關技術及特點。最后各組之間進行互評，互相學習，通過相互評價進一步修改各自的設計，評選出客戶最滿意的作品，教師點評。自評/互評表如下：淮陰師范學院本科教學評建網建設項目活動評價表項目內容要求評定（3,2，1,0）自評組評師評與客戶交流是否充分聽取客戶的意見口是口否網站布局是否合理網站布局是否運用合理：口合理口需改進色彩搭配是否合理色彩搭配是否合理：口合理口需改進是否符合人體工程學是否符合人體工程學口非常好口一般口需改進應用價值設計應用價值口好口較好口一般意見與反饋優(yōu)秀作品展示優(yōu)秀作品展示，讓學生看到在小組內評選出的“網頁設計師”的作品，給學生以美的欣賞和智慧的碰撞，這樣的活動很好地激發(fā)了