第一篇：網(wǎng)頁制作課程設(shè)計要求

《網(wǎng)頁設(shè)計與制作》課程設(shè)計

課程設(shè)計是課程教學(xué)中的一項重要內(nèi)容，是完成專業(yè)教學(xué)計劃，達到教學(xué)目標(biāo)的重要環(huán)節(jié)，課程設(shè)計是通過真實工作任務(wù)或產(chǎn)品設(shè)計等綜合性較強的實例而進行的實踐環(huán)節(jié)，它對幫助學(xué)生全面掌握課堂教學(xué)內(nèi)容，培養(yǎng)學(xué)生實踐和實際動手能力，培養(yǎng)團隊協(xié)作，人際交往等素質(zhì)的提高具有很重要的意義，《網(wǎng)頁設(shè)計與制作》是一門實用性和實踐性都很強的課程，課程設(shè)計應(yīng)占有更重要的地位。

一、課程設(shè)計任務(wù)

培養(yǎng)學(xué)生計算機操作的能力和用計算機設(shè)計網(wǎng)頁的基本技能，使學(xué)生具備分析問題、用編程思維解決問題的能力，達到計算機初級網(wǎng)頁設(shè)計員的水平，使學(xué)生養(yǎng)成既善于獨立思考，又樂于與人溝通、具備團隊合作意識的職業(yè)素質(zhì)。

二、課程設(shè)計目的課程設(shè)計總的目的在于加深對網(wǎng)頁設(shè)計與制作的基本知識的理解，網(wǎng)頁設(shè)計與制作技能綜合運用和提高，通過真實工作任務(wù)，使學(xué)生能設(shè)計出有一定水平的網(wǎng)頁并解決培養(yǎng)解決實際問題的能力，掌握實際網(wǎng)頁設(shè)計與制作開發(fā)流程和開發(fā)方法。

具體的課程設(shè)計應(yīng)達到以下目的：

1．提高學(xué)生在實際操作中收集信息，對信息進行價值判斷，進行信息整理、加工的能力。

2．在實際的項目任務(wù)中培養(yǎng)網(wǎng)頁設(shè)計方面的素養(yǎng)。

3．在實際的項目任務(wù)中使學(xué)生網(wǎng)頁編程和制作的能力得到提高。

4．培養(yǎng)學(xué)生團隊協(xié)作和人際交往方面的能力。

5.培養(yǎng)相關(guān)知識和技能的綜合應(yīng)用能力。

三、課程設(shè)計的要求

《網(wǎng)頁設(shè)計與制作》的課程設(shè)計課題選擇應(yīng)從實際出發(fā)。具體要求如下：

1.網(wǎng)頁的選題可以是個人網(wǎng)站、班級網(wǎng)站，也可以自選主題。

2.站點設(shè)計合理、管理有序、無多余文件和文件夾、大小合適。首頁命名要規(guī)范，存放位置要正確，主頁文件名應(yīng)該使用index或default等。其他文件或文件名命名也要規(guī)范，不使用漢字或帶有空格的名稱。最好是符合各種系統(tǒng)命名規(guī)則。

3.要使用到本書所介紹的各種技術(shù)及網(wǎng)頁元素。

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

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

6.網(wǎng)站與網(wǎng)頁風(fēng)格應(yīng)該協(xié)調(diào)一致，網(wǎng)站結(jié)構(gòu)應(yīng)層次分明，內(nèi)容重點突出，頁面設(shè)計要符合追求色彩的搭配、布局和合理性，以及要有一定的創(chuàng)意。

四、課程設(shè)計報告要求

1.要有封面（格式無特殊要求，注明專業(yè)、年級、班級、姓名、學(xué)號等信息）

2.分章節(jié)解釋并指出本人所做的網(wǎng)頁包括哪幾部分，每部分用到什么元素及技術(shù)。

五、源碼及報告提交

1.將源碼打包，打包文件名為：專業(yè)+年級+班級+姓名+學(xué)號。并發(fā)送到：cbfcourse@126.com

例：包裝工程09（1）王小二3109009999.rar

2.課程設(shè)計報告需交打印版，于第八周三（4月20日）晚上交到教3-303。2

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

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

最終提交：《網(wǎng)站策劃報告》一份及獨立制作網(wǎng)站一個

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

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

（1）站點目錄層次分明，管理有序，無多余的文件

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

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

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

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

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

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

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

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

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

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

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

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

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

（2）創(chuàng)造性

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

（3）技術(shù)性

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

（4）藝術(shù)性

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

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

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

一、主題要明確（5）

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

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

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

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

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

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

注：少于12個網(wǎng)頁者該部分分數(shù)記不合格。

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

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

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

時間要求：

16周：

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

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

17周：

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

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

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

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

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

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

1.鞏固遠程站點管理的知識和技能； 2.鞏固本地站點管理的知識和技能； 3.鞏固網(wǎng)頁頁面設(shè)計的知識和技能； 4.鞏固網(wǎng)頁制作的知識和技能；

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

二、課程設(shè)計總體要求： 1.自己負責(zé)作品的保存；

2.課程設(shè)計可以獨立完成，也可以合作（不多余3人）； 3.申請免費域名、免費主頁空間，并發(fā)布站點；

4.站點設(shè)計合理、管理有序、無多余文件和文件夾、大小合適；不要使用媒體（視頻文件）； 5.站點至少要有三層結(jié)構(gòu)，頁面數(shù)不得少于5頁；其中一頁必須是留言板； 6.自選主題，主題內(nèi)容要合法、健康、實用； 7.網(wǎng)頁要有落款、版權(quán)說明；

8.分析面向的潛在訪客群體的需求特點，選擇內(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è)計進程表： 1.設(shè)計方案：

(1)潛在訪客群體的需求特點：版式和內(nèi)容的需求；(2)站點目錄結(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è)計報告和作品。

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

五、課程設(shè)計評分細則：

項目 指標(biāo) 分數(shù) 3 2 2 2 3 3 2 遠程站點 有效的主頁空間，并上傳站點 5 分 有效的域名

主頁文件名正確

本地 主頁保存位置正確

站點 站點資源組織（目錄結(jié)構(gòu)）合理 42 分 站點中無多余文件和文件夾

站點中平均網(wǎng)頁大小小于 400K 站點至少有三層

頁面數(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)容豐富 分

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

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

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

動靜搭配合理

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

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

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

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

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

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

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

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

5.肇慶學(xué)院計算機科學(xué)學(xué)院學(xué)生會 6.肇慶學(xué)院飲食服務(wù)公司 7.肇慶學(xué)院后勤服務(wù)中心 8.肇慶學(xué)院求職網(wǎng) 9.個人網(wǎng)站

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

1.內(nèi)蒙古師范大學(xué)首頁http://004km.cn 4.中華手套網(wǎng)http://004km.cn

第五篇：網(wǎng)頁制作課程設(shè)計(期末考試)要求及評分標(biāo)準

11級網(wǎng)頁制作課程設(shè)計（期末考試）

要求及評分標(biāo)準

一、任務(wù)描述

完成一個介紹自己作品(包括作業(yè)、文章、個人圖片、個人所拍視頻、所獲獎勵等)的個人網(wǎng)站，網(wǎng)站主題為“我的個人作品展”，具體題目自定。

二、作品認定

網(wǎng)頁設(shè)計的作品最后發(fā)布到本機的IIS上，網(wǎng)站的最終結(jié)果以在IE瀏覽器中打開http://localhost 的實際效果為準。

三、設(shè)計要求

總要求：根據(jù)要求，將自己的作業(yè)、作品（含自制或自己處理的圖片、照片和動畫）組織、整理、加工成既符合規(guī)范、又富有創(chuàng)意、能充分展示個人網(wǎng)站設(shè)計能力的網(wǎng)頁作品。其網(wǎng)站的內(nèi)容充實，頁面設(shè)計合理，圖文并茂，配色和諧，界面美觀，應(yīng)用各種網(wǎng)頁制作技術(shù)。具體要求：

1.在D盤上以自己的學(xué)號加拼音姓名建立工作目錄。

2.以自己的“漢字姓名+的個展”建立站點，指定工作目錄為本地根文件夾，各欄目有對應(yīng)的文件夾（比如有關(guān)Photoshop作品、作業(yè)的網(wǎng)頁放在PS文件夾中，其圖片放在PSimages文件夾中, 有關(guān)字體設(shè)計的作品、作業(yè)的網(wǎng)頁放在Font文件夾中，其圖片放在Fontimages文件夾中）；

3.要求具有三層邏輯結(jié)構(gòu)，頁面在10頁以上；

4.首頁包含logo，banner,導(dǎo)航欄，logo、banner意義準確導(dǎo)航清晰有效；

5.合理選用自己作業(yè)中的文本、圖片和視頻等資料，并能根據(jù)需要選擇適當(dāng)?shù)能浖约含F(xiàn)場設(shè)計、制作、加工一些素材。比如，用PS將圖片進行分割以便網(wǎng)頁制作;

6.每一個網(wǎng)頁要有“出入鏈接”且鏈接有效；

7.內(nèi)容充實完整，頁面設(shè)計合理，有一定的創(chuàng)意；底層網(wǎng)頁用模板生產(chǎn)，所有網(wǎng)頁使用1024*768的分辨率；

8.網(wǎng)頁中必須要有自我介紹，個人信息要詳細，要包括QQ號、手機號等。

9.各頁面均要有標(biāo)題設(shè)置，與正文不符者等同于沒有設(shè)置；

10.各頁面均要有版權(quán)說明：比如，版權(quán)說明包括以下內(nèi)容：

違法和不良信息舉報99999999@qq.com

經(jīng)營許可證：蘇A2-20110026 蘇ICP備11017770號

copyright? 2013-2014 江蘇商貿(mào)職業(yè)學(xué)院***版權(quán)所有

11.未用到的素材不可以放在站點文件夾下，站點中不存放未使用的孤立文件；

12.作品總體積不超過10MB

13.個人網(wǎng)站制作總結(jié)報告（word），介紹制作思路及網(wǎng)站所運用的技術(shù)。

四、評分標(biāo)準評分細則

（一）頁面（滿分15分）

1、使用DreamWeaver CS3／CS5.5軟件，創(chuàng)建目錄、站點，文件命名規(guī)范0-2分

2、布局（0-5分）

（1）結(jié)構(gòu)清晰，布局合理、規(guī)范

（2）布局新穎，有創(chuàng)意

3、美觀性（0-5分）

（1）文字清晰

（2）背景恰當(dāng)、美觀；背景音樂協(xié)調(diào)

（3）整體效果(字體大小、顏色搭配、動畫在整個頁面的效果等)

4、主題（0-3分）

各個頁面均有主題

（二）層次（滿分23分）

1、頁面（0-6分）

（1）15個頁面以上(頁面沒有完成或只有文字、只有圖片，則該頁不計在內(nèi))0-3分

（2）層次清楚、合理（0-3分）

2、鏈接、導(dǎo)航（17分）

（1）首頁有導(dǎo)航條，設(shè)置正確0-5分

（2）各個頁面可直接返回主頁 0-2分

（3）各級分頁面可以互相鏈接0-4分

（4）鼠標(biāo)懸停時有鏈接提示 0-2分

（5）所有頁面能在同一窗口顯示0-2分

（6）給首頁加入水平線和版權(quán)信息0-2分

（三）圖片（滿分18分）

1、能正確顯示圖片(動態(tài)、靜態(tài))0-3分，一處不能正確顯示扣1分，最多扣3分

2、圖片選擇恰當(dāng)，符合主題 0-3分

3、主頁有l(wèi)ogo、banner圖片0-3分

4、鼠標(biāo)懸停時有圖片說明 0-15、有自制靜態(tài)圖片(注意制作的技術(shù)難度和復(fù)雜程度,含背景圖片)0-4分

6、有自制動態(tài)圖片或Flash動畫(注意制作的技術(shù)難度和復(fù)雜程度,不含沒有合成單一圖片的動態(tài)效果)0-4分

（四）技術(shù)（滿分24分）

1、框架結(jié)構(gòu)、層、表格的使用，能完整瀏覽網(wǎng)頁內(nèi)容(含利用滾動條瀏覽)0-8分

2、自制動態(tài)效果（0-8分）

（1）使用字幕、按鈕、翻轉(zhuǎn)、浮動圖片、時間軸等單一技術(shù)手段制作動態(tài)效果4分，多一種效果加1分。

（2）動態(tài)效果使頁面重點突出，且無雜亂感 0-3分

（3）合理使用CSS樣式 0-3分

（4）使用的表單元素種類豐富（有3類或3類以上給全分）0-5分

（五）總體印象（15分）

創(chuàng)意：主題明確，內(nèi)容健康，思路清晰，新穎獨到3-5分

美感：色彩合理，布局得體，視覺清新，美感獨韻3-5分

技術(shù)：運用合理，表達通順，節(jié)奏流暢，視聽一體3-5分

其他：不合理，錯誤鏈接，不完整等3-5分

（六）設(shè)計報告（5分）

設(shè)計報告詳實 5分

五、扣分細則

1.在網(wǎng)站內(nèi)的文件名（網(wǎng)頁名、目錄名）中不允許出現(xiàn)漢字（下載對象除外），每出現(xiàn)一個漢

字扣1分，最高上限為10分。

2.在網(wǎng)站中不允許出現(xiàn)不可使用的文件（如.PSD、.TIF、.fla）（下載對象除外）或沒有使用的文件，每出現(xiàn)一個這種文件扣1分，最高上限為10分。

3.在網(wǎng)站中超級鏈接所鏈接地址要正確，不正確的扣1分/個，最高上限為10分。

4.網(wǎng)站中的圖片地址必須準確，上交時顯示不出的圖片扣1分/個，最高上限為10分。

5.文字排版規(guī)范，沒有錯誤漢字及不完整標(biāo)題和內(nèi)容，每發(fā)現(xiàn)一個扣1分，最高上限為10分。

6.首頁不少于一屏，首頁內(nèi)容不充實扣5分，每個子頁面內(nèi)容也不得少于一屏，每不足一屏扣

2分，最高上限為10分。

7.期初作業(yè)未提交或未通過期初檢查者扣5分。

8.中期作業(yè)未提交或未通過中期檢查者扣25分，最終作業(yè)與中期作業(yè)完全不同者扣20分，最

終作業(yè)與中期作業(yè)差異較大者扣15分。

下列情況一經(jīng)發(fā)現(xiàn)，成績不予評定，按不及格論：

1.網(wǎng)站不超過10頁的；

2.各網(wǎng)頁之間沒有設(shè)計導(dǎo)航，不能正常瀏覽的；

3.不是使用Dreamweaver軟件進行設(shè)計的；

4.不是自己設(shè)計的，而是請人代做的；

5.抄襲其它網(wǎng)站的網(wǎng)頁或者抄襲其它人的網(wǎng)頁的。

6.逾期不交作品者。

六、作業(yè)提交要求

1.作品上交后，應(yīng)自備一份備份，以備教師手中的作品因故無法正常讀取時補交。

2.做好自己作品的著作權(quán)保護，如果發(fā)現(xiàn)抄襲或者雷同現(xiàn)象，一律評為不及格。