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

1、網(wǎng)頁(yè)編程技術(shù)綜合課程設(shè)計(jì)教學(xué)方案一、課程設(shè)計(jì)目標(biāo)通過(guò)該課程設(shè)計(jì)綜合應(yīng)用本學(xué)期所學(xué)的網(wǎng)頁(yè)制作知識(shí)，全面建立對(duì)網(wǎng)站的認(rèn)知，建立網(wǎng)站設(shè)計(jì)與網(wǎng)頁(yè)制作的基本思想；學(xué)會(huì)網(wǎng)站功能規(guī)劃、網(wǎng)站布局、網(wǎng)頁(yè)制作、網(wǎng)頁(yè)配色等的基本技巧，掌握網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)相關(guān)軟件的使用方法；通過(guò)課程設(shè)計(jì)教學(xué)環(huán)節(jié)能夠制作有一定實(shí)用性的網(wǎng)站；能解決一些實(shí)際應(yīng)用問(wèn)題并以此為基礎(chǔ)進(jìn)一步擴(kuò)展到相關(guān)的學(xué)科上；通過(guò)本課程設(shè)計(jì)提高網(wǎng)頁(yè)的審美意識(shí)；通過(guò)團(tuán)隊(duì)合作制作網(wǎng)站，培養(yǎng)團(tuán)隊(duì)協(xié)作精神，初步了解軟件企業(yè)開(kāi)發(fā)軟件系統(tǒng)模式，為將來(lái)適應(yīng)工作打開(kāi)良好的基礎(chǔ)。二、設(shè)計(jì)要求1本課程設(shè)計(jì)分小組進(jìn)行，各小組成員原則上24人，不得超過(guò)4人,由小組長(zhǎng)協(xié)調(diào)分工,每個(gè)組員

2、充分發(fā)揮團(tuán)隊(duì)協(xié)作精神。2自選主題，使用Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)與制作軟件，設(shè)計(jì)并制作一個(gè)內(nèi)容完整、結(jié)構(gòu)規(guī)范合理的靜態(tài)網(wǎng)站，要求選取內(nèi)容健康，網(wǎng)站中出現(xiàn)一定數(shù)量的圖像和多媒體。網(wǎng)站主題應(yīng)大小適中、內(nèi)容健康、具有時(shí)代氣息；網(wǎng)站提供的信息應(yīng)與網(wǎng)站主題相符合, 主題突出、內(nèi)容豐富；3.頁(yè)面設(shè)計(jì)合理、美觀，有創(chuàng)意，適用于各種顯示器的分辨率和顏色。4.每個(gè)頁(yè)面都要求有導(dǎo)航條和頁(yè)腳信息，需要將這些信息制作成庫(kù)項(xiàng)目，然后根據(jù)需要將之插入到模板或其它頁(yè)面中。各個(gè)頁(yè)面都要有標(biāo)題，而且布局要合理、美觀、大方。布局網(wǎng)頁(yè)時(shí)要盡量主流布局方法（必須使用Div、表格等），并要有一定復(fù)雜度。5.頁(yè)面中需要有文字、圖像、

3、多媒體、超鏈接等，要求達(dá)到圖文并茂的效果。所使用的文字的大小、字體和顏色要認(rèn)真處理，除非特殊需要，不能出現(xiàn)空鏈接，文字不能簡(jiǎn)單用截圖代替；所需圖像和多媒體素材盡量自己設(shè)計(jì)，如有下載，自己必須再作處理，不得直接使用現(xiàn)有商業(yè)網(wǎng)站標(biāo)志。6. 為了保證頁(yè)面的設(shè)計(jì)效果更好地兼容各種瀏覽器以及便于改版，要求用獨(dú)立的CSS文件設(shè)置頁(yè)面內(nèi)容格式。7.為主頁(yè)添加背景音樂(lè)。8.需要使用一定量的JavaScript腳本，使網(wǎng)頁(yè)具有一定的交互功能。每小組必須制作一個(gè)表單，表單輸入內(nèi)容需要使用正則表達(dá)式進(jìn)行驗(yàn)證。9.要求首頁(yè)和一級(jí)頁(yè)面之間能夠互相跳轉(zhuǎn)，必須有返回上一層的鏈接。10網(wǎng)站結(jié)構(gòu)應(yīng)層次分明，風(fēng)格統(tǒng)一，網(wǎng)站結(jié)構(gòu)不

4、少于3層，每人制作的網(wǎng)頁(yè)不得少于5個(gè)，各個(gè)頁(yè)面之間的鏈接要合理有效。11作品中不允許出現(xiàn)鏈接錯(cuò)誤、圖片不顯示、網(wǎng)頁(yè)打開(kāi)超慢等錯(cuò)誤。12網(wǎng)站中需要運(yùn)用表格、框架（子框架）、模版等技術(shù)；必須包含一頁(yè)類(lèi)似留言板功能的表單技術(shù)；使用一些動(dòng)畫(huà)。13站點(diǎn)設(shè)計(jì)合理、管理有序、無(wú)多余文件和文件夾、大小合適；作品總文件大小不超過(guò)50MB，網(wǎng)站圖片總大小不超過(guò)20MB。14網(wǎng)站內(nèi)容健康，不得出現(xiàn)違法或三俗內(nèi)容。15.對(duì)課程設(shè)計(jì)進(jìn)行總結(jié)，撰寫(xiě)課程設(shè)計(jì)報(bào)告；三、設(shè)計(jì)流程本課程設(shè)計(jì)要求學(xué)生以小組為單位協(xié)作完成一個(gè)小型網(wǎng)站的制作：1每個(gè)小組的學(xué)生根據(jù)自己的興趣愛(ài)好或?qū)ｉL(zhǎng)，確定一個(gè)網(wǎng)站主題，主題可在如下范圍內(nèi)參考選擇：學(xué)校

5、以及各二級(jí)學(xué)院網(wǎng)站、個(gè)人網(wǎng)站、個(gè)人博客、精品課程、旅游、文化藝術(shù)、電子商務(wù)、醫(yī)院、企業(yè)、出版物（文學(xué)作品或其它著作）、娛樂(lè)中心、裝修（或裝飾）、家政服務(wù)、禮品、賓館酒店、影視制作、辦公用品等網(wǎng)站。2根據(jù)確定的網(wǎng)站主題，通過(guò)各種途徑收集、整理、加工網(wǎng)站所需要的信息。3設(shè)計(jì)網(wǎng)站的整體結(jié)構(gòu)。根據(jù)主題合理規(guī)劃網(wǎng)站功能模塊。網(wǎng)站結(jié)構(gòu)示例如下：4、合理組織站點(diǎn)結(jié)構(gòu)（站點(diǎn)文件夾）。正確創(chuàng)建站點(diǎn)并組織好站點(diǎn)的結(jié)構(gòu)，要求各個(gè)文件和文件夾的命名規(guī)則要符合網(wǎng)站設(shè)計(jì)的規(guī)范。站點(diǎn)文件夾組織結(jié)構(gòu)如下示例：示例截圖：5主頁(yè)和各網(wǎng)頁(yè)采用div為主體的布局方式，可配合使用表格實(shí)現(xiàn)布局。主頁(yè)布局樣式示例如下：6自行設(shè)計(jì)各級(jí)網(wǎng)頁(yè)的

6、風(fēng)格，要求配色和布局合理，整個(gè)網(wǎng)站風(fēng)格一致。7利用Dreamweaver、Photoshop、FireWorks等網(wǎng)頁(yè)制作軟件設(shè)計(jì)制作各個(gè)頁(yè)面。8在主流瀏覽器上測(cè)試網(wǎng)站，要求均能正常運(yùn)行。9. 撰寫(xiě)課程設(shè)計(jì)報(bào)告。四、課程設(shè)計(jì)報(bào)告（文檔）課程設(shè)計(jì)報(bào)告是課程設(shè)計(jì)工作的總結(jié)和提高，課程設(shè)計(jì)報(bào)告應(yīng)該反映出作者在課程設(shè)計(jì)過(guò)程中所做的主要工作及取得的主要成果，以及作者在課程設(shè)計(jì)過(guò)程中的心得體會(huì)。（一）課程設(shè)計(jì)報(bào)告主要內(nèi)容（見(jiàn)附件） 對(duì)于本課程設(shè)計(jì)，應(yīng)該包括以下幾個(gè)主要部分：1網(wǎng)站的選題目的說(shuō)明；2網(wǎng)站的總體規(guī)劃與網(wǎng)站的結(jié)構(gòu)框圖；3各級(jí)網(wǎng)頁(yè)設(shè)計(jì)說(shuō)明（網(wǎng)站配色、導(dǎo)航設(shè)計(jì)、各級(jí)網(wǎng)頁(yè)風(fēng)格統(tǒng)一）； 4典型網(wǎng)頁(yè)的設(shè)計(jì)

7、過(guò)程、步驟與樣例（截圖）； （二）課程設(shè)計(jì)報(bào)告編寫(xiě)基本要求（見(jiàn)附件）1每個(gè)學(xué)員必須獨(dú)立完成承擔(dān)工作部分課程設(shè)計(jì)報(bào)告；2課程設(shè)計(jì)報(bào)告書(shū)寫(xiě)規(guī)范、文字通順、圖表清晰、數(shù)據(jù)完整、結(jié)論明確；3最終形成的課程設(shè)計(jì)報(bào)告打印裝訂成冊(cè)（每組一份）。五、課程設(shè)計(jì)計(jì)劃課程設(shè)計(jì)時(shí)間安排，共1周20課時(shí)，各項(xiàng)任務(wù)的學(xué)時(shí)分配如下。實(shí)訓(xùn)時(shí)間（學(xué)時(shí)）課程實(shí)訓(xùn)內(nèi)容地點(diǎn)2下達(dá)實(shí)訓(xùn)任務(wù)實(shí)訓(xùn)分組確定網(wǎng)站主題機(jī)房1確定網(wǎng)站的整體結(jié)構(gòu)；設(shè)計(jì)各級(jí)網(wǎng)頁(yè)的風(fēng)格機(jī)房3收集、整理、加工網(wǎng)站所需要的資料機(jī)房10制作網(wǎng)站各級(jí)頁(yè)面、整合網(wǎng)站機(jī)房2網(wǎng)站測(cè)試機(jī)房2撰寫(xiě)文檔材料機(jī)房五、課程設(shè)計(jì)評(píng)分標(biāo)準(zhǔn)1、嚴(yán)格遵守課程實(shí)訓(xùn)紀(jì)律，每天由各小組長(zhǎng)進(jìn)行考勤并作記錄，

8、有特殊情況需向指導(dǎo)教師或?qū)嶒?yàn)老師請(qǐng)假。指導(dǎo)教師每天檢查一次總?cè)藬?shù)。2、每個(gè)學(xué)生根據(jù)實(shí)訓(xùn)內(nèi)容撰寫(xiě)出自己的課程設(shè)計(jì)報(bào)告。3、成績(jī)考核的形式主要是以考勤成線、設(shè)計(jì)報(bào)告與作品成績(jī)完成的結(jié)果為評(píng)定標(biāo)準(zhǔn)，并采用逐人考核的辦法，其中：考勤成績(jī)10分（紀(jì)律、態(tài)度、考勤情況）設(shè)計(jì)報(bào)告20分（報(bào)告完成情況、整體性，質(zhì)量）作品成績(jī)70分（網(wǎng)站瀏覽正常，圖片、動(dòng)畫(huà)和文字清晰，導(dǎo)航鏈接正確，整體美觀大方，主題突出，內(nèi)容豐富，參見(jiàn)課程設(shè)計(jì)評(píng)分標(biāo)準(zhǔn)）4、評(píng)定計(jì)算公式為：課程設(shè)計(jì)成績(jī)=考勤*10%+設(shè)計(jì)報(bào)告*20%+作品成績(jī)*70% 5、評(píng)分標(biāo)準(zhǔn)見(jiàn)下表。6、成績(jī)?cè)u(píng)定方法：成績(jī)按采用等級(jí)制。 優(yōu)秀（90-100）、良好（80-

9、89）、中等（70-79）及格（60-69）、不及格（<60）五個(gè)等級(jí)進(jìn)行評(píng)定。課程設(shè)計(jì)評(píng)分標(biāo)準(zhǔn)考核項(xiàng)目分值（100分）90100分8089分7079分6069分60分以下主題和內(nèi)容10%主題和內(nèi)容選擇非常合理、完整主題和內(nèi)容選擇較為合理、完整。主題和內(nèi)容選擇有一定的合理性和完整性 主題和內(nèi)容選擇合理，但不完整 主題和內(nèi)容選擇存在明顯問(wèn)題 站點(diǎn)創(chuàng)建與結(jié)構(gòu)、文件和文件夾的命名10%站點(diǎn)創(chuàng)建成功、結(jié)構(gòu)非常完整、文件和文件夾命名非常規(guī)范站點(diǎn)創(chuàng)建成功、結(jié)構(gòu)較完整、文件和文件夾命名較規(guī)范站點(diǎn)創(chuàng)建成功，但結(jié)構(gòu)不完整、文件和文件夾命名基本較規(guī)范站點(diǎn)創(chuàng)建成功，但結(jié)構(gòu)不完整，部分文件和文件夾命名不規(guī)范 沒(méi)

10、有創(chuàng)建站點(diǎn)，更沒(méi)有組織站點(diǎn)的結(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)用不合理 超鏈接的創(chuàng)建10%所有超鏈接創(chuàng)建的非常合理、非常規(guī)范 絕大部分超鏈接創(chuàng)建的較為合理、較為規(guī)范 所有超鏈接創(chuàng)建的基本合

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

12、太規(guī)范設(shè)計(jì)報(bào)告的內(nèi)容不完整、格式不規(guī)范作品陳述和回答問(wèn)題10%作品陳述非常清楚，重點(diǎn)突出，問(wèn)題回答很正確作品陳述比較清楚，重點(diǎn)比較突出，問(wèn)題回答比較正確作品陳述清楚，重點(diǎn)不突出，問(wèn)題回答基本完整作品陳述基本清楚，重點(diǎn)突出，問(wèn)題回答不完整作品陳述不清楚，重點(diǎn)不突出，問(wèn)題回答不正確附件1：課程設(shè)計(jì)報(bào)告封面模板，不可替換長(zhǎng)江師范學(xué)院計(jì)算機(jī)工程學(xué)院課程設(shè)計(jì)報(bào)告課程名稱(chēng) HTML網(wǎng)頁(yè)編程技術(shù)課程設(shè)計(jì) 題 目 （自擬） 專(zhuān)業(yè)年級(jí) 計(jì)算機(jī)科學(xué)與技術(shù)（）2015級(jí) 小組成員 （10） 2017年3月8日小組成員分工說(shuō)明：詳細(xì)說(shuō)明各人完成的工作，包括材料收集、整理、圖片處理、完成的頁(yè)面（單獨(dú)一頁(yè)）等目 錄以下是正文（正文須在頁(yè)腳右側(cè)插入頁(yè)碼，從正文第一頁(yè)開(kāi)始編頁(yè)碼）一、網(wǎng)站選題（說(shuō)明選題原因或目的）二、網(wǎng)站的總體規(guī)劃與網(wǎng)站的結(jié)構(gòu)框圖三、主頁(yè)設(shè)計(jì)附件2：課程實(shí)訓(xùn)報(bào)告格式排版要求：:1、中文為“小四號(hào)宋體”，英文和數(shù)字為小四號(hào)“TimesNewRoman”，1.5倍行距。標(biāo)題格式排版參照附錄1，不得更改。2、 一級(jí)標(biāo)題用3號(hào)黑體，1級(jí)大綱，二級(jí)標(biāo)題設(shè)小3號(hào)黑體，2級(jí)大綱三級(jí)標(biāo)題用4號(hào)黑體，3級(jí)大綱3、內(nèi)容中編號(hào)方式為：一級(jí)標(biāo)題：一、二、三、二級(jí)標(biāo)題：1.1，1.2，2.1，2.24、圖和表要進(jìn)行編號(hào)，并在正文中進(jìn)行引用；圖和表各自排序，