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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

12. 各個(gè)頁(yè)面之間的鏈接要合理有效；

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

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

1. 設(shè)計(jì)方案：

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

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

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

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

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

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

(1) 切割圖片；

(2) 制作動(dòng)畫(huà)；

(3) 錄入文字；

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

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

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

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

3

2

2

2

3

3

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

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

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

各頁(yè)之間跳轉(zhuǎn)方便，各子頁(yè)均可返回到主頁(yè) 沒(méi)有無(wú)效鏈接

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

內(nèi)容

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

8 分

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

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

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

動(dòng)靜搭配合理

設(shè)計(jì)

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

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

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

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

表單使用合理，提交后打開(kāi)瀏覽留言頁(yè)； 考勤（缺勤 2 課時(shí)以上不予以評(píng)分）

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

按時(shí)提交課程設(shè)計(jì)報(bào)告（提交報(bào)告后評(píng)分）

合計(jì)

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ì)算機(jī)學(xué)院學(xué)生成績(jī)查詢系統(tǒng) 2. 花卉市場(chǎng) 3. 理發(fā)店 4. 洗衣店

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

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

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

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

9. 個(gè)人網(wǎng)站

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

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

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

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

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