網(wǎng)頁設(shè)計(jì)畢業(yè)論文

1、網(wǎng)站的設(shè)計(jì)與制作 目錄 第一章前言 第二章 1.1課題來源 1. 2網(wǎng)站開發(fā)項(xiàng)目需求分析 1. 3軟件 1. 4軟件運(yùn)行環(huán)境 第二章網(wǎng)站制作 2. 1做網(wǎng)頁的步驟 2. 2做網(wǎng)頁的要素 2. 3系統(tǒng)各模塊功能實(shí)現(xiàn) 第三章網(wǎng)站的設(shè)計(jì) 3. 1主頁的要求 3. 2子頁的要求 第四章結(jié)束語 參考文獻(xiàn) 汽車網(wǎng)站是一個(gè)結(jié)合了汽車銷售等多功能瀏覽的汽車網(wǎng)站， 我所使用的軟件是 Macromedia 公司推出的一款用于網(wǎng)頁設(shè) 計(jì)的軟件dreamweaver8。在網(wǎng)頁的制作與鏈接中，我學(xué)到 了很多。 關(guān)鍵詞：超鏈接外觀性能 11頁第10頁 第一章 前言 1. 1課題來源 隨著二十一世紀(jì)新興科技的飛速發(fā)展，如今

2、的電子信息產(chǎn)業(yè) 正在經(jīng)受著一個(gè)巨大的挑戰(zhàn)，同時(shí)也面臨著一個(gè)重大的機(jī)遇。就 目前的科技發(fā)展水平而言，電子信息產(chǎn)業(yè)的發(fā)展已經(jīng)不能夠滿足 社會(huì)化大生產(chǎn)的要求，因此，各個(gè)國家集中人力、財(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í)了解自己

3、想知道的汽車方面的新聞，真正的 做到足不出戶，便知天下事。把汽車銷售與網(wǎng)絡(luò)連接起來，是今 后汽車銷售發(fā)展的必然方向之一。 1. 2網(wǎng)站開發(fā)項(xiàng)目需求分析 一個(gè)網(wǎng)站項(xiàng)目的確立是建立在各種各樣的需求上面的，這種需 求往往來自于客戶的實(shí)際需求或者是出于公司自身發(fā)展的需要， 其中客戶的實(shí)際需求也就是說這種交易性質(zhì)的需求占了絕大部 分。面對(duì)對(duì)網(wǎng)站開發(fā)擁有不同知識(shí)層面的客戶，項(xiàng)目的負(fù)責(zé)人對(duì) 用戶需求的理解程度，在很大程度上決定了此類網(wǎng)站開發(fā)項(xiàng)目的 成敗。因此如何更好地的了解、分析、明確用戶需求，并且能夠 準(zhǔn)確、清晰以文檔的形式表達(dá)給參與項(xiàng)目開發(fā)的每個(gè)成員，保證 開發(fā)過程按照滿足用戶需求為目的正確項(xiàng)目開發(fā)方向

4、進(jìn)行，是每 個(gè)網(wǎng)站開發(fā)項(xiàng)目管理者需要面對(duì)的問題。據(jù)專家預(yù)計(jì)，2009年我 國汽車需求量將超過850萬輛。所以，做好汽車網(wǎng)站就是為了使 廣大的消費(fèi)者提供及時(shí)和有效的信息，為其選擇適合自己的產(chǎn)品 提供良好的參考。 dreamwraver軟件由美國著名的網(wǎng)站應(yīng)用開發(fā)工具生產(chǎn)廠商 AdobeMacromedia于2005年6月推出并正式投入市場以來， 已經(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ù)的要求。

5、 1. 4軟件運(yùn)行環(huán)境 Dreamweaver是一款簡體中文軟件，可以在Win2003/WinXP 中安全運(yùn)行 第三章網(wǎng)站制作 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ì)大樓一樣，圖紙

6、 設(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多， 如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、 文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到 了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來的 網(wǎng)頁才能有個(gè)性、有特色，具有吸引力。 四、選擇合適的制作工具：盡管選擇什么樣的工具并不會(huì)影 響你設(shè)計(jì)網(wǎng)頁的好壞，但是一款功能強(qiáng)大、使用簡單的軟件往往 可以起到事半功倍的效果。 五、制作網(wǎng)頁：材料有了，工具也選好了，下面就需要按照 規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的 過程，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先 大后小，就是說在

7、制作網(wǎng)頁時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐 步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡單后復(fù)雜，就是先設(shè)計(jì)出簡單的 內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問題時(shí)好修改。在制作 網(wǎng)頁時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。 2.2制作網(wǎng)頁的要素 1、網(wǎng)頁的整體布局設(shè)計(jì) 網(wǎng)頁設(shè)計(jì)作為一種視覺語言，要講究編排和布局，雖然主頁 的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，應(yīng)充分加以 利用和借鑒。版式設(shè)計(jì)通過文字圖形的空間組合，表達(dá)出和諧與 美。一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)者也應(yīng)該知道哪一段文字圖形該落于何 處，才能使整個(gè)網(wǎng)頁生輝。多頁面站點(diǎn)頁面的編排設(shè)計(jì)要求把頁 面之間的有機(jī)聯(lián)系反映出來，特別要處理好頁面之間和頁面內(nèi)的

8、秩序與內(nèi)容的關(guān)系。尤其是我們在利用網(wǎng)頁效果體現(xiàn)在線營銷的 意圖時(shí)，更要注意為了達(dá)到最佳的視覺表現(xiàn)效果，而講究整體布 局的合理性，比如一家生產(chǎn)型的企業(yè)，它所提供產(chǎn)品的名稱、類 別、型號(hào)、價(jià)格、功能介紹應(yīng)怎樣編排才能使瀏覽者有一個(gè)流暢 的視覺體驗(yàn)，從而方便他對(duì)產(chǎn)品的了解，促成最后的購買。 2、網(wǎng)頁設(shè)計(jì)中色彩的運(yùn)用 色彩是藝術(shù)表現(xiàn)的要素之一，在網(wǎng)頁設(shè)計(jì)中，根據(jù)和諧、均衡 和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來構(gòu)成美麗的 頁面。根據(jù)色彩對(duì)人們心理的影響，合理地加以運(yùn)用，按照色彩 的記憶性原則，一般暖色較冷色的記憶性更強(qiáng)一些。色彩還具有 聯(lián)想與象征的特質(zhì)，如紅色象征血、太陽；藍(lán)色象征大海、天空

9、和水面等。所以如果我們在對(duì)一家出售冷食的商店進(jìn)行虛擬店面 的頁面設(shè)計(jì)時(shí)，應(yīng)使用淡雅而沉靜的顏色，使人心理上感覺涼爽 一些，增強(qiáng)人們的購買心理，使得在線營銷得到很好的實(shí)踐效果。 另要注意的是網(wǎng)頁的顏色應(yīng)用雖沒有限制，但不能毫無節(jié)制地運(yùn) 用多種顏色，一般情況下，先根據(jù)總體風(fēng)格的要求定出一至二種 主色調(diào)，在已經(jīng)有了完備的CIS （企業(yè)形象識(shí)別系統(tǒng)）的企業(yè)進(jìn)行 網(wǎng)頁設(shè)計(jì)時(shí)，更應(yīng)該按照其中的 VI進(jìn)行色彩運(yùn)用。在色彩的運(yùn)用 過程中，還應(yīng)注意的一個(gè)問題是：由于國家和種族、宗教和信仰 的不同，以及生活的地理位置、文化修養(yǎng)的差異等，不同的人群 對(duì)色彩的喜惡程度有著很大的差異。如：兒童喜歡對(duì)比強(qiáng)烈、個(gè) 性鮮明的

10、純顏色；生活在草原上的人喜歡紅色；生活在鬧市中的 人喜歡淡雅的顏色；生活在“沙漠”中的人喜歡綠色。在設(shè)計(jì)中 要考慮眾多因素。 3、網(wǎng)頁形式與內(nèi)容相統(tǒng)一 要將豐富的意義和多樣的形式組織成統(tǒng)一的頁面結(jié)構(gòu)，形式 語言必須符合頁面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。運(yùn)用對(duì)比與調(diào) 和、對(duì)稱與平衡、節(jié)奏與韻律以及留白等手段，通過空間、文字、 圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。女口 對(duì)稱原則在頁面設(shè)計(jì)中，它的均衡有時(shí)會(huì)使頁面顯得呆板，但如 果加入一些富有動(dòng)感的文字、圖案，或采用夸張的手法來表現(xiàn)內(nèi) 容往往會(huì)達(dá)到比較好的效果。點(diǎn)、線、面作為視覺語言中的基本 元素，要使用點(diǎn)、線、面的互相穿插、互相襯托

11、、互相補(bǔ)充構(gòu)成 最佳的頁面效果。網(wǎng)頁設(shè)計(jì)中點(diǎn)、線、面的運(yùn)用并不是孤立的， 很多時(shí)候都需要將它們結(jié)合起來，表達(dá)完美的設(shè)計(jì)意境。 2. 3系統(tǒng)各模塊功能實(shí)現(xiàn) 1.系統(tǒng)登錄模塊 1）該功能模塊可以記錄客戶的郵箱地址， 交易時(shí)還可以向客 戶發(fā)送交易信息，到帳確認(rèn)等等。 2）登陸后系統(tǒng)會(huì)調(diào)出客戶的記錄，按照交易量的不同客戶享 受的折扣也不同，系統(tǒng)主界面 2. 車輛展示模塊 1）該功能模塊主要實(shí)現(xiàn)對(duì)車輛的展示。 2）該功能模塊圖片、文字介紹，360度flash對(duì)各種車輛的 展示。 3. 賬號(hào)管理模塊 1）掛失業(yè)務(wù)在正常工作中肯定會(huì)遇到掛失的業(yè)務(wù)，確定掛失 后，數(shù)據(jù)庫會(huì)將該賬號(hào)掛起，等待客戶做進(jìn)一步操作。

12、2）凍結(jié)業(yè)務(wù)，客戶對(duì)賬號(hào)有凍結(jié)的權(quán)利，在客戶沒有輸入解 凍密碼之前，任何人都無法動(dòng)用帳上的資金。 3）流水查詢客戶可以查詢曾經(jīng)交易過的記錄。 4）客戶可以自行對(duì)其賬號(hào)密碼進(jìn)行修改，網(wǎng)站管理人員也可 以添加或刪除賬號(hào)。 第三章網(wǎng)站的設(shè)計(jì) 3. 1主頁的要求 對(duì)于銷售業(yè)務(wù)系統(tǒng)要求運(yùn)行的工作環(huán)境穩(wěn)定，易于操作，界 面美觀大方，對(duì)于前臺(tái)展示界面要求系統(tǒng)便于維護(hù)，安全可靠, 對(duì)于廣大客戶所要執(zhí)行的操作簡單易懂，遠(yuǎn)程訪問速度較快， 界面友好美觀，有基本的錯(cuò)誤提醒功能，遠(yuǎn)程操作數(shù)據(jù)庫正確， 要求和客戶有一定的互動(dòng)性，在主頁上直觀的就可以查看瀏覽 者所想要了解的東西。 3. 2子頁的要求 后面的工作就是子頁的選擇與鏈接，子頁應(yīng)該豐富多彩， 內(nèi)容充實(shí)，瀏覽性強(qiáng)，比如說，想要銷售一輛汽車，應(yīng)該有 它的全部資料，包括外觀、內(nèi)飾、性能指標(biāo)、出產(chǎn)地、價(jià)格 等諸多方面，鑒于以上方面，我開始了子頁的選擇與鏈接。 第四章結(jié)束語 在系統(tǒng)的需求分析過程中，由于不熟悉，產(chǎn)生了很大的困難， 通過與指導(dǎo)老師的探討與溝通，我漸漸地對(duì)系統(tǒng)有了一個(gè)大體的 認(rèn)識(shí)。雖然說在系統(tǒng)需求分析過程中花費(fèi)了很多時(shí)間，但是我認(rèn) 為這是必要的也是必須的。 致謝 在整個(gè)畢業(yè)設(shè)計(jì)過程中，指導(dǎo)教師給了我極大的幫助