網(wǎng)頁設(shè)計技術(shù)要求及評分標準

1、2015級商務(wù)英語本科班“商務(wù)網(wǎng)站制作”課程設(shè)計要求:1、網(wǎng)站主題明確，網(wǎng)頁布局清晰、合理、規(guī)范有創(chuàng)意；網(wǎng)站頁面數(shù)目不得少 于5張；2、網(wǎng)站首頁應(yīng)有自己設(shè)計的logo和版權(quán)信息，banner的設(shè)計應(yīng)契合主題；3、網(wǎng)頁中必須體現(xiàn)有div+css、apdiv及表格的使用;4、首頁應(yīng)有導(dǎo)航條（分頁面的導(dǎo)航條可根據(jù)具體情況和需要設(shè)置），各個頁面 均能直接返冋主頁，各級分頁面可以互札1鏈接跳轉(zhuǎn)。5、有表單元素。6、網(wǎng)頁屮應(yīng)有：1、友情鏈接（至少3個相關(guān)網(wǎng)站）2、聯(lián)系我們（郵件鏈接）7、網(wǎng)頁中的外觀樣式須使用css樣式規(guī)則進行設(shè)置，并保存在css樣式文件中;8、網(wǎng)頁中須使用行為效果，如“隱藏-顯示元素”、

2、“交換圖像與恢復(fù)圖像”等。9、建立和應(yīng)的文件夾，所有素材文件應(yīng)歸類存放在和應(yīng)文件夾屮，例如：圖片 應(yīng)存放于image文件夾,文字素材存放在text文件夾中，樣式表存放在css 樣式文件夾中）所有的文件須以英文或拼音或數(shù)字（不能以數(shù)字作為第一個 字符）命名，不可用中文命名。10、除主頁index.html以外的頁面文件名按分頁的主題按拼音命名。11、可以在網(wǎng)絡(luò)上收集和網(wǎng)站主題和關(guān)的多媒體素材，注意控制素材尺寸大小和 分辨度，整個作晶總?cè)萘坎粦?yīng)超過50mb。文件夾結(jié)構(gòu)（參考）：網(wǎng)站站點根冃錄一images （圖像文件夾）一media （動畫、視頻文件夾） 一xx.html （其他網(wǎng)頁） css（c

3、ss樣式文件夾）index.html （主頁）網(wǎng)頁設(shè)計評分標準序號評分點分值計分標準得分第部分貝6布局（20分）1文件管理5文件分類存放，文件命名規(guī)范，首頁以 index.html命名，否則0分。2頁面布局7（1）結(jié)構(gòu)清晰，布局合理、規(guī)范（2）布局新穎，有創(chuàng)意美觀性5（1）文字清晰（2）背景恰當、美觀（3）整體效果（字體大小、顏色搭配、圖像、 動畫在整個頁面的效果等）主題3各個頁面均有主題第二部分網(wǎng)站層次（20分）3頁面10（1）不同內(nèi)容的頁面不少于5頁（頁面沒有完 成或只有文字或只有圖像，該頁不計在內(nèi)）（2）層次清楚、布局合理。4導(dǎo)航、鏈接10（1）首頁有導(dǎo)航條，設(shè)置正確（2）各個頁面均能在

4、接返冋主頁（3）各級分頁面可以互相鏈接跳轉(zhuǎn)（4）給首頁加入水平線和版權(quán)信息第三部分圖片（20分）5圖片、動畫特效20（1）能正確顯示圖片效果（動態(tài)、靜態(tài)），每 一處不能正確顯示扣2分，（2）圖片選擇恰當，符合主題，鼠標懸停圖 片時有圖片說明:（3）主頁有l(wèi)ogo圖片,（4）有h制圖片（含背景圖片）（5）有flash動畫或視頻；（6）圖片以英文或數(shù)字命名，若有以中文命 名的圖片此項得0分第四部分技術(shù)（25分）6div+css、apdiv、表格10有d1v+css布局、apd1v布局、表格布局的使 用，能完整瀏覽網(wǎng)頁內(nèi)容（含利用滾動條瀏 覽）動態(tài)效果5（1）含有動態(tài)效果。（2）動態(tài)效果使頁面重點突出，且無雜亂感。css樣式5合理使用css樣式，并保存于樣式表文件中。表單5使用的表單元素種類豐富（冇3類或3類以上 給全分）0-5分第五部分總體印象（15分）創(chuàng)意4主題明確，內(nèi)容健康，思路清晰，新穎獨到。美感4色彩合理，布局得體，視覺清新，美感獨韻。技術(shù)4運用合理，表達流暢，集多媒體一體。其他3不合理，錯誤鏈接，