第二篇：網(wǎng)頁(yè)設(shè)計(jì)與制作課程設(shè)計(jì)

使用所學(xué)知識(shí)獨(dú)立制作一個(gè)網(wǎng)站，網(wǎng)站的主題可以是文學(xué)、音樂(lè)、影視、自我介紹（求職）、家鄉(xiāng)介紹等。

1．設(shè)計(jì)基本要求

（1）要將站點(diǎn)目錄明確分層，不能將內(nèi)容都放在根目錄下；不要使用中文目錄；為每種類(lèi)型文件都建立一個(gè)獨(dú)立的目錄。（例如images、music文件夾，以便于管理）

（2）網(wǎng)頁(yè)數(shù)為3頁(yè)以上（網(wǎng)頁(yè)數(shù)量不足扣分，缺少1張以上視為無(wú)效作業(yè) 包括首頁(yè) 介紹頁(yè)面還有訂購(gòu)表單頁(yè)面首頁(yè)必須用index.html命名）

（3）傳站點(diǎn)壓縮文件，壓縮文件命名方式：班級(jí)+學(xué)號(hào)（兩位班內(nèi)學(xué)號(hào)）+姓名。

（4）網(wǎng)頁(yè)必須包含內(nèi)容要求：

a)網(wǎng)頁(yè)中必須存在以下技術(shù)元素：

① 有表單頁(yè)面

② 鼠標(biāo)經(jīng)過(guò)圖像（即滾蓋圖）或跳轉(zhuǎn)菜單

③ 框架網(wǎng)頁(yè)技術(shù)

④ 層技術(shù)網(wǎng)頁(yè)

⑤ 利用行為制作網(wǎng)頁(yè)

⑥ 主頁(yè)導(dǎo)航欄上最少有5個(gè)指向其它頁(yè)面的電子鏈接，首頁(yè)必須用表格進(jìn)行頁(yè)面布局（其它頁(yè)面必須使用表格或?qū)樱?/p>

b)主頁(yè)下方寫(xiě)明自己詳細(xì)信息（年級(jí)、系別、班級(jí)、姓名、聯(lián)系方式）和 網(wǎng)頁(yè)更新日期（儲(chǔ)存時(shí)自動(dòng)更新）

（5）網(wǎng)站規(guī)劃書(shū)一份（1000字）要求書(shū)寫(xiě)網(wǎng)站的創(chuàng)意設(shè)計(jì)，設(shè)計(jì)流程以及涉及的技術(shù)，完成的目標(biāo)等。

（6）網(wǎng)站設(shè)計(jì)草圖一份 PSD格式

（7）要求制作頁(yè)面功能：

2.作業(yè)創(chuàng)意加分：

在完成標(biāo)準(zhǔn)作業(yè)要求的前提下，對(duì)作業(yè)有獨(dú)創(chuàng)性及設(shè)計(jì)美觀的作業(yè)跟據(jù)情況給予加分。方法如下：

（1）思想性、科學(xué)性

主題明確，內(nèi)容積極、健康向上，文字內(nèi)容通順，無(wú)錯(cuò)別字

（2）創(chuàng)造性、藝術(shù)性

素材獲取及其加工屬原創(chuàng)、主題表達(dá)形式新穎，構(gòu)思獨(dú)特、巧妙，具有想象力和個(gè)性表現(xiàn)力，內(nèi)容、結(jié)構(gòu)設(shè)計(jì)合理，完美運(yùn)用各種形式表現(xiàn)主題

（3）技術(shù)性

選用制作工具和制作技巧恰當(dāng)，導(dǎo)航和鏈接準(zhǔn)確，網(wǎng)頁(yè)瀏覽速度快

上交作業(yè)要求：PSD草圖設(shè)計(jì)一份、PSD或者AI或CDR所有頁(yè)面效果圖一份、做好的網(wǎng)頁(yè)打包刻CD、設(shè)計(jì)規(guī)劃書(shū)一份。

第三篇：《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程設(shè)計(jì)要求

《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程設(shè)計(jì)要求

最終提交：《網(wǎng)站策劃報(bào)告》一份及獨(dú)立制作網(wǎng)站一個(gè)

使用所學(xué)知識(shí)獨(dú)立制作一個(gè)網(wǎng)站，網(wǎng)站的主題可以是文學(xué)、音樂(lè)、影視、自我介紹（求職）、家鄉(xiāng)介紹等。

1．作業(yè)基本要求

（1）站點(diǎn)目錄層次分明，管理有序，無(wú)多余的文件

和文件夾，不能將內(nèi)容都放在站點(diǎn)根目錄下，不要使用中文，為每種類(lèi)型文件都建立一個(gè)獨(dú)立的目錄。（例如images、css、swf、MP3、flv文件夾用于存放圖象、樣式、flash動(dòng)畫(huà)、音頻文件及flash視頻,目錄的層次不能沒(méi)有，但必須盡量少，以便于管理。）首頁(yè)命名應(yīng)為index.html或default.html，其它文件命名不使用中文及帶空格的文件名。

（2）網(wǎng)頁(yè)數(shù)為8頁(yè)以上（網(wǎng)頁(yè)數(shù)量不足扣分，缺少2

張以上視為無(wú)效作業(yè)）

（3）傳站點(diǎn)壓縮文件，壓縮文件命名方式：學(xué)號(hào)+姓名）

（4）主頁(yè)必須包含內(nèi)容要求： a)

b)主頁(yè)上有flash按鈕、鼠標(biāo)經(jīng)過(guò)圖像或跳轉(zhuǎn)菜單，跳轉(zhuǎn)菜單中有如下鏈接 主頁(yè)上最少有5個(gè)欄目（一級(jí)頁(yè)面）的導(dǎo)航鏈接，首頁(yè)用表格進(jìn)行頁(yè)面布局（其它頁(yè)面必須使用表格或DIV、層）

(5)內(nèi)頁(yè)內(nèi)容類(lèi)型相近的要使用模板，此項(xiàng)目加分10%

(6)正確合理的使用CSS文件設(shè)置文字、圖片、頁(yè)面的樣式，正確合理使用ID、類(lèi)、標(biāo)簽、復(fù)合選擇器，此項(xiàng)目加分10%

(7)網(wǎng)站內(nèi)容結(jié)構(gòu)不少于三層

2.創(chuàng)意加分：

在完成標(biāo)準(zhǔn)要求的前提下，對(duì)作業(yè)有獨(dú)創(chuàng)性及設(shè)計(jì)美觀的作業(yè)跟據(jù)情況給予加分。方法如下：

（1）思想性、科學(xué)性

主題明確，內(nèi)容積極、健康向上，文字內(nèi)容通順，無(wú)錯(cuò)別字

（2）創(chuàng)造性

素材獲取及其加工屬原創(chuàng)、主題表達(dá)形式新穎，構(gòu)思獨(dú)特、巧妙，具有想象力和個(gè)性表現(xiàn)力，內(nèi)容、結(jié)構(gòu)設(shè)計(jì)合理

（3）技術(shù)性

選用制作工具和制作技巧恰當(dāng)，導(dǎo)航和鏈接準(zhǔn)確、頁(yè)面瀏覽速度快

（4）藝術(shù)性

反映出作者有一定的審美能力，完美運(yùn)用各種形式表現(xiàn)主題，有感染力、界面美觀、布局設(shè)計(jì)獨(dú)到，富有新意。

第四篇：商務(wù)網(wǎng)頁(yè)設(shè)計(jì)與制作課程設(shè)計(jì)要求

商務(wù)網(wǎng)頁(yè)設(shè)計(jì)與制作課程設(shè)計(jì)要求

一、主題要明確（5）

網(wǎng)站必須是企業(yè)網(wǎng)站或是商務(wù)網(wǎng)站，網(wǎng)站名字要具體、簡(jiǎn)短、網(wǎng)站logo要適合網(wǎng)站內(nèi)容，明確具體，表現(xiàn)形式可以是文字也可以是圖片

二、網(wǎng)頁(yè)結(jié)構(gòu)布局科學(xué)合理，網(wǎng)頁(yè)顏色搭配合適，風(fēng)格統(tǒng)一（10分）

三、網(wǎng)站結(jié)構(gòu)清晰、內(nèi)容豐富且完整，所有網(wǎng)頁(yè)元素存放合理（35分）

一級(jí)頁(yè)面一個(gè)（首頁(yè)）；首頁(yè)中需包含一個(gè)浮動(dòng)廣告，利用層中時(shí)間軸的方法設(shè)計(jì)浮動(dòng)路線(xiàn)或者是隨滾動(dòng)條滾動(dòng)的對(duì)聯(lián)廣告，如果是淘寶店鋪此類(lèi)效果可以自行設(shè)計(jì)應(yīng)用到其他頁(yè)面。

二級(jí)頁(yè)面不少于5個(gè)。主要為導(dǎo)航頁(yè)面。

三級(jí)頁(yè)面不少于9個(gè)，此類(lèi)中必須包含一個(gè)用戶(hù)注冊(cè)頁(yè)面，有一個(gè)頁(yè)面中需包含產(chǎn)品或者寶貝的顯示隱藏效果

注：少于12個(gè)網(wǎng)頁(yè)者該部分分?jǐn)?shù)記不合格。

四、網(wǎng)頁(yè)元素應(yīng)用豐富（圖片、文字、超鏈接、表單、表格布局、div+css、層、行為、css樣式、滾動(dòng)效果（垂直連續(xù)或水平連續(xù)）等。（50分）

該部分主要考核網(wǎng)站的創(chuàng)新創(chuàng)意與實(shí)際可操作性，網(wǎng)站美觀度等。

所學(xué)的知識(shí)和技能特效應(yīng)用恰當(dāng)。

時(shí)間要求：

16周：

第一次課 上交網(wǎng)站的主題，網(wǎng)站的結(jié)構(gòu)圖，進(jìn)度安排表；

第二次課 完成網(wǎng)站素材的收集，網(wǎng)頁(yè)結(jié)構(gòu)圖的繪制

17周：

第一次課 檢查網(wǎng)站初稿

第二次課 上交網(wǎng)站最終稿

最后作品在1月5日之前交給沈云濤，以班級(jí)為單位統(tǒng)一用U盤(pán)拷到我辦公室。

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

《網(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.分析面向的潛在訪(fǎng)客群體的需求特點(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)潛在訪(fǎng)客群體的需求特點(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)容豐富 分

各網(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ì) 分 圖像、動(dòng)畫(huà)設(shè)計(jì)美觀、大方、專(zhuān)業(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ì) 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ī)查詢(xún)系統(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.tmdps.cn 4.中華手套網(wǎng)http://www.tmdps.cn