網頁設計期末考試課程設計要求

1、如有幫助歡迎下載支持網頁設計技術課程設計2013-2014學年第二學期電商 20121 班一、設計形式個人完成制作，要求一人一題 。二、設計技術Dreamweaver（含插件）HTML CSS JavaScript + 網頁設計輔助軟件（ Photoshop圖像處理、網頁特效、Flash動畫等）三、設計主題根據自己的興趣愛好完成課程設計，可以發(fā)揮自己的創(chuàng)意、張揚自己的個性。以下是一些參考主題：1、個人網站：介紹自己的學習、生活、興趣、愛好、特長、作品等；2、企業(yè)宣傳網站：介紹企業(yè)形象、相關產品、企業(yè)文化、相關活動等；3、電子商務網站：為某一知名企業(yè)重新設計一個網站；4、旅游網站：介紹自己家鄉(xiāng)風

2、光、風土人情、景點等；5、校園網站：介紹自己的學校、系、班級等；6、課程網站：介紹某一課程的教學信息資源、學習交流等；7、休閑娛樂網站：介紹音樂、動漫、游戲、體育、書籍等。8、其他任何你感興趣的主題。四、基本要求1、主題鮮明，思想明確，內容健康，積極向上；要突出主題，全站點圍繞一個主題及其相關內容進行設計，設計思路清晰，明確表達設計意圖。2、各欄目功能明確，方便使用，頁面內容清晰明了。3、子頁面及父頁面方便返回訪問，打開/關閉窗口方便。4、網頁上的圖片、表格和框架等元素不變形，不錯位。5、沒有空鏈接和錯誤鏈接，也沒有多余的無效圖片。6、頁面設計美觀大方，圖片使用得當，色彩協(xié)調，布局合理。7、頁

3、面具有較強的個人設計創(chuàng)意。注意網頁的適用性和豐富適當?shù)乃囆g表現(xiàn)力，在藝術的表現(xiàn)上及技術與藝術的平衡上有進步和創(chuàng)意。8、 編寫網站的策劃書。在網頁建設前進行需求分析、確定網頁的目的和功能，并根據需要對網頁建設中的技術、內容、費用、測試、維護等做出策劃。網頁策劃對網頁建設起到計劃和指導的作用，對網頁的內容和維護起到定位作用。具體 格式和樣例見附件。五、具體要求1、網站策劃書合格后才能進行具體的設計實現(xiàn)。2、 首頁以 index.htm 或 index.html 命名， 主頁需顯示制作者的詳細基本信息（學校、系別、班級、姓名、QQ 或郵箱等聯(lián)系方式）。3、網站要有具體的名字，至少包含三層以上結構（例

4、如：首頁二級頁內容頁） ，且頁面總數(shù)不少于20 頁（20 50 頁） 。4、網站中要求必須使用CSS層疊樣式表來控制樣式外觀，包括字體，鏈接、圖片等。5、建議使用框架或模板實現(xiàn)網站整體風格的統(tǒng)一。6、 要求利用Flash實現(xiàn)導航欄設置；利用JavaScript設置狀態(tài)欄滾動效果；利用層、行為實現(xiàn)網頁動畫效果；利用CSS實現(xiàn)圖像和文字的特效。7、除主頁導航條上必須有的超鏈接外，首頁中還必須要增加如下4 個鏈接：鏈接一個“網站設計說明”網頁。該網頁用文字介紹自己設計的網站，包括：a、網站的主題b、網站的主要特色c、網站的設計思路d、網站的整體組織結構（用樹型圖示表示）e、站點文件夾內文件的情況，包

5、括網頁個數(shù)、圖片個數(shù)、CSS 文件個數(shù)f、使用到哪些網頁設計及相關的技術g、設計過程中碰到的問題及解決方法h、設計感想鏈接一個“聯(lián)系我們”，即必需有一個電子郵件鏈接，可供給網站設計者發(fā)送電子郵件（只是做個鏈接，不是生成一個新頁面）。鏈接一個“問卷調查”頁面，此頁面為一個表單，內容要求與網站主題相關，要把表單的各種元素盡量利用上。鏈接一個“Flash動漫作品”頁面，該頁面提交開放實驗項目的結課作品，要求完成一個指定作品和一個自創(chuàng)作品，具體要求見開放實驗結課作品通知。8、設計好的網站必須經壓縮之后再交，壓縮后的文件大小不許超過10M（網絡教學平臺限制只能上傳10M 以內文件）， 不經壓縮上傳作業(yè)，

6、一律視為無效作業(yè)。壓縮文件名格式要求：班級學號姓名.rar，例如：電商20091 班 20090906張三。六、評分標準所有作業(yè)請于16 周周四下課前交。所有人都要參加課程設計答辯，答辯時間暫定于 16 周周末，如有變動，另行通知。評分標準如下（總分100 分）項目子項目分值策劃書確定網站的目的和功能，20 分容、費用、測試、維護等做出規(guī)劃。并根據需要對網站建設中的技術、內20 分網頁主題明確， 計和諧統(tǒng)一。 頁面風格網頁整體設計思路清晰，20 分結構清晰。層次分明，鏈接合理清晰，便于瀏覽。題材新穎、構思獨特，欄目安排合理，網頁設5分色彩搭配合理，布局緊湊美觀，版塊10分5分網頁作品目錄結構合

7、理，文件名稱使用規(guī)范（首頁一律使用網頁格式：冗余代碼少；不使用技術規(guī)范網頁數(shù)據定位準確，無偏移、錯位，在35 分插件的情況下可正常瀏覽（ 網頁使用的字體在所有計算機內均能正常顯示， 上所有鏈接正確，鏈接內容符合要求并與主題相關。 網頁上自行設計的圖標、 計獨到，主題突出，形象生動，具有較強的表現(xiàn)力和感染力。index.htm /index.html ）。2分HTM、LHTM； JAVA語言：JS； 網頁樣式表：Class（CSS）；FLASH： SW；圖片格式：FJPG（ JPEG）、GIF；代碼可讀性好，word、 WPS文檔直接轉換，不直接使用*.DOC、 *.PPT 等文檔。10分IE

8、800× 600和1024× 768 分辨率下能正常顯示，瀏覽速度快捷，在不安裝新Flash 除外）。8分無亂碼；網頁5分圖片、動畫或FLASH能正常顯示；設10分內容屬性語言規(guī)范流暢，無錯別字；能科學、完整地表達主題。15 分的內容和鏈接；網頁作品中不含有惡意代碼或病毒內。容積極、5分健康向上，不出現(xiàn)任何違反法律、法規(guī)和社會道德10分答辯答辯時間為網頁的主題、特色、結構、開發(fā)關鍵技術、重難點、問題和解10 分決辦法等。5 分鐘，回答問題5 分鐘。能簡明扼要闡明所設計10分七、注意事項1、不得抄襲，或在網絡上下載已有頁面進行修改，可以參考，但不能完全照搬。最后所有的作品都要

9、答辯，接受大家的考核，抄襲的作品會被視為無效作業(yè)。2、設計中充分發(fā)揮想象和創(chuàng)意，結合所學技術進行原創(chuàng)，得分會更高。3、善于利用互聯(lián)網搜集有用資料和素材。4、現(xiàn)場答辯將邀請部分同學參與打分，具體方式答辯前通知。2014 年 4 月 11 日樣例：網頁設計技術課程設計XX 網站策劃書2010-2011 學年第一學期姓 名：X X學 號：200717588姓 名：電商 20081指導老師：X X2011 年 X 月 X 日目錄前言 6一、建站前的市場分析 6二、建站目的及功能定位 71、目的 72、主要功能 73、網站的功能結構 8三、網站技術解決方案 8四、網站內容規(guī)劃 8五、網頁設計 9六、網站

10、測試 10七、網站維護 10八、網站發(fā)布與推廣 11九、網站建設日程表（可用表格來完成，要求時間安排為一段） 1114前言汽車配件電子商務是一種B2C+B2B 的電子商務模式。隨著互聯(lián)網技術應用的成熟，以及物流和支付系統(tǒng)的完善，可以預見，隨著互聯(lián)網的普及和中國加入WTO ，汽車零配件電子交易，為汽車行業(yè)增加更新的銷售渠道，讓更多汽車行業(yè)信息共享。較傳統(tǒng)的宣傳方式更直觀，更快捷，減少投資，增加市場回報率。使宣傳觸及到每一個具有先進管理系統(tǒng)的企業(yè)，節(jié)省人力，物力，財力。使企業(yè)知名度大幅度提高。汽配電子商務服務的B2B 電子商務站點，是一個專業(yè)從事汽配行業(yè)產品的發(fā)布及企業(yè)的介紹推廣、提供汽配行業(yè)相關

11、動態(tài)查詢、新聞信息發(fā)布、促進網上洽談訂貨的專業(yè)汽配網站。目前，我國商品市場業(yè)態(tài)發(fā)生了很大變化，由最初的傳統(tǒng)地鋪式小商業(yè)門店經營，發(fā)展到多級批發(fā)站點乃至大型商場經營，到如今形成了以連鎖超市賣場專營業(yè)態(tài)為主，樓宇式店面與攤位制商業(yè)街道相配套的構架。市場發(fā)展的需求呼喚專業(yè)化市場的出現(xiàn)。隨著社會的發(fā)展和人們生活水平的日益提高，汽車已進入尋常百姓家庭，汽車配件的需求也與日俱增，汽車配件市場也就應運而生了。一、建站前的市場分析在國內，真正汽車配件電子商務時代的到來，還有一段很長的路要走。但專業(yè)汽車網站與傳統(tǒng)汽車產業(yè)，二者若能借鑒國外在這方面的成功經驗，進行緊密結合，為汽車消費者提供切實的服務，開展多種服務

12、方式的有益探索，中國汽車配件電子商務一定會有一個較好的發(fā)展前景。中國汽車市場潛能巨大，今年上半年，我國汽車產銷量已經完成了154 萬輛，增幅約30%，形勢出乎意料的好。由于汽車市場的不斷擴大，跟隨而來的汽車維修市場就同步成長。各種不同類別的維修和修理行業(yè)就有了發(fā)展的空間, 造就了很多的生意機會，對于汽車保修設備市場的領路人來說，廣大的市場發(fā)展空間就是市場際遇。汽車維修工作需要相當多的設備，并由受過專業(yè)訓練的技術工作人員來執(zhí)行。由于中國汽車工業(yè)的發(fā)展相對于歐美國家較為落后，對于許多新技術的引進，設備的更新和工作人員的培訓等還無法跟上新車市場的成長速度，在汽車維修市場上出現(xiàn)了很大的落差，無法與國際

13、接軌。國內新型汽車的制造設備和技術等都自歐美國家引進，主要因為自行研發(fā)的費用非常高，借鑒國外先進技術，通過中國市場的互補，對于雙方都有益處。尤其是在中國加入WTO 之后， 歐美國家先進的汽車維修行業(yè)都準備將最新的維修設備和技術引進中國，對于原有的市場將會形成很大的沖擊。隨著中國汽車市場的不斷擴大與中國汽車工業(yè)的發(fā)展，跨國公司將把相應的生產基地向中國轉移，把更多的車型、更多的汽車零部件轉移到中國生產,中國汽車工業(yè)的零部件將更多地進入跨國公司的全球采購系統(tǒng)。汽車維修廠的增加必然會導致維修設備需求的增加，汽車高新技術的應用也將使維修企業(yè)只有依靠現(xiàn)代化的維修診斷設備才能完成對汽車的修理工作，實際上，作

14、為需求的汽修企業(yè)設備陳舊，配套不足的仍然占有很大的比例，具有很大的更新和新增設備的需求空間。據統(tǒng)計，一輛車從購買到報廢，除了購車以外的開銷將是產品本身的兩倍。這個“ 70/30原則 ”說明了在汽車的整個生命周期內，用戶70%的成本發(fā)生在購車之后。選擇售后服務做得好的廠商對消費者意味著節(jié)省成本。國際上汽車業(yè)比較正常的利潤來源中，汽車銷售所占比例只有10%，售后服務卻高達50%，零部件銷售占10%，二手車經營占20%，在歐美等汽車業(yè)發(fā)達地區(qū)，汽車售后服務業(yè)被稱為是利潤豐厚的“大蛋糕”，整車銷售的利潤與它約為三七開。據統(tǒng)計，全球汽車零配件市場的年銷售額目前是5500 億美元。 業(yè)內人士認為， 隨著市

15、場逐步走向成熟，汽車企業(yè)間的競爭將逐漸由產品競爭轉向服務競爭，傳統(tǒng)的利潤鏈模式的中心也必將會往后推移，這也成為汽車產業(yè)可持續(xù)發(fā)展的關鍵環(huán)節(jié)。二、建站目的及功能定位1、目的建立汽車配件電子商務網站和信息平臺，為汽車行業(yè)增加更新的銷售渠道，讓更多汽車行業(yè)信息共享。較傳統(tǒng)的宣傳方式更直觀，更快捷，減少投資，增加市場回報率。使宣傳觸及到每一個具有先進管理系統(tǒng)的企業(yè)，節(jié)省人力，物力，財力。形成品種全、價格低、質量優(yōu)、服務快、信息靈，并集批發(fā)零售于一體的汽配集散地，使汽車配件的經銷從過去的封閉、單一模式向多元化、多品種的規(guī)模經營邁進，真正做到了“走萬家不如進一家”。使企業(yè)知名度大幅度提高。并在信息服務和信

16、息管理業(yè)務中實現(xiàn)網站運作。為汽車配件生產、應用、銷售企業(yè)拓展網絡市場渠道提供專業(yè)服務。為汽車配件生產廠家、經銷商和汽車配件集團采購客戶提供快捷、高效、持久的增值商務平臺。汽車配件交易網為企業(yè)度身定做實用的電子商務解決方案，立足于汽車配件行業(yè)，定位為實現(xiàn)現(xiàn)代中小企業(yè)辦公自動化以及開創(chuàng)新的商業(yè)經營模式，從而提高辦公效率，跟上信息經濟時代的步伐。以我們在汽車配件行業(yè)的優(yōu)勢、執(zhí)著的進取精神、專業(yè)務實的服務態(tài)度，為行業(yè)內的企業(yè)提供全方位的軟件系統(tǒng)服務，給企業(yè)帶來零風險的電子商務實踐良機，讓汽車配件生產、應用、銷售企業(yè)更快更強地步入網絡經濟的正軌。2、主要功能會員管理系統(tǒng)為網站提供會員注冊服務，根據注冊會

17、員的級別提供多級別的服務內容。方便的基于網頁形式的管理方式，界面友好，根據網站風格特別定制。可在基本功能的基礎上根據客戶特殊需求擴充個性化的功能。產品展示系統(tǒng)，可根據客戶需求，建立產品或服務庫，通過頁面方式對庫進行管理，同時在網站上動態(tài)的展示新添加的產品信息，免去頻繁更新頁面的麻煩。配件查詢檢索, 根據你所選擇的查詢條件進行詳細查詢。輸入配件名稱，可以查詢出所有包含“關鍵字”的配件；聊天室和論壇為會員提供在線交流場所，聊天室可以用來進行商務活動的洽談等，您還可以在論壇里發(fā)表您的對汽配以及其他事物的看法、觀點等。商務信息發(fā)布,在產品信息詳細頁以及商務信息詳細頁，都有針對該產品發(fā)布商務信息的入口，

18、具體為“供應此配件”、 “求購此配件”、 “促銷此配件”，如果您還沒有登陸，則會提示您登陸商戶管理通道，如果您已登陸，則直接可以進入商務信息發(fā)布頁面。交互表單和數(shù)據庫后臺是動態(tài)網站交互性的基礎，建立與內容相關的數(shù)據庫平臺，實現(xiàn)用戶注冊、用戶登錄、內容搜索、產品查詢等服務，設立用戶信息、用戶調查和用戶反饋表單及自動回復機制。對立動態(tài)文字和圖片廣告交換，實現(xiàn)友情鏈接網站自動登錄。根據公司的需要和計劃，確定網站的功能：產品宣傳型、網上營銷型、客戶服務型、電子商務型等。3、網站的功能結構365網站前臺管理系統(tǒng)會員管商品展示購物管請空購物車查詢訂單信息管會員登錄會員注冊修改信息找回密碼購物查詢會員退出促

19、銷快訊5關于寶寶 36網站幫助1、 、 采用自建服務器。2、 開發(fā)平臺的選擇：3、 選擇操作系統(tǒng)是用Windows 2003 Server 。 Win2003 成本較低、功能強大、開發(fā)界面良好、易操作。Web 服務器：IIS5.0 界面好、功能強、安全性好。數(shù)據庫服務器：Access2000 功能強、界面好。4、開發(fā)工具有：靜態(tài)頁面Dreamwearver4.0圖象處理Photoshop7.0 、 Firework4.0動畫制作Flash5.05、 相關程序ASP、 html 、 CSS、數(shù)據庫程序等。1 、 根據網站的目的和功能規(guī)劃出網站內容，包括：公司簡介、產品介紹、服務內容、價格信息、聯(lián)

20、系方式、網上定單等基本內容。2 、 本電子商務網站主要提供會員注冊、詳細的商品服務信息、信息搜索查詢、定單確認、付款、個人信息保密措施、相關幫助等。汽配行業(yè)新聞, 行業(yè)動態(tài)分析, 國內供求信息 , 新產品展示臺等服務。3 、 網站內容是網站吸引瀏覽者最重要的因素，無內容或不實用的信息不會吸引匆匆瀏覽的訪客?？墒孪葘θ藗兿Ｍ喿x的信息進行調查，并在網站發(fā)布后調查人們對網站內容的滿意度，以及時調整網站內容。4 、網站內容規(guī)劃：主欄目說明首頁設計風格上清新明快，符合最新審美觀，制作精細，有積極開放的感覺；使用 流行的大區(qū)塊劃分概念，配合使用大廣告條，突出宣傳頻道的特色和新功 能新舉措，將顯著位置留給

21、重點宣傳欄目或更新最多的欄目，結合網站欄 目設計在首頁導航上突出層次感，使客戶漸進接受首頁內容各大欄目導航，最新產品展示，最新供應、求購、代理、合作信息，最新 加入會員企業(yè)，最新行業(yè)資訊，最新展會信息，會員注冊登錄誠信供應商按時間順序列出經網站確認的信得過的會員企業(yè)名稱和簡單介紹（包括VIP 會員企業(yè)）； 點擊可進入該企業(yè)的專門介紹網頁，包括文字和圖片信息，公司介紹，產品介紹和聯(lián)系辦法等。（注冊會員才可瀏覽聯(lián)系辦法）公司庫配件進行企業(yè)的展示，具有企業(yè)搜索功能，所有會員企業(yè)將在這里可以查詢到。對感興趣的企業(yè)可進行聯(lián)系，發(fā)送信息（注冊會員才可瀏覽聯(lián)系辦法） 。 VIP 會員企業(yè)將會加以顯著標識。產

22、品展示產品展示部分將展示網站管理員和VIP 會員企業(yè)發(fā)布的產品信息，可搜索，信息包括圖片和文字內容，點擊產品名稱進入產品詳細介紹頁面，并可聯(lián)系或推薦給他人；點擊產品企業(yè)名稱進入該企業(yè)詳細介紹頁面（注冊會員才可瀏覽聯(lián)系辦法）。求購信息所有會員企業(yè)均可發(fā)布求購信息，VIP 會員企業(yè)發(fā)布的信息將有特殊標記；可按照關鍵字、分類等特定條件進行信息搜索；點擊可進入求購信息詳細頁面，會員企業(yè)可就該信息進行詢盤和反饋，發(fā)布信息企業(yè)在登錄會員界面后即可知道已發(fā)布信息的被瀏覽次數(shù)和詢盤信息，并可加以回復。供應信息所有會員企業(yè)均可發(fā)布供應信息，VIP 會員企業(yè)發(fā)布的信息將有特殊標記；可按照關鍵字、分類等特定條件進行

23、信息搜索；點擊可進入供應信息詳細頁面，會員企業(yè)可就該信息進行詢盤和反饋，發(fā)布信息企業(yè)在登錄會員界面后即可知道已發(fā)布信息的被瀏覽次數(shù)和詢盤信息，并可加以回復。代理合作所有會員企業(yè)均可發(fā)布代理或合作信息；可按照關鍵字、分類等特定條件 進行信息搜索；點擊可進入代理或合作信息詳細頁面，會員企業(yè)可就該信 息進行詢盤和反饋，發(fā)布信息企業(yè)在登錄會員界面后即可知道已發(fā)布信息 的被瀏覽次數(shù)和詢盤信息，并可加以回復。行業(yè)資訊介紹行業(yè)新聞、政策法規(guī)、國內外行業(yè)動態(tài)等資訊信息；可瀏覽后推薦給 他人，可發(fā)表評論等功能。論壇BBS是網站互動交流場所，所有注冊會員均可發(fā)表不違反法律和規(guī)定的言論，進行商務交流和信息交換；此外

24、，為VIP 會員特色專門討論區(qū)，供VIP 會員之間的商務交流使用。網頁底欄目網站導航、聯(lián)系我們、法律聲明、意見反饋、友情鏈接五、網頁設計1 、 網頁設計美術設計要求，網頁美術設計一般要與企業(yè)整體形象一致，要符合 CI 規(guī)范。要注意網頁色彩、圖片的應用及版面規(guī)劃，保持網頁的整體一致性。2、 新技術的采用上要考慮主要目標訪問群體的分布地域、年齡階層、網絡速度、閱讀習慣等。3、 制定網頁改版計劃，如半年到一年時間進行較大規(guī)模改版等 主要頁面的設置情況：index.asp網站主頁，體現(xiàn)網站主題與風格。about.asp對公司發(fā)展狀況作說明介紹，讓顧客對本公司有一個相當?shù)牧私?。Job.asp對本公司的人

25、員左進一步的介紹，體現(xiàn)公司的技術和經濟實力，使客戶對本網站能得 到更進一步的了解。Jobs.asp對公司現(xiàn)有的技術和人員調整作重要介紹，并說明公司最近和以后的發(fā)展動向，讓顧 客和客戶認清本站有一個相當清楚的認識。Contact.asp列出我公司及相關人員的聯(lián)系方式，以便顧客和客戶能與公司去的聯(lián)系，及時接納公 司業(yè)務。ysfw.asp為供應商提供注冊服務，建立客戶源，為公司的發(fā)展爭強競爭能力！Userlogin.asp對注冊用戶作一定的介紹，為顧客提供真實的信息，也為增加潛在客戶打下基礎！Sqjr.asp（應商提供在線注冊，使他們成為網站會員！為動態(tài)頁面）userreg.asp為供應商提供在線注冊，使他們成為網站會員！Cpxx.asp為公司主要信息集中點，不管是不是網站會員