汽車廣告的設(shè)計(jì)與制作畢業(yè)論文

1、汽車廣告的設(shè)計(jì)與制作摘 要 汽車廣告是一個(gè)結(jié)合了汽車銷售等多功能瀏覽的汽車網(wǎng)頁，我所使用的軟件是Adobe公司推出的一款用于網(wǎng)頁設(shè)計(jì)的軟件dreamweaver。在網(wǎng)頁的制作與鏈接中，我學(xué)到了很多。關(guān)鍵詞：超鏈接，網(wǎng)頁制作，外觀，性能CAR ADVERTISEMENT DESIGN AND PRODUCTIONAbstract Car advertisement is a combination of auto sales auto multi-function browsing webpage, I used the software is of Adobe a company launch

2、ed a for web page design softwaredreamweaver. In the web page making and link, I learned a lot.KEY WORDS: hyperlinks, dreamweaver，appearance, performance目 錄摘 要1第一章 緒 論41.1 Dreamweaver 簡介41.2 HTML簡介41.3 HTML技術(shù)介紹51.4 課題來源5第二章 網(wǎng)站需求分析62.1 系統(tǒng)概述62.2 系統(tǒng)的可行性分析62.2.1 實(shí)用性62.2.2 技術(shù)性62.2.3 經(jīng)濟(jì)性6第三章 網(wǎng)頁制作73.1 制作網(wǎng)頁

3、的步驟73.2.1 網(wǎng)頁的整體布局設(shè)計(jì)73.2.2 網(wǎng)頁設(shè)計(jì)中色彩的運(yùn)用83.2.3 網(wǎng)頁形式與內(nèi)容相統(tǒng)一8第四章 網(wǎng)頁的設(shè)計(jì)與實(shí)現(xiàn)94.1 網(wǎng)頁的總體設(shè)計(jì)94.2 網(wǎng)頁的詳細(xì)設(shè)計(jì)94.2.1 素材準(zhǔn)備94.2.2 素材整理104.2.3 定義站點(diǎn)10第五章 結(jié)束語13參 考 文 獻(xiàn)14致 謝15第一章 緒 論1.1 Dreamweaver 簡介Dreamweaver是在網(wǎng)頁設(shè)計(jì)與制作領(lǐng)域中用戶最多、應(yīng)用最廣、功能最強(qiáng)大的軟件。它集網(wǎng)頁設(shè)計(jì)、網(wǎng)站開發(fā)和站點(diǎn)管理功能于一身，具有可視化、支持多平臺(tái)和跨瀏覽器的特性，是目前網(wǎng)站設(shè)計(jì)、開發(fā)、制作的首選工具。突出的特點(diǎn)主要有靈活的編寫方式；可視化編輯界面

4、；功能更多的CSS支持CSS可視化設(shè)計(jì)、CSS檢查工具；動(dòng)態(tài)跨瀏覽器驗(yàn)證；強(qiáng)大的WEB站點(diǎn)管理功能；內(nèi)建的圖形編輯引擎；豐富的媒體支持能力等。它將可視布局工具、應(yīng)用程序開發(fā)功能和代碼編輯支持組合在一起，其功能強(qiáng)大，使得各個(gè)層次的開發(fā)人員和設(shè)計(jì)人員都能夠快速創(chuàng)建界面吸引人的基于標(biāo)準(zhǔn)的網(wǎng)站和應(yīng)用程序。開發(fā)人員可以使用 Dreamweaver 及所選擇的服務(wù)器技術(shù)來創(chuàng)建功能強(qiáng)大的 Internet 應(yīng)用程序，從而使用戶能連接到數(shù)據(jù)庫、Web 服務(wù)和舊式系統(tǒng)。開發(fā)環(huán)境支持HTML、ASP、ASP.NET、JSP等，提供眾多功能強(qiáng)大的可視化設(shè)計(jì)工具、應(yīng)用開發(fā)環(huán)境以及代碼編輯支持。主要用于素材整理、排版以

5、及后臺(tái)程序的交互。1.2 HTML簡介全稱：Hyper Text Mark-up Language 譯稱：超文本標(biāo)記語言。 簡意：一種為普通文件中某些字句加上標(biāo)識(shí)的語言，其目的在于運(yùn)用標(biāo)記（tag）合文件達(dá)到預(yù)期的效果。 HTML 是在 SGML 定義下的一個(gè)描述性的語言，或可說 HTML 是 SGML 的一個(gè)應(yīng)用程式。HTML 不是程式語言，如 C+ 和 Java 之類，它只是標(biāo)記語言，基本上你只要明白了各種 標(biāo)記的用法便算學(xué)懂了 HTML，HTML 的格式非常簡單，只是由文字及標(biāo)記組合而成，于編輯部方面，任何文字編輯器都可以，只要能將檔案存為文本格式即可， 用專門的網(wǎng)頁編輯工具當(dāng)然更好。1

6、.3 HTML技術(shù)介紹Macromedia公司的Roundtrip HTML技術(shù)讓用戶可以隨意導(dǎo)入HTML文件而無需重新設(shè)置代碼格式，用戶還可以利用Dreamweaver清除或重新格式化HTML代碼，實(shí)現(xiàn)代碼的優(yōu)化。利用Dreamweaver，可以方便地使用動(dòng)態(tài)HTML功能，卻不需要寫一行行的代碼；利用它還可以檢查作品在所有流行的平臺(tái)和瀏覽器中可能發(fā)生的錯(cuò)誤。當(dāng)然,如果不用DW的話,同樣可以制作出非常棒的網(wǎng)站來,其實(shí)什么樣的程序或者HTML代碼都可以直接用記事本來寫,只不過DW實(shí)現(xiàn)起來確實(shí)方便一些吧,還有一些其他的網(wǎng)頁編輯工具,比如微軟的Frontpage等等,只是想說明一下,做網(wǎng)站,DW很好

7、用，但是不是必須的!1.4 課題來源隨著二十一世紀(jì)新興科技的飛速發(fā)展，如今的電子信息產(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)槿藗兊倪@些需求，

8、越來越多的汽車網(wǎng)站出現(xiàn)在網(wǎng)絡(luò)上，使人們可以隨時(shí)了解自己想知道的汽車方面的新聞，真正的做到足不出戶，便知天下事。把汽車銷售與網(wǎng)絡(luò)連接起來，是今后汽車銷售發(fā)展的必然方向之一。第二章 網(wǎng)站需求分析在進(jìn)行一個(gè)網(wǎng)站項(xiàng)目開發(fā)之前，應(yīng)對(duì)這一開發(fā)項(xiàng)目進(jìn)行了需求分析，以確定網(wǎng)站開發(fā)者需要完成哪些工作才能滿足用戶的需求。2.1 系統(tǒng)概述在現(xiàn)今的信息共享的時(shí)代，網(wǎng)絡(luò)信息化管理工作系統(tǒng)經(jīng)信息量大、數(shù)據(jù)準(zhǔn)確、速度快、管理工作全面等特點(diǎn)在現(xiàn)實(shí)生活中得到廣泛地應(yīng)用?；ヂ?lián)網(wǎng)商業(yè)的普及應(yīng)用已經(jīng)成為網(wǎng)絡(luò)經(jīng)濟(jì)的大勢(shì)所趨。本章介紹的汽車文化網(wǎng)站是建立在用戶和汽車信息之間的，用戶可以方便、快捷地查找到自己所需要了解的有關(guān)于汽車的信息，

9、可以足不出戶就能了解到汽車這個(gè)行業(yè)的基本信息，從而提高自己的閱歷以及在以后生活中能夠有需要的去體驗(yàn)汽車工業(yè)。2.2 系統(tǒng)的可行性分析2.2.1 實(shí)用性網(wǎng)站的宗旨是根據(jù)用戶需求的有關(guān)汽車信息和現(xiàn)今形勢(shì)提供有關(guān)汽車的詳細(xì)信息，2.2.2 技術(shù)性 網(wǎng)站提供給客戶了了解汽車的基本信息和各種歷史信息，使客戶能夠更好的在本站內(nèi)了解汽車。2.2.3 經(jīng)濟(jì)性網(wǎng)站能夠提供給致力于推廣汽車文化的企業(yè)或者個(gè)人來達(dá)到所能達(dá)到的經(jīng)濟(jì)效益，并且能夠達(dá)到預(yù)期的推廣效果。第三章 網(wǎng)頁制作3.1 制作網(wǎng)頁的步驟確定網(wǎng)頁主題：網(wǎng)頁主題就是要建立的網(wǎng)頁所要包含的主要內(nèi)容，一個(gè)網(wǎng)頁必須要有一個(gè)明確的主題。搜集材料：明確了網(wǎng)頁的主題以

10、后，你就要圍繞主題開始搜集材料了。材料既可以從圖書、報(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)頁的構(gòu)成、欄目的設(shè)置、網(wǎng)頁的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個(gè)性、有特色、具有吸引力。選擇合適的制作工具：盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁的好壞，但是

11、一款功能強(qiáng)大、使用簡單的軟件往往可以起到事半功倍的效果。制作網(wǎng)頁：材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(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)用模版，這樣可以大大提高制作效率。3.2 制作網(wǎng)頁的要素3.2.1 網(wǎng)頁的整體布局設(shè)計(jì)網(wǎng)頁設(shè)計(jì)作為一種視覺語言，要講究編排和布局，雖然主頁的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，應(yīng)充分加以利用和

12、借鑒。版式設(shè)計(jì)通過文字圖形的空間組合，表達(dá)出和諧與美。一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)者也應(yīng)該知道哪一段文字圖形該落于何處，才能使整個(gè)網(wǎng)頁生輝。多頁面站點(diǎn)頁面的編排設(shè)計(jì)要求把頁面之間的有機(jī)聯(lián)系反映出來，特別要處理好頁面之間和頁面之間的秩序與內(nèi)容的關(guān)系。尤其是我們?cè)诶镁W(wǎng)頁效果體現(xiàn)在線營銷的意圖時(shí)，更要注意為了達(dá)到最佳的視覺表現(xiàn)效果，而講究整體布局的合理性，比如一家生產(chǎn)型的企業(yè)，它所提供產(chǎn)品的名稱、類別、型號(hào)、價(jià)格、工能介紹應(yīng)怎樣編排才能使瀏覽者有一個(gè)流暢的視覺體驗(yàn)，從而方便對(duì)產(chǎn)品的了解，促成最后的購買。3.2.2 網(wǎng)頁設(shè)計(jì)中色彩的運(yùn)用色彩是藝術(shù)表現(xiàn)的要素之一，在網(wǎng)頁設(shè)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不

13、同的色彩進(jìn)行組合、搭配來構(gòu)成美麗的頁面。根據(jù)色彩對(duì)人們心理的影響，合理地加以運(yùn)用，按照色彩的記憶性原則，一般暖色較冷色的記憶性更強(qiáng)一些。色彩還具有聯(lián)想與象征的特質(zhì)，如紅色象征血、太陽；藍(lán)色象征大海、天空和水面等。所以如果我們?cè)趯?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)

14、用過程中，還應(yīng)該注意一個(gè)問題是：由于國家和種族、宗教和信仰的不同，以及生活的地理位置、文化修養(yǎng)的差異等，不同的人群對(duì)色彩的喜惡程度有著很大的差異。如：兒童喜歡對(duì)比較強(qiáng)烈、個(gè)性鮮明的純顏色；生活在草原上的人喜歡紅色；生活在鬧市中的人喜歡淡雅的顏色；生活在“沙漠”中的人喜歡綠色；在設(shè)計(jì)中要考慮眾多因素。3.2.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ì)使頁面顯得呆板

15、，但如果加入一些富有動(dòng)感的文字、圖案，或采用夸張的手法來表現(xiàn)內(nèi)容往往會(huì)達(dá)到比較好的效果。點(diǎn)、線、面作為視覺語言中的基本元素，要使用點(diǎn)、線、面對(duì)互相穿插、互相襯托、互相補(bǔ)充構(gòu)成最佳的頁面效果。網(wǎng)頁設(shè)計(jì)中點(diǎn)、線、面對(duì)運(yùn)用并不是孤立的，很多時(shí)候都需要將它們結(jié)合起來，表達(dá)完美的設(shè)計(jì)意境。第四章 網(wǎng)頁的設(shè)計(jì)與實(shí)現(xiàn)4.1 網(wǎng)頁的總體設(shè)計(jì)主頁由標(biāo)準(zhǔn)模式構(gòu)建，其主色調(diào)為藍(lán)灰色，通過導(dǎo)航條的引導(dǎo)可以一步一步了解網(wǎng)頁的全部內(nèi)容。用戶能通過導(dǎo)航獲取自己感興趣的信息以及圖文說明。4.2 網(wǎng)頁的詳細(xì)設(shè)計(jì)4.2.1 素材準(zhǔn)備準(zhǔn)備做網(wǎng)頁的素材是最重要的一環(huán)，不僅要收集許多內(nèi)容各異的文字圖片，還要設(shè)計(jì)各種網(wǎng)頁的排版格式與美工

16、。圖1網(wǎng)頁首頁這個(gè)網(wǎng)頁的排版格式是我自己用Dreamweaver畫出來的，其中的圖片有的是自己處理的，也有些是從網(wǎng)上下載后自己用PS處理的。圖2 網(wǎng)頁素材4.2.2 素材整理先把素材整理成一些整齊的目錄，最好就在網(wǎng)頁需要放置的目錄下，我把它放在文件夾image下。定義站點(diǎn)是選擇這個(gè)目錄，這樣素材就全位于站點(diǎn)以內(nèi)，處理比較方便。圖3 素材整理截圖4.2.3 定義站點(diǎn)（1）啟動(dòng)Dreamweaver。（2）打開“站點(diǎn)”菜單，選擇“新建站點(diǎn)”命令（3）在彈出的“站點(diǎn)定義”對(duì)話框中的“站點(diǎn)命令”文本框中輸入站點(diǎn)名，在下面的“本地根目錄文件夾”文本框中輸入本地網(wǎng)站預(yù)保存的路徑，單擊“確認(rèn)”按鈕。（4）隨

17、即在組合面板中彈出“站點(diǎn)”面板，現(xiàn)在可以在其中添加頁面了。（5）右鍵單擊“站點(diǎn)”面板中的根目錄，在彈出菜單中選擇“新建文件”命令，把新建文件的名稱改為”1.html”。（6）雙擊首頁.html，進(jìn)入頁面編輯狀態(tài)。（7）首先建立一個(gè)大表格并且使表格居中。編輯文本區(qū)域，在最上層表格內(nèi)添加falsh動(dòng)畫，并在第2層的表格中添加素材圖片，作為表格背景，從而美化網(wǎng)頁。圖4 falsh 動(dòng)畫截圖圖5 關(guān)于公司網(wǎng)頁截圖圖6 車型展示網(wǎng)頁截圖第五章 結(jié)束語實(shí)踐是檢驗(yàn)真理的唯一標(biāo)準(zhǔn)，當(dāng)然也是檢驗(yàn)學(xué)習(xí)成果的標(biāo)準(zhǔn)。通過這次畢業(yè)設(shè)計(jì)讓我對(duì)前面學(xué)過的許多課程有了更為深刻的理解，也是我對(duì)這三年所學(xué)的東西的一個(gè)綜合體現(xiàn)。然

18、而這次設(shè)計(jì)讓我感受頗深，它讓我體會(huì)到了理論知識(shí)結(jié)合實(shí)踐的重要性，光有理論知識(shí)是遠(yuǎn)遠(yuǎn)不夠的。首先，我選的課題是汽車廣告的網(wǎng)頁設(shè)計(jì)，隨之而來的就是我如何來確定該網(wǎng)頁的主題,起初自己把問題想的過于簡單了，總覺得只要我把主題給確定了，其他的事情也就好解決了。然而卻遠(yuǎn)遠(yuǎn)不是我想的那樣，當(dāng)我確定了主題著手來做時(shí)，發(fā)現(xiàn)自己根本不知從哪著手，到底用什么來布局網(wǎng)頁，網(wǎng)頁的整體風(fēng)格又是怎樣的，如何來規(guī)劃等這一系列的問題都是我極需要解決的。我開始變得有點(diǎn)浮躁不安，帶著這樣的心情來做我的設(shè)計(jì)，其結(jié)果是幾天下來網(wǎng)頁的整體布局都還沒有一個(gè)統(tǒng)一的概念。慢慢的我就靜下心來反思自己這幾天所做的，發(fā)現(xiàn)自己的方法完全錯(cuò)了，太急于求成，然后我整整自己思緒，一步步來，先準(zhǔn)備資料，把握整體布局，明確了網(wǎng)頁的基本功能，在設(shè)計(jì)好系統(tǒng)各主要部分，將一些細(xì)節(jié)問題考慮周全后才開始動(dòng)手進(jìn)行開發(fā)，使得后來的工作才得以順利進(jìn)行