唯美廣告設(shè)計畢業(yè)設(shè)計論文

PAGE摘要本文主要針對基于ASP的企業(yè)網(wǎng)站系統(tǒng)進(jìn)行分析和設(shè)計。以唯美廣告命名的設(shè)計網(wǎng)站為例，首先對企業(yè)網(wǎng)站進(jìn)行前景分析以及模塊需求分析，以及就目前本人所掌握的數(shù)據(jù)庫技術(shù)、開發(fā)工具、編程語言等的網(wǎng)站開發(fā)必備條件進(jìn)行可開發(fā)平臺的確定，和相關(guān)應(yīng)用軟件的簡介。接著則對本網(wǎng)站的基本框架層次以及各個功能模塊圖進(jìn)行圖形的描述體現(xiàn)。第三章和第四章主要介紹在網(wǎng)站設(shè)計中的數(shù)據(jù)庫的設(shè)計、實現(xiàn)以及各個功能模塊的具體實現(xiàn)和具體的介紹。最后對本系統(tǒng)進(jìn)行客觀的評價，指出該系統(tǒng)的現(xiàn)實意義與缺點(diǎn)。關(guān)鍵詞：企業(yè)網(wǎng)站廣告設(shè)計目錄TOC\o"1-2"\h\z\u引言 1第一章需求分析以及開發(fā)工具的選擇 2一、網(wǎng)站的需求分析 2二、開發(fā)工具的選擇 5第二章網(wǎng)站的總體設(shè)計 4一、唯美廣告—企業(yè)網(wǎng)站的層次概況圖 4二、網(wǎng)站的功能模塊圖 5第三章數(shù)據(jù)庫設(shè)計 5一、數(shù)據(jù)庫的具體設(shè)計 5二、詳細(xì)的數(shù)據(jù)表結(jié)構(gòu) 6三、數(shù)據(jù)庫的連接 7第四章系統(tǒng)各功能功能模塊的實現(xiàn) 81、網(wǎng)站首頁 82、公司簡介頁面 83、服務(wù)項目頁面 94、下訂單頁面 95、工程案例頁面 106、在線留言頁面 107、簽寫留言頁面 118、聯(lián)系我們頁面 119、注冊頁面 1210、登錄頁面 12總結(jié) 14致謝 15參考文獻(xiàn) 16PAGE23引言隨著Internet的日益普及，網(wǎng)頁制作已經(jīng)逐步成為計算機(jī)技術(shù)中的一個熱門領(lǐng)域。不論是在各類院校的正式課堂，還是在各種培訓(xùn)的培訓(xùn)教室，網(wǎng)頁制作都是最炙手可熱的課程之一。這是因為掌握網(wǎng)頁制作技術(shù)不但能提高自己的職業(yè)競爭力，而且能充分發(fā)揮自己的個性和創(chuàng)造力，使Internet成為展示自己的最好舞臺。在信息迅速發(fā)展的時代的今天，作為一個企業(yè)來說，面對競爭激烈的市場，要想在茫茫市場上立足，并擁有一個相應(yīng)的地位，沒有一個自己的企業(yè)網(wǎng)站，看來是很難做到了的。不跟著時代的發(fā)展趨勢走，恐怕會有“適者生存，不適者淘汰了”。網(wǎng)站對企業(yè)來講是相當(dāng)重要的，并且一個網(wǎng)站的好壞在一定程度上也會影響到企業(yè)的形象的。所以我設(shè)計的是一個企業(yè)網(wǎng)站關(guān)于廣告設(shè)計的，其網(wǎng)站的主題主要是要呈現(xiàn)廣告方面信息內(nèi)容，為此網(wǎng)頁的主題顏色我是以淡黃為主，白色相輔，而且面向廣大群眾的，這樣也就會顯得比較大眾化了。此網(wǎng)站是關(guān)于廣告設(shè)計的，關(guān)于廣告的屬性，不同的人看法不同，有人認(rèn)為廣告屬于科學(xué)，有人認(rèn)為廣告屬于藝術(shù)。由于諸多社會因素的影響，廣告的濟(jì)效益很難準(zhǔn)確測定，只有通過各種藝術(shù)形式表現(xiàn)的廣告，才可以起到傳遞信息、刺激購買欲望，達(dá)到促銷的作用。所以，廣告既是科學(xué)又是藝術(shù)。正如，諾貝爾獎獲得者李政道先生曾說到：“科學(xué)與藝術(shù)是一枚金幣的兩個面，最好的科學(xué)是藝術(shù)，最好的藝術(shù)是科學(xué)的?！爆F(xiàn)代廣告是一門綜合性的學(xué)科，廣告設(shè)計是在強(qiáng)調(diào)傳統(tǒng)審美藝術(shù)形式因素的同時強(qiáng)化在傳播信息方面的針對性、有效性和科學(xué)性，廣告設(shè)計貫穿于調(diào)研、分析、策劃、實施、發(fā)展等整個過程。進(jìn)入了一種“設(shè)計化設(shè)計”的新程序，創(chuàng)造了藝術(shù)與科學(xué)的完美結(jié)合。目前國內(nèi)的絕大部分企業(yè)網(wǎng)站都是采用asp、php或者單純html靜態(tài)網(wǎng)頁的形式。而本設(shè)計為基于ASP的企業(yè)網(wǎng)站。第一章需求分析以及開發(fā)工具的選擇一、網(wǎng)站的需求分析本企業(yè)網(wǎng)站以介紹廣告設(shè)計為例，為顧客提供選擇平臺，顧客可以盡情的瀏覽公司發(fā)布的產(chǎn)品信息，了解公司的服務(wù)項目，成功注冊用戶后即可以實現(xiàn)輕松瀏覽，以便公司能夠更好地為消費(fèi)者服務(wù)。1．1網(wǎng)站的可行性分析經(jīng)過一周左右的調(diào)查，發(fā)現(xiàn)廣告界的交流與交易方面存在很多的不足之處，許多廣告設(shè)計公司都不完整。廣告的作用就是吸引消費(fèi)者購買，不能平白無色，那樣也不會引起消費(fèi)者購買的欲望。綜合來說，廣告設(shè)計有以下幾個缺點(diǎn)：生機(jī)的直白、詩情畫意的泛濫、陳辭濫調(diào)的堆砌、缺少主題的蒼白、比喻、聯(lián)想的淺薄、表現(xiàn)方式的落后等。宣傳效果方面，網(wǎng)站可以提供各類資料圖片、文字、進(jìn)行展示,

由此可以比其它媒體宣傳內(nèi)容更真實、更全面，可以提高宣傳的感染力，從而提高客戶的購買欲來達(dá)到提高銷售業(yè)績的目的。在形象塑造上，網(wǎng)上生動直觀的形象展示，可以幫助您從眾多普通宣傳資料中脫穎而出，提高您公司的知名度、地位。1、2網(wǎng)站的內(nèi)容與功能介紹網(wǎng)站分為五個部分：公司簡介、服務(wù)項目、工程案例、在線留言、聯(lián)系我們。網(wǎng)站首頁包括（公布信息、關(guān)于我們、設(shè)計知識、服務(wù)項目）、公司簡介（公司的品牌、概念、創(chuàng)意、應(yīng)用領(lǐng)域）、服務(wù)項目（一些廣告的圖片展示，并附有詳細(xì)信息、可下訂單）、工程案例（近年來完成的知名設(shè)計）、在線留言（簽寫留言、查看留言）、登錄頁面（會員登陸：老會員的登陸）、注冊頁面（注冊會員：新成員的注冊信息）。二、開發(fā)工具的選擇本網(wǎng)站使用ASP進(jìn)行網(wǎng)頁設(shè)計并用Access建立數(shù)據(jù)庫。1.數(shù)據(jù)庫：本網(wǎng)站的數(shù)據(jù)庫采用Access即可滿足需求。2.Web服務(wù)器平臺：選用WindowsXP。3.開發(fā)工具：ActiveServerPages，即ASP。4.程序開發(fā)輔助工具：選用Aws程序的調(diào)試運(yùn)行。5.系統(tǒng)平臺：WindowsXP+Dreamweaver+ASP+Access。6、編程語言：Dreamweaver8.0。Dreamweaver是在網(wǎng)頁設(shè)計與制作領(lǐng)域中用戶最多、應(yīng)用最廣、功能最強(qiáng)大的軟件，隨著Dreamweaver8的發(fā)布，更堅定Dreamweaver在該領(lǐng)域的地位。它集網(wǎng)頁設(shè)計、網(wǎng)站開發(fā)和站點(diǎn)管理功能于一身，具有可視化、支持多平臺和跨瀏覽器的特性，是目前網(wǎng)站設(shè)計、開發(fā)、制作的首選工具。 1、靈活的編寫方式Dreamweaver具有靈活編寫網(wǎng)頁的特點(diǎn)，不但將世界一流水平的“設(shè)計”和“代碼”編輯器合二為一，而且在設(shè)計窗口中還精化了源代碼，能幫助用戶按工作需要定制自己的用戶界面。2、可視化編輯界面Dreamweaver是一種所見即所得的HTML編輯器，可實現(xiàn)頁面元素的插入和生成?；蛞暬庉嫮h(huán)境大量減少了代碼的編寫，同時亦保證了其專業(yè)性和兼容性，并且可以對內(nèi)部的HTML編輯器和任何第三方的HTML編輯器進(jìn)行實時的訪問。無論用戶習(xí)慣手工輸入HTML源代碼還是使用可視化的編輯界面，Dreamweaver都能提供便捷的方式使用戶設(shè)計網(wǎng)頁和管理網(wǎng)站變得更容易。3、功能更多的CSS支持——CSS可視化設(shè)計、CSS檢查工具4、動態(tài)跨瀏覽器驗證當(dāng)保存時系統(tǒng)自動檢查當(dāng)前文檔的跨瀏覽器有效性，可以指定何種瀏覽器為測試用瀏覽器，同時系統(tǒng)自動檢驗以確定頁面有沒有目標(biāo)瀏覽器不支持的tags或CSS結(jié)構(gòu)。動態(tài)跨瀏覽器有效性檢查功能可以自動核對tags和CSS規(guī)則是否適應(yīng)目前的主瀏覽器。5、強(qiáng)大的WEB站點(diǎn)管理功能6、內(nèi)建的圖形編輯引擎7、Dreamweaver的集成特性Dreamweaver8繼承了Fireworks、Flash和Shockwave的集成特性，可以在這些Web創(chuàng)作工具之間自由地切換，輕松地創(chuàng)建美觀實用的網(wǎng)頁。8、豐富的媒體支持能力可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒體。Dreamweaver具有強(qiáng)大的多媒體處理功能，在設(shè)計DHTML和CSS方面表現(xiàn)得極為出色，它利用JavaScript和DHTML語言代碼輕松地實現(xiàn)網(wǎng)頁元素的動作和交互操作。9、超強(qiáng)的擴(kuò)展能力Dreamweaver還支持第三方插件，任何人都可以根據(jù)自己的需要擴(kuò)展Dreamweaver的功能，并且可以發(fā)布這些插件。第二章網(wǎng)站的總體設(shè)計一、唯美廣告—企業(yè)網(wǎng)站的層次概況表：如表2-1信息名稱內(nèi)容網(wǎng)站名稱唯美廣告設(shè)計有限公司本機(jī)服務(wù)器主文件夾唯美程序使用文件夾唯美程序測試網(wǎng)址127.0.0.1數(shù)據(jù)庫類型Access使用數(shù)據(jù)庫名稱abc、book使用數(shù)據(jù)表名稱users、admin、gustbook、no_down表2-1網(wǎng)站程序基本數(shù)據(jù)表整個廣告設(shè)計企業(yè)網(wǎng)站包括，登錄頁面、注冊頁面、網(wǎng)站首頁、公司簡介、服務(wù)項目、下訂單工程案例、在線留言、聯(lián)系我們九大模塊。數(shù)據(jù)庫采用Access來創(chuàng)建，數(shù)據(jù)庫abc用來存儲用戶的信息，book用來存儲顯示用戶的留言信息。二、網(wǎng)站的功能模塊圖根據(jù)系統(tǒng)的需求分析已經(jīng)竹藝企業(yè)網(wǎng)站的層次結(jié)構(gòu)設(shè)計，其功能模塊圖如：圖2-2唯美廣告設(shè)計網(wǎng)唯美廣告設(shè)計網(wǎng)網(wǎng)站首頁公司簡介服務(wù)項目工程案例在線留言聯(lián)系我們關(guān)于我們設(shè)計快訊設(shè)計知識公司介紹廣告訂單案例介紹簽寫留言聯(lián)系信息服務(wù)項目查看留言圖2-2網(wǎng)站功能模塊圖網(wǎng)站的需求業(yè)務(wù)流程以及功能需求并不復(fù)雜，所以本設(shè)計將采用最為簡單的傳統(tǒng)ASP編程來實現(xiàn)。所有的數(shù)據(jù)處理、業(yè)務(wù)邏輯、數(shù)據(jù)表現(xiàn)邏輯都在ASP頁面中完成。這樣做得好處是網(wǎng)站相對簡單，開發(fā)難度不大。網(wǎng)站是最為簡單的二層結(jié)構(gòu)，如圖2-2所示。網(wǎng)站的所有數(shù)據(jù)放置于數(shù)據(jù)庫中，本網(wǎng)站采用的為Access。第三章數(shù)據(jù)庫設(shè)計一、數(shù)據(jù)庫的具體設(shè)計安裝Access2003后，新建一數(shù)據(jù)庫為存儲用戶信息，命名為abc，在數(shù)據(jù)庫abc中新建1個數(shù)據(jù)表為users：users表為用戶信息表包含字段ID（用戶編號）、user_name（用戶名）、user_pwd（用戶密碼）、user_phone（用戶的電話）、user_cname（用戶的真實姓名）、user_caddr（用戶地址）、user_time（用戶注冊的日期/時間）;新建一數(shù)據(jù)庫為存儲用戶留言信息，命名為book，在數(shù)據(jù)庫book中新建3個數(shù)據(jù)表，分別為：1．Admin表為管理員信息表包含字段ID（管理員編號）、admin_name(管理員用戶名)、admin_password(管理員密碼)；2．gustbook表為留言者信息表包含字段ID(留言者編號)、name(留言者姓名)、content(留言內(nèi)容)、time(留言時間)、ip(留言者ip);3.no_down表為留言者信息對象連接與嵌入包含字段編號、no_down_load。二．詳細(xì)的數(shù)據(jù)表結(jié)構(gòu)用戶信息表(users)如表：3-1列名數(shù)據(jù)類型（長度）是否為主鍵是否為空描述Id自動編號（長整型）是否由數(shù)據(jù)庫自動生成的順序編號，作為用戶的標(biāo)示User_name文本（20）否是用戶名User_pwd文本（20）否是用戶密碼User_phone文本（20）否是用戶電話User_cname文本（20）否是用戶真實姓名User_caddr文本（50）否是用戶地址User_time日期/時間（50）否是用戶注冊日期時間表3-1用戶信息表結(jié)構(gòu)管理員表（admin）如表：3-2列名數(shù)據(jù)類型（長度）是否為主鍵是否為空描述id自動編號是否由數(shù)據(jù)庫自動生成的順序編號，作為管理員的標(biāo)示Admin_name文本（30）否是管理員用戶名Admin_password文本（30）否是管理員密碼表3-2管理員表結(jié)構(gòu)留言者信息表(gustbook)如表3-3列名數(shù)據(jù)類型（長度）是否為主鍵是否為空描述Id自動編號是否由數(shù)據(jù)庫自動生成的順序編號，作為留言者的標(biāo)示Name文本（20）否是留言者姓名Content備注否是留言者內(nèi)容Time日期/時間否是留言時間Ip文本（50）否是留言者IP表3-3留言者信息表結(jié)構(gòu)留言者信息對象連接與嵌入（no_down）如表3-4列名數(shù)據(jù)類型（長度）是否為主鍵是否為空描述編號自動編號是否由數(shù)據(jù)庫自動生成的順序編號，作為商品的標(biāo)示No_down_loadOle對象否是表3-4留言者信息對象連接與嵌入結(jié)構(gòu)三、數(shù)據(jù)庫的連接本唯美廣告設(shè)計企業(yè)網(wǎng)站管理系統(tǒng)采用數(shù)據(jù)源-ODBC：通過以下代碼進(jìn)行數(shù)據(jù)庫連接驅(qū)動程序的加載已經(jīng)獲取連接對象輸出數(shù)據(jù)庫操作結(jié)果：1、setconn=server.createobject("adodb.connection")dbpath=server.mappath("mdb\abc.mdb")connstr="Provider=Microsoft.Jet.OLEDB.4.0;DataSource="&dbpathconn.openconnstr2、@language=VBScriptDimconnstrconnstr="provider=Microsoft.Jet.OLEDB.4.0;DataSource="&Server.MapPath("/mdb/book.mdb")Setcn=Server.CreateObject("ADODB.Connection")cn.Openconnstr第四章網(wǎng)站各功能模塊的實現(xiàn)一、網(wǎng)站首頁網(wǎng)站首頁是一個網(wǎng)站的門面，因此在設(shè)計的時候不但要考慮它的視覺整體美觀還要考慮它的便捷性。它主要包括以下幾個模塊：如圖4-1（1）標(biāo)志：唯美廣告的標(biāo)志很簡潔，包括英文字母和中文標(biāo)志，還巧妙地融入了公司的主打經(jīng)營理念，顯示企業(yè)網(wǎng)站標(biāo)志，在整個網(wǎng)站中起一個美觀作用。（2）導(dǎo)航條：主要功能是導(dǎo)航，以方便用戶訪問網(wǎng)站的各個部分，了解網(wǎng)站結(jié)構(gòu)。包括：網(wǎng)站首頁、公司簡介、服務(wù)項目、工程案例、在線留言、聯(lián)系我們。由于標(biāo)志和導(dǎo)航在后面的幾乎每個網(wǎng)頁中都會用到，因此后面將省略重闡述。（3）主體部分：主體部分則主要是公司的招牌圖片和描述公司的服務(wù)項目，及一些設(shè)計知識信息，包括設(shè)計的名稱圖片已經(jīng)進(jìn)入詳細(xì)介紹的鏈接。圖4-1網(wǎng)站首頁二、公司簡介頁面此頁面包含固定不變的唯美廣告網(wǎng)站標(biāo)志以及起導(dǎo)航作用的上邊部分，正文部分則主要是公司的簡介信息，包括公司大樓圖片。如圖4-2圖4-2公司簡介圖三、服務(wù)項目頁面此頁面仍然包含網(wǎng)站標(biāo)志以及上邊導(dǎo)航，正文部分為公司的服務(wù)項目，主要實現(xiàn)客戶對公司的主營業(yè)務(wù)的了解。如圖4-3圖4-3服務(wù)項目頁面圖四、下訂單頁面此頁面包含網(wǎng)站標(biāo)志以及上邊導(dǎo)航，正文部分為公司的工程案例部分，客戶可通過此頁面下訂單，工作人員接收訂單后與客戶溝通后完成設(shè)計。如圖4-4圖4-4下訂單頁面圖五、工程案例頁面此頁面包含網(wǎng)站標(biāo)志以及上邊導(dǎo)航，正文部分為公司的工程案例部分，用于客戶對公司已完成的設(shè)計案例的。如圖4-5圖4-5工程案例頁面圖六、在線留言頁面此頁面包含網(wǎng)站標(biāo)志以及上邊導(dǎo)航，正文部分為留言者的內(nèi)容顯示，是通過連接數(shù)據(jù)庫來進(jìn)行顯示的。如圖4-6圖4-6在線留言頁面圖七、簽寫留言頁面此頁面包含網(wǎng)站標(biāo)志以及上邊導(dǎo)航，正文部分是客戶留言的地方。如圖4-7圖4-7簽寫留言頁面圖八、聯(lián)系我們頁面此頁面包含網(wǎng)站標(biāo)志以及上邊導(dǎo)航，該頁面主要是顯示公司的地址、聯(lián)系人、電話等詳細(xì)信息，客戶可通過這些信息聯(lián)系到本公司。如圖4-8圖4-8聯(lián)系我們頁面圖九、注冊頁面用戶注冊頁面，正文部分為用戶注冊表單，用于提交注冊用戶需提交的個人信息。如圖4-9圖4-9注冊頁面圖十、登錄頁面已注冊用戶填寫用戶名和密碼后，通過連接數(shù)據(jù)庫進(jìn)行驗證，通過后則進(jìn)入網(wǎng)站首頁可以進(jìn)行后續(xù)的瀏覽操作。如圖4-10圖4-10登錄頁面圖如果用戶沒注冊，系統(tǒng)則不允許進(jìn)入網(wǎng)站瀏覽，如圖4-11圖4-11如果用戶忘記密碼或密碼輸入錯入，系統(tǒng)則不允許進(jìn)入網(wǎng)站瀏覽，用戶可通過撥打本公司的電話進(jìn)行咨詢，管理人員驗證后會將用戶的密碼告知。如圖4-12圖4-12總結(jié)網(wǎng)站主題較符合企業(yè)特征，布局明了，較符合大眾化，方便于用戶瀏覽及訪問。存在的問題：頁面有些過于單調(diào)，而且采用表單形式不太適合進(jìn)行大型網(wǎng)站的設(shè)計，不能夠充分利用頁面資源，缺少flash的動態(tài)效果，所