網(wǎng)站設(shè)計(jì)實(shí)訓(xùn)報(bào)告

《WEB程序設(shè)計(jì)技術(shù)1》課程設(shè)計(jì)題目：汽車網(wǎng)站設(shè)計(jì)班級(jí)：姓名：學(xué)號(hào)：教師：時(shí)間：一、需求分析 31．1課題來源 31．2網(wǎng)站開發(fā)項(xiàng)目需求分析 31．3使用軟件 4二、系統(tǒng)分析與設(shè)計(jì) 42.1制作網(wǎng)頁的步驟 42.2制作網(wǎng)頁的要素 51、網(wǎng)頁的整體布局設(shè)計(jì) 52、網(wǎng)頁設(shè)計(jì)中色彩的運(yùn)用 5三、詳細(xì)設(shè)計(jì) 53．1網(wǎng)頁的要求 53.2網(wǎng)站結(jié)構(gòu)圖 5四、網(wǎng)頁設(shè)計(jì) 61、網(wǎng)站首頁 62、新車 73.新聞 84.用車知識(shí) 85、汽車用品 9五、實(shí)訓(xùn)總結(jié) 10一、需求分析1．1課題來源隨著二十一世紀(jì)新興科技的飛速發(fā)展，如今的電子信息產(chǎn)業(yè)正在經(jīng)受著一個(gè)巨大的挑戰(zhàn)，同時(shí)也面臨著一個(gè)重大的機(jī)遇。就目前的科技發(fā)展水平而言，電子信息產(chǎn)業(yè)的發(fā)展已經(jīng)不能夠滿足社會(huì)化大生產(chǎn)的要求，因此，各個(gè)國(guó)家集中人力、財(cái)力加大對(duì)信息技術(shù)產(chǎn)業(yè)的投入，以適應(yīng)目前需要?？上驳氖窃谶@幾十年的發(fā)展中我們有了互聯(lián)網(wǎng)?；ヂ?lián)網(wǎng)加大了我們了解世界的眼界，縮緊了人與人之間的距離，這就更容易的使我們走上信息化的道路。以往，人們出行都以自行車居多，后來公交事業(yè)發(fā)展壯大，人們便乘坐公交汽車，現(xiàn)如今，隨著人們生活水平的提高，越來越多的家庭已經(jīng)擁有或者想擁有自己的私家車。正是因?yàn)槿藗兊倪@些需求，越來越多的汽車網(wǎng)站出現(xiàn)在網(wǎng)絡(luò)上，使人們可以隨時(shí)了解自己想知道的汽車方面的新聞，真正的做到足不出戶，便知天下事。把汽車銷售與網(wǎng)絡(luò)連接起來，是今后汽車銷售發(fā)展的必然方向之一。1．2網(wǎng)站開發(fā)項(xiàng)目需求分析汽車服務(wù)有限公司現(xiàn)在所服務(wù)的品牌公司在現(xiàn)有汽車服務(wù)行業(yè)中，所占的知名度和美譽(yù)度都非常好。但是，作為上海分部的分公司由于成立時(shí)間不長(zhǎng)，知名度不高，并且現(xiàn)在處于信息社會(huì)高速發(fā)展當(dāng)中，客戶了解公司服務(wù)最快的途徑就是通過網(wǎng)站，所以，建設(shè)一個(gè)時(shí)尚、莊重、活潑、規(guī)范并且功能全而強(qiáng)的網(wǎng)站已經(jīng)是迫在眉捷,據(jù)專家預(yù)計(jì)，2009年我國(guó)汽車需求量將超過850萬輛。所以，做好汽車網(wǎng)站就是為了使廣大的消費(fèi)者提供及時(shí)和有效的信息，為其選擇適合自己的產(chǎn)品提供良好的參考。1．3使用軟件dreamwraver軟件由美國(guó)著名的網(wǎng)站應(yīng)用開發(fā)工具生產(chǎn)廠商AdobeMacromedia于2005年6月推出并正式投入市場(chǎng)以來，已經(jīng)發(fā)展得相當(dāng)成熟。關(guān)于dreamwraver的技術(shù)介紹的相關(guān)書籍與網(wǎng)絡(luò)信息相當(dāng)豐富。通過大學(xué)中軟件開發(fā)環(huán)境課程的學(xué)習(xí)，對(duì)dreamwraver有了比較深刻的認(rèn)識(shí)，并比較輕松的掌握了dreamwraver的操作。因此，軟件技術(shù)可以完成任務(wù)的要求。二、系統(tǒng)分析與設(shè)計(jì)2.1制作網(wǎng)頁的步驟再做網(wǎng)頁之前，我確定了做網(wǎng)頁的五個(gè)步驟。一、確定網(wǎng)站主題：網(wǎng)站主題就是要建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。二、搜集材料：明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。材料既可以從圖書、報(bào)紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。三、規(guī)劃網(wǎng)站：一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等。四、選擇合適的制作工具：盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁的好壞，但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。五、制作網(wǎng)頁：材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了。2.2制作網(wǎng)頁的要素1、網(wǎng)頁的整體布局設(shè)計(jì)網(wǎng)頁設(shè)計(jì)作為一種視覺語言，要講究編排和布局，雖然主頁的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，應(yīng)充分加以利用和借鑒。版式設(shè)計(jì)通過文字圖形的空間組合，表達(dá)出和諧與美。2、網(wǎng)頁設(shè)計(jì)中色彩的運(yùn)用色彩是藝術(shù)表現(xiàn)的要素之一，在網(wǎng)頁設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來構(gòu)成美麗的頁面。三、詳細(xì)設(shè)計(jì)3．1網(wǎng)頁的要求要求運(yùn)行的工作環(huán)境穩(wěn)定，易于操作，界面美觀大方，對(duì)于廣大客戶所要執(zhí)行的操作簡(jiǎn)單易懂，遠(yuǎn)程訪問速度較快，界面友好美觀。網(wǎng)站的內(nèi)容必須要生動(dòng)活潑，網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)，才能吸引瀏覽者停留，我們采用現(xiàn)今網(wǎng)絡(luò)上最流行的CSS，F(xiàn)LASH，JavaScript等技術(shù)進(jìn)行網(wǎng)站的靜態(tài)和動(dòng)態(tài)頁面設(shè)計(jì)，動(dòng)態(tài)的按鈕，活動(dòng)的小圖標(biāo)，優(yōu)美協(xié)調(diào)的色彩配以悅耳的背景音樂，將會(huì)使瀏覽者留下深刻的印象。3.2網(wǎng)站結(jié)構(gòu)圖車主之家車主之家新車車展新聞?dòng)密囍R(shí)汽車用品四、網(wǎng)頁設(shè)計(jì)1、網(wǎng)站首頁預(yù)設(shè)了多功能搜索、新車、汽車資訊、新車信息、汽車用品推薦、商戶推薦、靚車展示、等版塊信息，主頁主要使用了表格布局，層布局，CSS樣式表，F(xiàn)lash動(dòng)畫，布局表格，超鏈接和背景音樂2、新車具有新車報(bào)價(jià)頻道首頁、新車報(bào)價(jià)搜索檢索、比較查詢、新車詳情參數(shù)和圖片展示、詢價(jià)留言、相關(guān)經(jīng)銷商報(bào)價(jià)等功能。該網(wǎng)頁使用了布局表格，CSS樣式表，插入圖片，超鏈接3.新聞具有關(guān)于車輛的一些評(píng)價(jià)的文章，以及對(duì)車輛的評(píng)測(cè)結(jié)果該網(wǎng)頁使用了布局表格，CSS樣式表，插入圖片，超鏈接，模板4.用車知識(shí)具有車輛養(yǎng)護(hù)、行車安全、文明行車、應(yīng)對(duì)有道等想關(guān)的文章等信息，該網(wǎng)頁使用了布局表格，CSS樣式表，插入圖片，超鏈接，模板5、汽車用品具有頻道首頁、汽車用品搜索，用于汽車用品展示、報(bào)價(jià)和推薦，商品詳情和訂購(gòu)可鏈接到用戶的網(wǎng)店或網(wǎng)站，該網(wǎng)頁使用了布局表格，CSS樣式表，插入圖片，超鏈接，模板。五、實(shí)訓(xùn)總結(jié)在系統(tǒng)的需求分析過程中，由于不熟悉，產(chǎn)生了很大的困難，通過與指導(dǎo)老師的探討與溝通，我漸漸地對(duì)系統(tǒng)有了一個(gè)大體的認(rèn)識(shí)。雖然說在系統(tǒng)需求分析過程中花費(fèi)了很多時(shí)間，但是我認(rèn)為這是必要的也是必須的。這次汽車網(wǎng)站設(shè)計(jì)過程，是對(duì)這學(xué)期課程的全方位學(xué)習(xí)的一次實(shí)際性檢查，在這次網(wǎng)站建設(shè)中，我選擇了制作汽車網(wǎng)，因?yàn)樵谥谱髌嚲W(wǎng)站，首先是要了解這個(gè)行業(yè)的基本情況，