《網(wǎng)頁設(shè)計與制作》課程教學(xué)案例

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

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

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

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

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

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

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