《網(wǎng)頁設(shè)計設(shè)計》課程教學(xué)大綱

PAGE1—PAGE4—《網(wǎng)頁設(shè)計》課程設(shè)計CourseDesignfor"WebDesign"一、課程基本信息課程代碼：ZB58172周數(shù)/學(xué)時數(shù)：2適用專業(yè)：網(wǎng)絡(luò)工程課程類別：專業(yè)必修課學(xué)分：2先修課程：《多媒體技術(shù)與網(wǎng)頁設(shè)計》二、課程設(shè)計的目的網(wǎng)頁設(shè)計實訓(xùn)是多媒體技術(shù)與網(wǎng)頁設(shè)計的輔助課程，通過本課程的學(xué)習(xí)，讓學(xué)生了解網(wǎng)站的制作流程和基本技能；學(xué)會站點的規(guī)劃與創(chuàng)建，能自己創(chuàng)建個人網(wǎng)站或簡單的企業(yè)網(wǎng)站；掌握靜態(tài)網(wǎng)頁的制作技術(shù)；了解動態(tài)網(wǎng)頁的制作技術(shù)，了解與數(shù)據(jù)庫的鏈接及簡單的數(shù)據(jù)處理；培養(yǎng)學(xué)生的動手能力、綜合應(yīng)用能力和團(tuán)隊合作能力。三、課程設(shè)計內(nèi)容（一）案例網(wǎng)站的學(xué)習(xí)（全班）給定一個網(wǎng)站的源代碼及部分資料，讓學(xué)生將其作為范例，并跟隨指導(dǎo)進(jìn)行操作，了解網(wǎng)站設(shè)計的各步驟。（二）開發(fā)網(wǎng)站（各小組）1.基于如下軟件進(jìn)行網(wǎng)站的開發(fā)：網(wǎng)頁編輯排版DreamweaverCS5、網(wǎng)頁圖像制作軟件PhotoshopCS5、網(wǎng)頁動畫制作軟件Flash、ACCESS數(shù)據(jù)庫、動態(tài)網(wǎng)頁編程語言ASP。2．網(wǎng)站題材選擇：（1）班級網(wǎng)站；（2）旅游景點網(wǎng)站；（3）個人網(wǎng)站；（4）美食網(wǎng)站；（5）公益網(wǎng)站；（6）自由選題，要經(jīng)過指導(dǎo)教師審核。3．根據(jù)網(wǎng)站的相關(guān)主題，分析網(wǎng)站建設(shè)的資料信息，確定網(wǎng)站的風(fēng)格、色調(diào)、logo等主體內(nèi)容。各小組獨立完成，各小組成員不得超過3人，必須有明確的分工，理解所設(shè)計的站點。分工結(jié)果要有專門文件說明。（三）撰寫課程設(shè)計報告（每個同學(xué)）每位同學(xué)都要按要求提交一份課程設(shè)計報告，把網(wǎng)頁設(shè)計中涉及的技術(shù)、自己分工所做的部分需要的技術(shù)進(jìn)行分析及描述。四、課程設(shè)計基本要求（一）紀(jì)律要求為了保證實訓(xùn)順利進(jìn)行，圓滿成功，培養(yǎng)同學(xué)們良好的習(xí)慣，增強(qiáng)修養(yǎng)，提高個人素質(zhì)，特制定如下實訓(xùn)紀(jì)律：1.不準(zhǔn)無故曠課、遲到、早退；若有特殊情況，需事先請假，征求指導(dǎo)教師許可。2.禁止在實訓(xùn)室內(nèi)喧嘩、嬉戲、爭斗，保持安靜，輕聲討論。3.曠課2節(jié)，實訓(xùn)成績不及格，2次遲到算曠課1節(jié)。（二）設(shè)計技術(shù)要求1.頁面布局合理，色彩和諧，鏈接正確，圖文并茂并茂。2.網(wǎng)站頁面大小應(yīng)該滿足800*600分辨率的客戶，兼顧1024*768分辨率。3.主要圖片和動畫為原創(chuàng)，必須且合理使用動態(tài)技術(shù)（包括行為、時間軸動畫、嵌入代碼等），必須且合理運用模版、庫文件。4.分組實現(xiàn)和各自網(wǎng)站風(fēng)格對應(yīng)的留言板。5.站點中網(wǎng)頁總數(shù)不少于8頁。（三）課程設(shè)計報告要求1.設(shè)計報告的內(nèi)容應(yīng)該包括：（1）系統(tǒng)概述：說明該系統(tǒng)設(shè)計的初衷（2）功能需求分析及說明：分析系統(tǒng)，并說明該系統(tǒng)需要實現(xiàn)的功能。（3）系統(tǒng)設(shè)計說明：說明項目的規(guī)劃，系統(tǒng)設(shè)計等。（4）實現(xiàn)方案描述，網(wǎng)站的欄目和版塊；網(wǎng)站的功能和相應(yīng)的程序；網(wǎng)站的鏈接結(jié)構(gòu)；網(wǎng)站的交互性和用戶友好設(shè)計。（5）如果有數(shù)據(jù)庫，進(jìn)行數(shù)據(jù)庫的概念設(shè)計。（6）課程設(shè)計總結(jié)，描述實訓(xùn)過程中遇到的困難及解決方法，并對實訓(xùn)提出建議。2.提交的材料的要求：（1）電子材料包括程序代碼和報告的電子文檔、紙質(zhì)材料為報告的打印版。（2）電子材料要求用rar壓縮打包。文件包括網(wǎng)站的各頁面和所有的素材、數(shù)據(jù)庫文件。rar文件的命名方式為“X班級XY號XYZ(姓名).rar”。（3）報告使用統(tǒng)一的封面，由指導(dǎo)老師具體給定。（4）紙質(zhì)報表統(tǒng)一左邊裝訂。五、課程設(shè)計進(jìn)度安排課程設(shè)計期間，學(xué)生到固定的機(jī)房進(jìn)行，每天安排老師進(jìn)行指導(dǎo)。設(shè)計時間共兩周，其中集中實習(xí)10天，具體安排如下：1.案例網(wǎng)站學(xué)習(xí)階段（2天）：教師給定一個范例網(wǎng)站的源代碼及部分資料，指導(dǎo)學(xué)生進(jìn)行操作，了解網(wǎng)站設(shè)計的各步驟。2.學(xué)習(xí)分析設(shè)計準(zhǔn)備階段（1天）：在資料查閱的基礎(chǔ)上，學(xué)生對所選課題進(jìn)行功能分析與設(shè)計，確定方案、準(zhǔn)備相關(guān)資源。

3.頁面設(shè)計制作調(diào)試階段（5天）：學(xué)生分組完成網(wǎng)站的建設(shè)。

4.撰寫設(shè)計報告階段（1天）：學(xué)生根據(jù)每天撰寫學(xué)習(xí)心得整合成課程設(shè)計報告。

5.答辯與考核階段（1天）：答辯可以用語言表達(dá)方式和直接在機(jī)房中進(jìn)行實際操作與調(diào)試相結(jié)合的方式，指導(dǎo)教師將根據(jù)每一學(xué)生的表現(xiàn)及能力進(jìn)行綜合評分。六、考核方式與標(biāo)準(zhǔn)1.學(xué)生必須按規(guī)定時間提交網(wǎng)站系統(tǒng)和課程設(shè)計報告（包括電子版和紙件），由指導(dǎo)教師組成評委組安排時間進(jìn)行答辯，最終成績由評委根據(jù)學(xué)生的課程設(shè)計報告、程序演示情況、答辯情況以及紀(jì)律情況進(jìn)行評定。成績評定：平時×10%+作品×60%+課程報告×40%2.作品及實驗報告在實訓(xùn)結(jié)束一周內(nèi)上交，否則本次課程設(shè)計成績判定為不及格；如果提交的作品有雷同，所有雷同作品均以零分記載入期末成績。七、推薦教材和教學(xué)參考書（黑體／小四）教材：《DreamweaveCS5網(wǎng)站設(shè)計與開發(fā)實戰(zhàn)》，鄧文淵等，清華大學(xué)出版社，第1版（2013年）參考書：1.《中文版PhotoshopCS5完全自學(xué)教程》，李金明，人民郵電出版社，第1版（2010年）2.《AdobeFlashCS5中文版經(jīng)典教程》，Adobe公司，人民郵電出版社，第1版（2010年）3.《完全實例自學(xué)DreamweaverCS5+ASP+Access動態(tài)網(wǎng)頁制作》，唯美科技工作室，機(jī)械工業(yè)出版社，第1版（2012年）八、其他需說明的在課程設(shè)計的實體設(shè)計工作過程中，沒有統(tǒng)一具體的進(jìn)度要求，但必須在規(guī)定日期前完成網(wǎng)站的設(shè)計、相關(guān)設(shè)計報告，并通過