《網(wǎng)頁制作課程設(shè)計》任務(wù)書一、 課程設(shè)計的目的及功能定位：1. 鞏固遠(yuǎn)程站點(diǎn)管理的知識和技能；2. 鞏固本地站點(diǎn)管理的知識和技能；3. 鞏固網(wǎng)頁頁面設(shè)計的知識和技能；4. 鞏固網(wǎng)頁制作的知識和技能；5

《網(wǎng)頁制作課程設(shè)計》任務(wù)書

一、 課程設(shè)計的目的及功能定位：

1. 鞏固遠(yuǎn)程站點(diǎn)管理的知識和技能；

2. 鞏固本地站點(diǎn)管理的知識和技能；

3. 鞏固網(wǎng)頁頁面設(shè)計的知識和技能；

4. 鞏固網(wǎng)頁制作的知識和技能；

5. 培養(yǎng)以上知識和技能的綜合應(yīng)用能力；

二、課程設(shè)計總體要求：

1. 自己負(fù)責(zé)作品的保存；

2. 課程設(shè)計可以獨(dú)立完成，也可以合作（不多余3人）；

3. 申請免費(fèi)域名、免費(fèi)主頁空間，并發(fā)布站點(diǎn)；

4. 站點(diǎn)設(shè)計合理、管理有序、無多余文件和文件夾、大小合適；不要使用媒體（視頻文件）；

5. 站點(diǎn)至少要有三層結(jié)構(gòu)，頁面數(shù)不得少于5頁；其中一頁必須是留言板；

6. 自選主題，主題內(nèi)容要合法、健康、實用；

7. 網(wǎng)頁要有落款、版權(quán)說明；

8. 分析面向的潛在訪客群體的需求特點(diǎn)，選擇內(nèi)容和版式；

9. 網(wǎng)站主題突出、內(nèi)容豐富；

10. 網(wǎng)站風(fēng)格統(tǒng)一，設(shè)計適合于主題的LOGO ；

11. 各頁面設(shè)計合理、美觀，有創(chuàng)意，適用于各種顯示器的分辨率和顏色；

12. 各個頁面之間的鏈接要合理有效；

13. 代碼結(jié)構(gòu)清晰，無垃圾代碼

三、課程設(shè)計進(jìn)程表：

1. 設(shè)計方案：

(1) 潛在訪客群體的需求特點(diǎn)：版式和內(nèi)容的需求；

(2) 站點(diǎn)目錄結(jié)構(gòu)圖：

(3) 色彩方案：主色調(diào)、次色調(diào)；

(4) 布局方案：導(dǎo)航和其他網(wǎng)頁內(nèi)容的位置；

(5) 平面設(shè)計圖：使用photoshop 繪制網(wǎng)頁平面設(shè)計圖；

2. 制作網(wǎng)頁：

(1) 切割圖片；

(2) 制作動畫；

(3) 錄入文字；

(4) 制作網(wǎng)頁；

3. 在課程設(shè)計的最后一次課上提交課程設(shè)計報告和作品。

四、站點(diǎn)結(jié)構(gòu)圖：

五、課程設(shè)計評分細(xì)則： 項目 指標(biāo) 分?jǐn)?shù)

3

2

2

2

3

3

2 遠(yuǎn)程站點(diǎn) 有效的主頁空間，并上傳站點(diǎn) 5 分 有效的域名 主頁文件名正確 本地 主頁保存位置正確 站點(diǎn) 站點(diǎn)資源組織（目錄結(jié)構(gòu)）合理 42 分 站點(diǎn)中無多余文件和文件夾 站點(diǎn)中平均網(wǎng)頁大小小于 400K

站點(diǎn)至少有三層

頁面數(shù) 5 — 8 頁（ 2*5 1*3 ）

各頁之間跳轉(zhuǎn)方便，各子頁均可返回到主頁 沒有無效鏈接

文字內(nèi)容使用 CSS 樣式表文件控制 合理使用 JavaScript 腳本或行為 合理使用 Js 文件，并含有適當(dāng)?shù)淖⑨? 各網(wǎng)頁內(nèi)容合法、健康、實用

內(nèi)容

網(wǎng)站主題突出、內(nèi)容豐富

8 分

各網(wǎng)頁主次分明，文章流暢，內(nèi)容正確

網(wǎng)站風(fēng)格統(tǒng)一 LOGO 設(shè)計新穎、美觀 網(wǎng)頁布局設(shè)計合理、清晰

網(wǎng)頁 色彩搭配合理 平面

動靜搭配合理

設(shè)計

28 分 圖像、動畫設(shè)計美觀、大方、專業(yè)、有創(chuàng)意

導(dǎo)航設(shè)計實用美觀 文字清晰、規(guī)范

適用于各種顯示器分辨率和顏色 瀏覽速度正常

技術(shù) 圖片和動畫能夠正常顯示 12 分 代碼結(jié)構(gòu)清晰，無垃圾代碼

表單使用合理，提交后打開瀏覽留言頁； 考勤（缺勤 2 課時以上不予以評分）

其它 按時提交設(shè)計方案報告 （課設(shè)進(jìn)行第二天前必須提交，否10 分 則不予以評分）

按時提交課程設(shè)計報告（提交報告后評分）

合計

3 13 2 3 4 2 3 4 2 2 2 5 2 3 3 5 3 2 3 2 3 3 4 4 3 3 105

六、推薦的主題：

1. 肇慶學(xué)院計算機(jī)學(xué)院學(xué)生成績查詢系統(tǒng) 2. 花卉市場 3. 理發(fā)店 4. 洗衣店

5. 肇慶學(xué)院計算機(jī)科學(xué)學(xué)院學(xué)生會

6. 肇慶學(xué)院飲食服務(wù)公司

7. 肇慶學(xué)院后勤服務(wù)中心

8. 肇慶學(xué)院求職網(wǎng)

9. 個人網(wǎng)站

八、參考網(wǎng)站：

1. 內(nèi)蒙古師范大學(xué)首頁http://www.imnu.edu.cn

2. 清華大學(xué)http://www.tsinghua.edu.cn

3. 上海福島自然災(zāi)害預(yù)測技術(shù)開發(fā)有限公司http://www.fd-ndpc.com

4. 中華手套網(wǎng)http://www.chinagloves.com