《HTML網(wǎng)頁編程技術(shù)綜合課程設(shè)計》教學(xué)方案-1

1、【精品文檔】如有侵權(quán)，請聯(lián)系網(wǎng)站刪除，僅供學(xué)習(xí)與交流HTML網(wǎng)頁編程技術(shù)綜合課程設(shè)計教學(xué)方案-1.精品文檔.網(wǎng)頁編程技術(shù)綜合課程設(shè)計教學(xué)方案一、課程設(shè)計目標(biāo)通過該課程設(shè)計綜合應(yīng)用本學(xué)期所學(xué)的網(wǎng)頁制作知識，全面建立對網(wǎng)站的認(rèn)知，建立網(wǎng)站設(shè)計與網(wǎng)頁制作的基本思想；學(xué)會網(wǎng)站功能規(guī)劃、網(wǎng)站布局、網(wǎng)頁制作、網(wǎng)頁配色等的基本技巧，掌握網(wǎng)頁制作與網(wǎng)站設(shè)計相關(guān)軟件的使用方法；通過課程設(shè)計教學(xué)環(huán)節(jié)能夠制作有一定實用性的網(wǎng)站；能解決一些實際應(yīng)用問題并以此為基礎(chǔ)進(jìn)一步擴(kuò)展到相關(guān)的學(xué)科上；通過本課程設(shè)計提高網(wǎng)頁的審美意識；通過團(tuán)隊合作制作網(wǎng)站，培養(yǎng)團(tuán)隊協(xié)作精神，初步了解軟件企業(yè)開發(fā)軟件系統(tǒng)模式，為將來適應(yīng)工作打開良好

2、的基礎(chǔ)。二、設(shè)計要求1本課程設(shè)計分小組進(jìn)行，各小組成員原則上24人，不得超過4人,由小組長協(xié)調(diào)分工,每個組員充分發(fā)揮團(tuán)隊協(xié)作精神。2自選主題，使用Dreamweaver網(wǎng)頁設(shè)計與制作軟件，設(shè)計并制作一個內(nèi)容完整、結(jié)構(gòu)規(guī)范合理的靜態(tài)網(wǎng)站，要求選取內(nèi)容健康，網(wǎng)站中出現(xiàn)一定數(shù)量的圖像和多媒體。網(wǎng)站主題應(yīng)大小適中、內(nèi)容健康、具有時代氣息；網(wǎng)站提供的信息應(yīng)與網(wǎng)站主題相符合, 主題突出、內(nèi)容豐富；3.頁面設(shè)計合理、美觀，有創(chuàng)意，適用于各種顯示器的分辨率和顏色。4.每個頁面都要求有導(dǎo)航條和頁腳信息，需要將這些信息制作成庫項目，然后根據(jù)需要將之插入到模板或其它頁面中。各個頁面都要有標(biāo)題，而且布局要合理、美觀、

3、大方。布局網(wǎng)頁時要盡量主流布局方法（必須使用Div、表格等），并要有一定復(fù)雜度。5.頁面中需要有文字、圖像、多媒體、超鏈接等，要求達(dá)到圖文并茂的效果。所使用的文字的大小、字體和顏色要認(rèn)真處理，除非特殊需要，不能出現(xiàn)空鏈接，文字不能簡單用截圖代替；所需圖像和多媒體素材盡量自己設(shè)計，如有下載，自己必須再作處理，不得直接使用現(xiàn)有商業(yè)網(wǎng)站標(biāo)志。6. 為了保證頁面的設(shè)計效果更好地兼容各種瀏覽器以及便于改版，要求用獨立的CSS文件設(shè)置頁面內(nèi)容格式。7.為主頁添加背景音樂。8.需要使用一定量的JavaScript腳本，使網(wǎng)頁具有一定的交互功能。每小組必須制作一個表單，表單輸入內(nèi)容需要使用正則表達(dá)式進(jìn)行驗證。

4、9.要求首頁和一級頁面之間能夠互相跳轉(zhuǎn)，必須有返回上一層的鏈接。10網(wǎng)站結(jié)構(gòu)應(yīng)層次分明，風(fēng)格統(tǒng)一，網(wǎng)站結(jié)構(gòu)不少于3層，每人制作的網(wǎng)頁不得少于5個，各個頁面之間的鏈接要合理有效。11作品中不允許出現(xiàn)鏈接錯誤、圖片不顯示、網(wǎng)頁打開超慢等錯誤。12網(wǎng)站中需要運用表格、框架（子框架）、模版等技術(shù)；必須包含一頁類似留言板功能的表單技術(shù)；使用一些動畫。13站點設(shè)計合理、管理有序、無多余文件和文件夾、大小合適；作品總文件大小不超過50MB，網(wǎng)站圖片總大小不超過20MB。14網(wǎng)站內(nèi)容健康，不得出現(xiàn)違法或三俗內(nèi)容。15.對課程設(shè)計進(jìn)行總結(jié)，撰寫課程設(shè)計報告；三、設(shè)計流程本課程設(shè)計要求學(xué)生以小組為單位協(xié)作完成一個

5、小型網(wǎng)站的制作：1每個小組的學(xué)生根據(jù)自己的興趣愛好或?qū)ｉL，確定一個網(wǎng)站主題，主題可在如下范圍內(nèi)參考選擇：學(xué)校以及各二級學(xué)院網(wǎng)站、個人網(wǎng)站、個人博客、精品課程、旅游、文化藝術(shù)、電子商務(wù)、醫(yī)院、企業(yè)、出版物（文學(xué)作品或其它著作）、娛樂中心、裝修（或裝飾）、家政服務(wù)、禮品、賓館酒店、影視制作、辦公用品等網(wǎng)站。2根據(jù)確定的網(wǎng)站主題，通過各種途徑收集、整理、加工網(wǎng)站所需要的信息。3設(shè)計網(wǎng)站的整體結(jié)構(gòu)。根據(jù)主題合理規(guī)劃網(wǎng)站功能模塊。網(wǎng)站結(jié)構(gòu)示例如下：4、合理組織站點結(jié)構(gòu)（站點文件夾）。正確創(chuàng)建站點并組織好站點的結(jié)構(gòu)，要求各個文件和文件夾的命名規(guī)則要符合網(wǎng)站設(shè)計的規(guī)范。站點文件夾組織結(jié)構(gòu)如下示例：示例截圖：

6、5主頁和各網(wǎng)頁采用div為主體的布局方式，可配合使用表格實現(xiàn)布局。主頁布局樣式示例如下：6自行設(shè)計各級網(wǎng)頁的風(fēng)格，要求配色和布局合理，整個網(wǎng)站風(fēng)格一致。7利用Dreamweaver、Photoshop、FireWorks等網(wǎng)頁制作軟件設(shè)計制作各個頁面。8在主流瀏覽器上測試網(wǎng)站，要求均能正常運行。9. 撰寫課程設(shè)計報告。四、課程設(shè)計報告（文檔）課程設(shè)計報告是課程設(shè)計工作的總結(jié)和提高，課程設(shè)計報告應(yīng)該反映出作者在課程設(shè)計過程中所做的主要工作及取得的主要成果，以及作者在課程設(shè)計過程中的心得體會。（一）課程設(shè)計報告主要內(nèi)容（見附件） 對于本課程設(shè)計，應(yīng)該包括以下幾個主要部分：1網(wǎng)站的選題目的說明；2網(wǎng)

7、站的總體規(guī)劃與網(wǎng)站的結(jié)構(gòu)框圖；3各級網(wǎng)頁設(shè)計說明（網(wǎng)站配色、導(dǎo)航設(shè)計、各級網(wǎng)頁風(fēng)格統(tǒng)一）； 4典型網(wǎng)頁的設(shè)計過程、步驟與樣例（截圖）； （二）課程設(shè)計報告編寫基本要求（見附件）1每個學(xué)員必須獨立完成承擔(dān)工作部分課程設(shè)計報告；2課程設(shè)計報告書寫規(guī)范、文字通順、圖表清晰、數(shù)據(jù)完整、結(jié)論明確；3最終形成的課程設(shè)計報告打印裝訂成冊（每組一份）。五、課程設(shè)計計劃課程設(shè)計時間安排，共1周20課時，各項任務(wù)的學(xué)時分配如下。實訓(xùn)時間（學(xué)時）課程實訓(xùn)內(nèi)容地點2下達(dá)實訓(xùn)任務(wù)實訓(xùn)分組確定網(wǎng)站主題機房1確定網(wǎng)站的整體結(jié)構(gòu)；設(shè)計各級網(wǎng)頁的風(fēng)格機房3收集、整理、加工網(wǎng)站所需要的資料機房10制作網(wǎng)站各級頁面、整合網(wǎng)站機房2

8、網(wǎng)站測試機房2撰寫文檔材料機房五、課程設(shè)計評分標(biāo)準(zhǔn)1、嚴(yán)格遵守課程實訓(xùn)紀(jì)律，每天由各小組長進(jìn)行考勤并作記錄，有特殊情況需向指導(dǎo)教師或?qū)嶒灷蠋熣埣?。指?dǎo)教師每天檢查一次總?cè)藬?shù)。2、每個學(xué)生根據(jù)實訓(xùn)內(nèi)容撰寫出自己的課程設(shè)計報告。3、成績考核的形式主要是以考勤成線、設(shè)計報告與作品成績完成的結(jié)果為評定標(biāo)準(zhǔn)，并采用逐人考核的辦法，其中：考勤成績10分（紀(jì)律、態(tài)度、考勤情況）設(shè)計報告20分（報告完成情況、整體性，質(zhì)量）作品成績70分（網(wǎng)站瀏覽正常，圖片、動畫和文字清晰，導(dǎo)航鏈接正確，整體美觀大方，主題突出，內(nèi)容豐富，參見課程設(shè)計評分標(biāo)準(zhǔn)）4、評定計算公式為：課程設(shè)計成績=考勤*10%+設(shè)計報告*20%+作

9、品成績*70% 5、評分標(biāo)準(zhǔn)見下表。6、成績評定方法：成績按采用等級制。 優(yōu)秀（90-100）、良好（80-89）、中等（70-79）及格（60-69）、不及格（<60）五個等級進(jìn)行評定。課程設(shè)計評分標(biāo)準(zhǔn)考核項目分值（100分）90100分8089分7079分6069分60分以下主題和內(nèi)容10%主題和內(nèi)容選擇非常合理、完整主題和內(nèi)容選擇較為合理、完整。主題和內(nèi)容選擇有一定的合理性和完整性 主題和內(nèi)容選擇合理，但不完整 主題和內(nèi)容選擇存在明顯問題 站點創(chuàng)建與結(jié)構(gòu)、文件和文件夾的命名10%站點創(chuàng)建成功、結(jié)構(gòu)非常完整、文件和文件夾命名非常規(guī)范站點創(chuàng)建成功、結(jié)構(gòu)較完整、文件和文件夾命名較規(guī)范站點

10、創(chuàng)建成功，但結(jié)構(gòu)不完整、文件和文件夾命名基本較規(guī)范站點創(chuàng)建成功，但結(jié)構(gòu)不完整，部分文件和文件夾命名不規(guī)范 沒有創(chuàng)建站點，更沒有組織站點的結(jié)構(gòu)，多數(shù)文件和文件夾命名不規(guī)范 模板的創(chuàng)建與應(yīng)用10%模板創(chuàng)建成功、布局美觀并得到合理應(yīng)用 模板創(chuàng)建較成功、布局較為美觀，應(yīng)用較為合理 模板創(chuàng)建成功、布局較美觀，應(yīng)用基本合理 模板創(chuàng)建基本成功、布局基本美觀，但應(yīng)用不合理 模板創(chuàng)建不成功、布局不美觀，應(yīng)用不合理 樣式的創(chuàng)建與應(yīng)用10%樣式表的創(chuàng)建很成功，應(yīng)用很合理 樣式表的創(chuàng)建比較成功，應(yīng)用比較合理 樣式表的創(chuàng)建較成功，應(yīng)用基本合理 樣式表的創(chuàng)建基本成功，應(yīng)用基本合理 樣式表的創(chuàng)建不成功，應(yīng)用不合理 超鏈接的

11、創(chuàng)建10%所有超鏈接創(chuàng)建的非常合理、非常規(guī)范 絕大部分超鏈接創(chuàng)建的較為合理、較為規(guī)范 所有超鏈接創(chuàng)建的基本合理，但格式不規(guī)范 部分超鏈接創(chuàng)建的基本合理，但格式不規(guī)范 超鏈接創(chuàng)建的不合理，也不規(guī)范 網(wǎng)頁的配色、布局等綜合效果20%網(wǎng)站的配色方案很好，布局方法選用非常合適，網(wǎng)頁布局效果很美觀 網(wǎng)站的配色方案較好，布局方法選用較為合適，網(wǎng)頁布局效果較好 網(wǎng)站的配色方案基本可以，布局方法選用基本合適，網(wǎng)頁布局效果一般 網(wǎng)站的配色不太合理，基本可以，布局方法選用不太合適，網(wǎng)頁布局一般 網(wǎng)站的配色太合理，布局方法選用不合適，網(wǎng)頁布局效果較差 課程設(shè)計報告的內(nèi)容和格式20%設(shè)計報告的內(nèi)容非常完整、格式非常規(guī)

12、范設(shè)計報告的內(nèi)容比較完整、格式比較規(guī)范設(shè)計報告的內(nèi)容比較完整、但格式基本規(guī)范度設(shè)計報告的內(nèi)容基本完整、格式不太規(guī)范設(shè)計報告的內(nèi)容不完整、格式不規(guī)范作品陳述和回答問題10%作品陳述非常清楚，重點突出，問題回答很正確作品陳述比較清楚，重點比較突出，問題回答比較正確作品陳述清楚，重點不突出，問題回答基本完整作品陳述基本清楚，重點突出，問題回答不完整作品陳述不清楚，重點不突出，問題回答不正確附件1：課程設(shè)計報告封面模板，不可替換長江師范學(xué)院計算機工程學(xué)院課程設(shè)計報告課程名稱 HTML網(wǎng)頁編程技術(shù)課程設(shè)計 題 目 （自擬） 專業(yè)年級 計算機科學(xué)與技術(shù)（）2015級 小組成員 （10） 2017年3月8日

13、小組成員分工說明：詳細(xì)說明各人完成的工作，包括材料收集、整理、圖片處理、完成的頁面（單獨一頁）等目 錄以下是正文（正文須在頁腳右側(cè)插入頁碼，從正文第一頁開始編頁碼）一、網(wǎng)站選題（說明選題原因或目的）二、網(wǎng)站的總體規(guī)劃與網(wǎng)站的結(jié)構(gòu)框圖三、主頁設(shè)計附件2：課程實訓(xùn)報告格式排版要求：:1、中文為“小四號宋體”，英文和數(shù)字為小四號“TimesNewRoman”，1.5倍行距。標(biāo)題格式排版參照附錄1，不得更改。2、 一級標(biāo)題用3號黑體，1級大綱，二級標(biāo)題設(shè)小3號黑體，2級大綱三級標(biāo)題用4號黑體，3級大綱3、內(nèi)容中編號方式為：一級標(biāo)題：一、二、三、二級標(biāo)題：1.1，1.2，2.1，2.2三級標(biāo)題：1.1.1,1.1.24、圖和表要進(jìn)行編號，并在正文中進(jìn)行引用；圖和表各自