網(wǎng)頁設(shè)計與應(yīng)用畢業(yè)論文

1、<p>　　計算機多媒體專業(yè)畢業(yè)論文</p><p>　　論文題目：網(wǎng)頁設(shè)計與應(yīng)用</p><p><b>　　網(wǎng)站的設(shè)計與應(yīng)用</b></p><p><b>　　摘 要</b></p><p>　　汽車網(wǎng)站是一個結(jié)合了汽車銷售等多功能瀏覽的汽車網(wǎng)站，我所使用的軟件是Macromedia

2、 公司推出的一款用于網(wǎng)頁設(shè)計的軟件——dreamweaver8。在網(wǎng)頁的制作與鏈接中，我學到了很多，然后補充一些比較熱門的技巧。網(wǎng)站具有快捷。無距離更新的特性，同時提供進入日常業(yè)務(wù)處理平臺的“入口”，具有較強的實用價值。這樣的網(wǎng)站被廣大消費者普遍使用，隨著現(xiàn)在網(wǎng)絡(luò)的普及和高效性的不斷提高，它的展示作用和實用性已經(jīng)使它的應(yīng)用地位越來越高，越來越廣泛。本文對網(wǎng)站設(shè)計作了介紹，進行了需求分析、模塊劃分、框架和CSS的介紹。</p>

3、<p>　　由于制作經(jīng)驗不足，作品和論文中存在問題之處，請老師指導完善。</p><p>　　關(guān)鍵詞： 超鏈接，外觀，性能，框架，CSS</p><p><b>　　目 錄</b></p><p><b>　　第一章 前言</b></p><p><b>　　1.1課題來源

4、</b></p><p>　　1.2網(wǎng)站開發(fā)項目需求分析</p><p><b>　　1.3軟件</b></p><p>　　1.4 軟件運行環(huán)境</p><p><b>　　第二章 網(wǎng)站制作</b></p><p><b>　　2.1做網(wǎng)頁的步驟&l

5、t;/b></p><p><b>　　2.2做網(wǎng)頁的要素</b></p><p>　　2.3系統(tǒng)各模塊功能實現(xiàn)</p><p>　　第三章 網(wǎng)站的設(shè)計</p><p><b>　　3.1主頁的要求</b></p><p><b>　　3.2子頁的要求<

6、;/b></p><p><b>　　3.3網(wǎng)頁設(shè)計技巧</b></p><p><b>　　第四章 網(wǎng)站的應(yīng)用</b></p><p><b>　　結(jié)束語</b></p><p><b>　　參考文獻</b></p><p>

7、;<b>　　第一章 前言</b></p><p><b>　　1、1 課題來源</b></p><p>　　隨著二十一世紀新興科技的飛速發(fā)展，如今的電子信息產(chǎn)業(yè)正在經(jīng)受著一個巨大的挑戰(zhàn)，同時也面臨著一個重大的機遇。就目前的科技發(fā)展水平而言，電子信息產(chǎn)業(yè)的發(fā)展已經(jīng)不能夠滿足社會化大生產(chǎn)的要求，因此，各個國家集中人力、財力加大對信息技術(shù)產(chǎn)業(yè)的投入

8、，以適應(yīng)目前需要?？上驳氖窃谶@幾十年的發(fā)展中我們有了互聯(lián)網(wǎng)?；ヂ?lián)網(wǎng)加大了我們了解世界的眼界，縮緊了人與人之間的距離，這就更容易的使我們走上信息化的道路。</p><p>　　以往，人們出行都以自行車居多，后來公交事業(yè)發(fā)展壯大，人們便乘坐公交汽車，現(xiàn)如今，隨著人們生活水平的提高，越來越多的家庭已經(jīng)擁有或者想擁有自己的私家車。</p><p>　　正是因為人們的這些需求，越來越多的汽車網(wǎng)站出現(xiàn)

9、在網(wǎng)絡(luò)上，使人們可以隨時了解自己想知道的汽車方面的新聞，真正的做到足不出戶，便知天下事。把汽車銷售與網(wǎng)絡(luò)連接起來，是今后汽車銷售發(fā)展的必然方向之一。</p><p>　　1．2 網(wǎng)站開發(fā)項目需求分析</p><p>　　一個網(wǎng)站項目的確立是建立在各種各樣的需求上面的，這種需求往往來自于客戶的實際需求或者是出于公司自身發(fā)展的需要，其中客戶的實際需求也就是說這種交易性質(zhì)的需求占了絕大部分。面對

10、對網(wǎng)站開發(fā)擁有不同知識層面的客戶，項目的負責人對用戶需求的理解程度，在很大程度上決定了此類網(wǎng)站開發(fā)項目的成敗。因此如何更好地的了解、分析、明確用戶需求，并且能夠準確、清晰以文檔的形式表達給參與項目開發(fā)的每個成員，保證開發(fā)過程按照滿足用戶需求為目的正確項目開發(fā)方向進行，是每個網(wǎng)站開發(fā)項目管理者需要面對的問題。據(jù)專家預(yù)計，2009年我國汽車需求量將超過850萬輛。所以，做好汽車網(wǎng)站就是為了使廣大的消費者提供及時和有效的信息，為其選擇適合自己

11、的產(chǎn)品提供良好的參考。</p><p><b>　　1．3 使用軟件</b></p><p>　　dreamwraver軟件由美國著名的網(wǎng)站應(yīng)用開發(fā)工具生產(chǎn)廠商Adobe Macromedia于2005年6月推出并正式投入市場以來，已經(jīng)發(fā)展得相當成熟。關(guān)于dreamwraver的技術(shù)介紹的相關(guān)書籍與網(wǎng)絡(luò)信息相當豐富。通過大學中軟件開發(fā)環(huán)境課程的學習，對dreamwra

12、ver有了比較深刻的認識，并比較輕松的掌握了dreamwraver的操作。因此，軟件技術(shù)可以完成任務(wù)的要求。</p><p>　　1．4 軟件運行環(huán)境</p><p>　　Dreamweaver是一款簡體中文軟件，可以在Win2003/WinXP中安全運行</p><p><b>　　網(wǎng)站制作</b></p><p>　

13、　2．1 制作網(wǎng)頁的步驟</p><p>　　在做網(wǎng)頁之前，我確定了做網(wǎng)頁的五個步驟。</p><p>　　一、確定網(wǎng)站主題 ：網(wǎng)站主題就是要建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。</p><p>　　二、搜集材料 ：明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜

14、集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。</p><p>　　三、規(guī)劃網(wǎng)站 ：一個網(wǎng)站設(shè)計得成功與否，很大程度上決定于設(shè)計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣，圖紙設(shè)計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁

15、才能有個性、有特色，具有吸引力。</p><p>　　四、選擇合適的制作工具 ：盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。</p><p>　　五、制作網(wǎng)頁 ：材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復(fù)雜而細致的過程，一定要按照先大后小、先簡單后復(fù)雜來進行制作。所謂先大后小，就是說在

16、制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。</p><p>　　此外，整體設(shè)計完成后我們還要將網(wǎng)頁上傳測試，使其和其他版本瀏覽器能夠兼容，再者對網(wǎng)站推廣宣傳，及時的維護更新。</p><p>　　2.2 制作網(wǎng)頁的要素</p&

17、gt;<p>　　2.2.1 網(wǎng)頁的整體布局設(shè)計 　 網(wǎng)頁設(shè)計作為一種視覺語言，要講究編排和布局，雖然主頁的設(shè)計不等同于平面設(shè)計，但它們有許多相近之處，應(yīng)充分加以利用和借鑒。版式設(shè)計通過文字圖形的空間組合，表達出和諧與美。一個優(yōu)秀的網(wǎng)頁設(shè)計者也應(yīng)該知道哪一段文字圖形該落于何處，才能使整個網(wǎng)頁生輝。多頁面站點頁面的編排設(shè)計要求把頁面之間的有機聯(lián)系反映出來，特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。尤其是我們在利用網(wǎng)

18、頁效果體現(xiàn)在線營銷的意圖時，更要注意為了達到最佳的視覺表現(xiàn)效果，而講究整體布局的合理性，比如一家生產(chǎn)型的企業(yè)，它所提供產(chǎn)品的名稱、類別、型號、價格、功能介紹應(yīng)怎樣編排才能使瀏覽者有一個流暢的視覺體驗，從而方便他對產(chǎn)品的了解，促成最后的購買。2.2.2 網(wǎng)頁設(shè)計中色彩的運用 色彩是藝術(shù)表現(xiàn)的要素之一，在網(wǎng)頁設(shè)計中，根據(jù)和諧、均衡和重點突出的原則，將不同的色彩進行組合、搭配來構(gòu)成美麗的頁面。根據(jù)色彩對人們心理的影響，合理地加以運用

19、，按照色彩的記憶性原則，一般暖色較冷色的記憶性更強一些。色彩還具有聯(lián)想與象征的特質(zhì)，如紅色象征血、太陽；藍色象征大海、天空和水面等。所以如果我們在對一家</p><p>　　2.2.3 網(wǎng)頁形式與內(nèi)容相統(tǒng)一　　要將豐富的意義和多樣的形式組織成統(tǒng)一的頁面結(jié)構(gòu)，形式語言必須符合頁面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。運用對比與調(diào)和、對稱與平衡、節(jié)奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，

20、產(chǎn)生和諧的美感。如對稱原則在頁面設(shè)計中，它的均衡有時會使頁面顯得呆板，但如果加入一些富有動感的文字、圖案，或采用夸張的手法來表現(xiàn)內(nèi)容往往會達到比較好的效果。點、線、面作為視覺語言中的基本元素，要使用點、線、面的互相穿插、互相襯托、互相補充構(gòu)成最佳的頁面效果。網(wǎng)頁設(shè)計中點、線、面的運用并不是孤立的，很多時候都需要將它們結(jié)合起來，表達完美的設(shè)計意境。</p><p>　　2．3 系統(tǒng)各模塊功能實現(xiàn)</p>

21、<p>　　2.3.1 系統(tǒng)登錄模塊</p><p>　　1、該功能模塊可以記錄客戶的郵箱地址，交易時還可以向客戶發(fā)送交易信息，到帳確認等等。</p><p>　　2、登陸后系統(tǒng)會調(diào)出客戶的記錄，按照交易量的不同客戶享受的折扣也不同， 系統(tǒng)主界面</p><p>　　2.3.2 車輛展示模塊 </p><p>

22、;　　1、該功能模塊主要實現(xiàn)對車輛的展示。</p><p>　　2、該功能模塊圖片、文字介紹，360度flash對各種車輛的展示。</p><p>　　2.3.3 賬號管理模塊</p><p>　　1、掛失業(yè)務(wù)在正常工作中肯定會遇到掛失的業(yè)務(wù)，確定掛失后，數(shù)據(jù)庫會將該賬號掛起，等待客戶做進一步操作。</p><p>　　2、凍結(jié)業(yè)務(wù)，客戶對賬

23、號有凍結(jié)的權(quán)利，在客戶沒有輸入解凍密碼之前，任何人都無法動用帳上的資金。</p><p>　　3、流水查詢客戶可以查詢曾經(jīng)交易過的記錄。</p><p>　　4、客戶可以自行對其賬號密碼進行修改，網(wǎng)站管理人員也可以添加或刪除賬號。</p><p>　　第三章 網(wǎng)站的設(shè)計</p><p><b>　　3.1主頁的要求</b&g

24、t;</p><p>　　對于銷售業(yè)務(wù)系統(tǒng)要求運行的工作環(huán)境穩(wěn)定，易于操作，界面美觀大方，對于前臺展示界面要求系統(tǒng)便于維護，安全可靠，對于廣大客戶所要執(zhí)行的操作簡單易懂，遠程訪問速度較快，界面友好美觀，有基本的錯誤提醒功能，遠程操作數(shù)據(jù)庫正確，要求和客戶有一定的互動性，在主頁上直觀的就可以查看瀏覽者所想要了解的東西。</p><p><b>　　3.2 子頁的要求</b&g

25、t;</p><p>　　后面的工作就是子頁的選擇與鏈接，子頁應(yīng)該豐富多彩，內(nèi)容充實，瀏覽性強，比如說，想要銷售一輛汽車，應(yīng)該有它的全部資料，包括外觀、內(nèi)飾、性能指標、出產(chǎn)地、價格等諸多方面，鑒于以上方面，我開始了子頁的選擇與鏈接。</p><p>　　3.3 網(wǎng)頁設(shè)計技巧 </p><p>　　一張完美的主頁設(shè)計需要積累豐富的知識以及掌握大量的技巧。在這里從框架和

26、CSS樣式的運用兩方面來介紹網(wǎng)頁設(shè)計的技巧。 </p><p>　　3.3.1 框架的使用 </p><p>　　FRAME（框架）是Web上經(jīng)常會看到的頁面結(jié)構(gòu)?？蚣艿淖畛Ｒ娪猛揪褪菍Ш?。一組框架通常包括一個含有導航條的框架和另一個要顯示主要內(nèi)容頁面的框架。 </p><p>　　使用框架具有以下優(yōu)點：訪問者的瀏覽器不需要為每個頁面重新加載與導航相關(guān)的圖形；每個框

27、架都具有自己的滾動條(如果內(nèi)容太大，在窗口中顯示不下)，因此訪問者可以獨立滾動這些框架。例如，當框架中的內(nèi)容頁面較長時，如果導航條位于不同的框架中，那么向下滾動到頁面底部的訪問者就不需要再滾動回頂部來使用導航條。 </p><p>　　使用框架具有以下缺點：可能難以實現(xiàn)不同框架中各元素的精確圖形對齊；對導航進行測試可能很耗時間。 </p><p>　　許多專業(yè) Web 設(shè)計人員不喜歡使用框

28、架，并且許多瀏覽 Web 的人也不喜歡框架。在大多數(shù)情況下，這種反感是因為遇到了那些使用框架效果不佳或不必要地使用框架的站點(例如，每當訪問者單擊導航按鈕時就重新加載導航框架內(nèi)容的框架集)。如果框架使用得法(例如，在允許其他框架的內(nèi)容發(fā)生更改的同時，使一個框架中的導航控件保持靜態(tài))，則這些框架對于某些站點可能非常有用。 </p><p>　　3.3.2 CSS樣式的使用 </p><p>

29、　　CSS(層疊樣式表)是一種制作網(wǎng)頁的新技術(shù),它的全稱是級聯(lián)樣式表,即Cascading StyleSheets的縮寫，又稱之為風格樣式表單。CSS是在網(wǎng)頁制作過程中普遍用到的技術(shù)。采用了CSS技術(shù)控制的網(wǎng)頁，設(shè)計者會更輕松、有效地對頁面的整體布局、顏色、字體、鏈接、背景以及同一頁面的不同部分、不同頁面的外觀和格式等效果實現(xiàn)更加精確地控制。 </p><p><b>　　第四章 網(wǎng)頁的應(yīng)用</b

30、></p><p>　　4.1 網(wǎng)頁分為靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁。</p><p><b>　　4.1.1 優(yōu)點：</b></p><p><b>　　靜態(tài)網(wǎng)頁：</b></p><p>　　靜態(tài)網(wǎng)頁的內(nèi)容相對穩(wěn)定，因此容易被搜索引擎檢索；</p><p><b>

31、　　動態(tài)網(wǎng)頁：</b></p><p>　　動態(tài)網(wǎng)頁以數(shù)據(jù)庫技術(shù)為基礎(chǔ)，可以大大減少降低網(wǎng)站維護的工作量；</p><p>　　采用動態(tài)網(wǎng)頁技術(shù)的網(wǎng)站可以實現(xiàn)更多的功能，如用戶注冊、用戶登錄、在線調(diào)查、用戶管理、頂訂單管理等等；</p><p><b>　　4.1.2 缺點：</b></p><p><

32、b>　　靜態(tài)網(wǎng)頁：</b></p><p>　　靜態(tài)網(wǎng)頁沒有數(shù)據(jù)庫的支持，在網(wǎng)站能制作和維護方面工作量較大，因此當網(wǎng)站信息量很大時完全依靠靜態(tài)網(wǎng)頁制作方式比較困難；</p><p>　　靜態(tài)網(wǎng)頁的交互性交叉，在功能方面有較大的限制。</p><p><b>　　動態(tài)網(wǎng)頁：</b></p><p>　　動

33、態(tài)網(wǎng)頁中的“？”對搜索引擎檢索存在一定的問題，搜索引擎一般不可能從一個網(wǎng)站的數(shù)據(jù)庫中訪問全部網(wǎng)頁，或者處于技術(shù)方面的考慮，搜索蜘蛛不去抓取網(wǎng)址中“？”后面的內(nèi)容，因此采用動態(tài)網(wǎng)頁的網(wǎng)站在進行搜索引擎推廣時需要做一定的技術(shù)處理才能適應(yīng)搜索引擎的要求。</p><p><b>　　4.2 我的認識</b></p><p>　　網(wǎng)頁應(yīng)用很廣泛，當我們打開IE瀏覽器的時候，出

34、現(xiàn)在屏幕上的就是一個網(wǎng)頁，隨著社會的進步，生活節(jié)奏地加快，各行各業(yè)都開始使用互聯(lián)網(wǎng)來宣傳自己的產(chǎn)品，或者進行其他的活動。網(wǎng)站設(shè)計離不開網(wǎng)頁，網(wǎng)頁像書中的章頁，由這些頁面構(gòu)成了整個網(wǎng)站。不管是大企業(yè)還是小公司，都有自己的網(wǎng)站，當然網(wǎng)站是離不開網(wǎng)頁的。網(wǎng)頁中的信息可以給我們帶來很多幫助，可以用來學習或者做一些活動的參考。通過對這門課程的學習會收獲很多。</p><p><b>　　結(jié)束語</b>

35、</p><p>　　在系統(tǒng)的需求分析過程中，由于不熟悉，產(chǎn)生了很大的困難，通過與指導老師的探討與溝通，我漸漸地對系統(tǒng)有了一個大體的認識。雖然說在系統(tǒng)需求分析過程中花費了很多時間，但是我認為這是必要的也是必須的。</p><p>　　這次畢業(yè)設(shè)計中我了解到了很多的知識，這對我今后的學習和生活都將會有很大的幫助。我明白了對于一個完整性的軟件設(shè)計流程的主要性，在整個網(wǎng)站設(shè)計過程中前期需求分析，

36、可行性分析是非常重要的環(huán)節(jié)，可以說是軟件設(shè)計的核心，在過去我一直認為詳細設(shè)計編碼才是最重要的，因為再好的需求，編碼不成功，軟件就無法正常運行。</p><p>　　鍛煉了自己發(fā)現(xiàn)問題，解決問題的能力。開發(fā)過程中遇到一些需求的變化，通過修改設(shè)計思路，避免在后期產(chǎn)生更大的錯誤。再詳細設(shè)計的每一步都有可能出錯，所以會進行非常多的調(diào)試工作，只要發(fā)現(xiàn)問題就調(diào)試解決，這樣不僅增強了信心，也很好的鍛煉了自己遇到問題不急不躁，耐

37、心解決的能力。</p><p><b>　　致謝：</b></p><p>　　在這次畢業(yè)設(shè)計中，雖然有很多問題和錯誤，但是在指導老師的幫助和建議下，我及時和老師解決問題，改正錯誤，使得順利的完成畢業(yè)設(shè)計論文，衷心的感謝，老師對我的關(guān)心和幫助，今后學生會努力做好網(wǎng)站設(shè)計的工作。也感謝老師給我提供良好的工作和學習條件，感謝學校給我提供這次畢業(yè)設(shè)計的機會。 </p&

38、gt;<p><b>　　參考文獻</b></p><p>　　〈1〉《信息技術(shù)》江蘇科學技術(shù)出版社 . </p><p>　　〈2〉《網(wǎng)頁制作》人民郵電出版社.</p><p>　　<3>《dreamweaver8參考手冊》2008年版.</p><p>　　<4>柯林森、劉志忠，