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

1、大學(xué)?？齐娮由虅?wù)專業(yè)課程設(shè)計(jì)網(wǎng)站設(shè)計(jì)報(bào)告專 業(yè) 年 級(jí) 分 校 姓 名 學(xué) 號(hào) 2009年 6月 10日評(píng) 語附光盤附上頁。目 錄摘要.1關(guān)鍵詞.1前言.2第1章電子網(wǎng)站的建設(shè)與分析.31.網(wǎng)站建設(shè)的背景32.網(wǎng)上銷售的現(xiàn)狀.33.電子網(wǎng)站系統(tǒng)的構(gòu)建及要求44.創(chuàng)作動(dòng)機(jī).5第2章 網(wǎng)站的功能5 1.企業(yè)建立網(wǎng)站.52.網(wǎng)站新聞發(fā)布系統(tǒng)（信息發(fā)布系統(tǒng)）.53.產(chǎn)品展示發(fā)布系統(tǒng)64.論壇.7第3章 網(wǎng)頁制作的工具71.動(dòng)畫制作工具macromedia flash 4.0.7 2. macromedia dreamweaver mx 2004.9第4章 網(wǎng)站的制作91.網(wǎng)站的內(nèi)容9. 2.網(wǎng)站的整體

2、結(jié)構(gòu)圖.11 3.網(wǎng)站頁面結(jié)構(gòu)圖.114.搜集素材.125.編輯內(nèi)容136.導(dǎo)航欄137.css樣式表.138.網(wǎng)站技術(shù)解決方案 .139.網(wǎng)站內(nèi)容規(guī)劃 .14 10.網(wǎng)站的風(fēng)格14 11.創(chuàng)建超級(jí)鏈接.15第5章 設(shè)計(jì)心得.16參考文獻(xiàn).17摘 要本網(wǎng)站是手機(jī)的營(yíng)銷網(wǎng)站，它圖文并茂、界面直觀、操作簡(jiǎn)單，內(nèi)容布局條理清楚，版面協(xié)調(diào)、統(tǒng)一，顏色鮮明、搭配合理。本網(wǎng)站主要是active server page利用制作而成，充分運(yùn)用asp的一些基本功能，加入了超鏈接等知識(shí)，此外本網(wǎng)站還運(yùn)用了photoshop cs3圖像處理軟件，其目的就是為了給瀏覽者帶來視覺沖擊效果，使網(wǎng)站中的頁面界面更加直觀，內(nèi)

3、容布局條理更加清楚，版面更加協(xié)調(diào)、統(tǒng)一，顏色更加鮮明、搭配更加合理。此外本網(wǎng)站適用性強(qiáng)，圖文并茂、界面直觀、操作簡(jiǎn)單，內(nèi)容布局條理清楚，版面協(xié)調(diào)、統(tǒng)一，顏色鮮明、搭配合理?！娟P(guān)鍵詞】 頁面的制作工具 網(wǎng)站 網(wǎng)站的結(jié)構(gòu)第1頁前 言 電子商務(wù)最早產(chǎn)生于上個(gè)世紀(jì)60年代,90年代得到長(zhǎng)足發(fā)展。電子商務(wù)產(chǎn)生和發(fā)展的重要條件主要是: 計(jì)算機(jī)的廣泛應(yīng)用。而網(wǎng)絡(luò)營(yíng)銷是隨著現(xiàn)代科學(xué)技術(shù)的發(fā)展、消費(fèi)者價(jià)值觀的變革與目趨激烈的市場(chǎng)競(jìng)爭(zhēng)等諸多因素,出現(xiàn)并迅速崛起的，網(wǎng)絡(luò)營(yíng)銷發(fā)展的最重要條件是：消費(fèi)者價(jià)值觀念的變革。從字面意義上講，網(wǎng)絡(luò)營(yíng)銷概念要比電子商務(wù)大。電子商務(wù)通常是指是在廣泛的商業(yè)貿(mào)易活動(dòng)中，在因特網(wǎng)開放的網(wǎng)

4、絡(luò)環(huán)境下，買賣雙方不相謀面的情況下，實(shí)現(xiàn)交易達(dá)成的一種新型的商業(yè)運(yùn)營(yíng)模式，講求的是在網(wǎng)絡(luò)銷售中獲得商業(yè)盈利。網(wǎng)絡(luò)營(yíng)銷(cyber marketing),是指借助聯(lián)機(jī)網(wǎng)絡(luò),電腦通訊和數(shù)字交互式媒體來實(shí)現(xiàn)的一種營(yíng)銷方式，講求的是與目標(biāo)人群的網(wǎng)絡(luò)互動(dòng)。第2頁第1章電子網(wǎng)站的建設(shè)與分析1.網(wǎng)站建設(shè)的背景近年來，隨著internet的迅速崛起，互聯(lián)網(wǎng)已日益成為收集提供信息的最佳渠道并逐步進(jìn)入傳統(tǒng)的流通領(lǐng)域。于是電子商務(wù)開始流行起來，越來越多的商家在網(wǎng)上建起在線商店，向消費(fèi)者展示出一種新穎的購物理念。網(wǎng)上在線銷售系統(tǒng)作為b2b,b2c(business to customer,即企業(yè)對(duì)消費(fèi)者),c2c(c

5、ustomer to customer,即消費(fèi)者對(duì)消費(fèi)者)電子商務(wù)的前端商務(wù)平臺(tái),在其商務(wù)活動(dòng)全過程中起著舉足輕重的作用。本文旨在討論如何建設(shè)b2c的主營(yíng)手機(jī)銷售的電子商務(wù)網(wǎng)站系統(tǒng)。商務(wù)網(wǎng)站系統(tǒng)是一種具有交互功能的商業(yè)信息系統(tǒng)。它向用戶提供靜態(tài)和動(dòng)態(tài)兩類信息資源。所謂靜態(tài)信息是指那些比經(jīng)常變動(dòng)或更新的資源，如公司簡(jiǎn)介、管理規(guī)范和聯(lián)系方式等等；動(dòng)態(tài)信息是指隨時(shí)變化的信息，如商品報(bào)價(jià)，促銷信息等。商務(wù)網(wǎng)站系統(tǒng)具有強(qiáng)大的交互功能，可使商家和用戶方便的傳遞信息，完成電子貿(mào)易或edi交易。這種全新的交易方式實(shí)現(xiàn)了公司間文檔與資金的無紙化交換。2.網(wǎng)上銷售的現(xiàn)狀在美、日等信息化程度較高的國(guó)家和地區(qū)，網(wǎng)絡(luò)商

6、店發(fā)展速度迅猛，美國(guó)的世界級(jí)超一流的零售商，如沃爾瑪凱瑪特，家庭倉儲(chǔ)、科羅格、j.c培尼等紛紛擠身于網(wǎng)絡(luò)經(jīng)商的行列。調(diào)查表明：美國(guó)的家庭已越來越習(xí)慣于在家中從網(wǎng)上購物。在我國(guó)，網(wǎng)上購物從無到有也第3頁不過短短幾年時(shí)間。我國(guó)第一家網(wǎng)上購物發(fā)生在1996年，燕莎友誼商場(chǎng)首次通過網(wǎng)上商城售出一個(gè)景泰藍(lán)，雖然貨款的支付不是在網(wǎng)上進(jìn)行的，但這畢竟為我國(guó)零售業(yè)奏出了網(wǎng)上購物的先聲。根據(jù)cnnic的統(tǒng)計(jì)結(jié)果，截止2004年1月中國(guó)有互聯(lián)網(wǎng)用戶7950萬人，而又有40.7%以上的網(wǎng)民在過去的一年里有過網(wǎng)上購物經(jīng)歷，這就說明中國(guó)有網(wǎng)上購物的用戶達(dá)是3235.7萬人，并且這一數(shù)字還在以17%左右的速度增長(zhǎng)，預(yù)計(jì)到

7、2006年中國(guó)網(wǎng)上購物用戶將達(dá)到6962萬人，這說明在中國(guó)發(fā)展網(wǎng)上購物具有良好的群眾基礎(chǔ)，網(wǎng)上購物方式日趨被大家所接受。3.電子網(wǎng)站系統(tǒng)的構(gòu)建及要求現(xiàn)在流行的網(wǎng)上購物系統(tǒng)不僅要有漂亮的網(wǎng)頁，更要有嚴(yán)謹(jǐn)?shù)囊?guī)劃。每一個(gè)細(xì)小的環(huán)節(jié)都和重要。這樣才能使得在電子交易時(shí)避免不必要錯(cuò)誤發(fā)生。我們將使用html、asp等技術(shù)來編輯網(wǎng)頁，并運(yùn)用asp技術(shù)把數(shù)據(jù)庫和動(dòng)態(tài)網(wǎng)頁相關(guān)聯(lián)。傳統(tǒng)的管理信息系統(tǒng)信息獲取方法是由專業(yè)文字錄入人員將信息輸入到管理系統(tǒng)的數(shù)據(jù)庫中,這種方法在數(shù)據(jù)量不大時(shí)有很多的應(yīng)用場(chǎng)合。當(dāng)數(shù)據(jù)量比較大,并且有較強(qiáng)的專業(yè)性時(shí),錄入的費(fèi)用和出錯(cuò)的可能性都相應(yīng)上升。本文在實(shí)際應(yīng)用開發(fā)中解決方案是建立網(wǎng)站,

8、 以及自己的數(shù)據(jù)庫，使得所需商品信息可以及時(shí)的保存、更新?？梢愿玫募皶r(shí)了解商品買賣的情況。該電子商務(wù)網(wǎng)站主要實(shí)現(xiàn)的功能是用戶登錄、分類瀏覽商品、按第4頁名稱搜索商品、查看商品介紹、購物車、購買。4.創(chuàng)作動(dòng)機(jī)上述這么多關(guān)于電子商務(wù)對(duì)企業(yè)的影響就是我設(shè)計(jì)這個(gè)公司網(wǎng)站的動(dòng)機(jī)。于是電子商務(wù)開始流行起來，一種全新的購物理念開始形成并逐步發(fā)展。網(wǎng)上購物是一種具有交互功能的商業(yè)信息系統(tǒng)。隨著中國(guó)互聯(lián)網(wǎng)的發(fā)展，以及廣大消費(fèi)者對(duì)時(shí)尚生活的追求，網(wǎng)上購物正快速發(fā)展。它向用戶提供靜態(tài)和動(dòng)態(tài)兩類信息資源。所謂靜態(tài)信息是指那些比經(jīng)常變動(dòng)或更新的資源，如公司簡(jiǎn)介、管理規(guī)范和公司制度等等；動(dòng)態(tài)信息是指隨時(shí)變化的信息，如商

9、品報(bào)價(jià)，會(huì)議安排和培訓(xùn)信息等。所以這次的設(shè)計(jì)是圍繞著本公司的實(shí)際情況來設(shè)計(jì)的。第2章：網(wǎng)站的功能 1.企業(yè)建立網(wǎng)站 企業(yè)建立網(wǎng)站，最終目的是使企業(yè)通過互聯(lián)網(wǎng)獲益。只有把網(wǎng)站做成企業(yè)和客戶之間的有效紐帶，網(wǎng)站才能真正發(fā)揮其作用。企業(yè)的網(wǎng)站應(yīng)該關(guān)注于自己特定的客戶群，通過多種形式和客戶保持著溝通，吸引著自己的用戶不斷地和企業(yè)網(wǎng)站進(jìn)行交互，從而起到加深客戶關(guān)系、了解客戶需求、提供優(yōu)質(zhì)服務(wù)、加強(qiáng)廣告和展示效果的作用。為了實(shí)現(xiàn)上述目的，讓網(wǎng)站擁有必要的高級(jí)功能是一個(gè)先決條件。 2.網(wǎng)站新聞發(fā)布系統(tǒng)（信息發(fā)布系統(tǒng)）第5頁是將網(wǎng)頁上的某些需要經(jīng)常變動(dòng)的信息，類似新聞、新產(chǎn)品發(fā)布和業(yè)界動(dòng)態(tài)等更新信息集中管理，

10、并通過信息的某些共性進(jìn)行分類，最后系統(tǒng)化、標(biāo)準(zhǔn)化發(fā)布到網(wǎng)站上的一種網(wǎng)站應(yīng)用程序。網(wǎng)站信息通過一個(gè)操作簡(jiǎn)單的界面加入數(shù)據(jù)庫，然后通過已有的網(wǎng)頁模板格式與審核流程發(fā)布到網(wǎng)站上。 它的出現(xiàn)大大減輕了網(wǎng)站更新維護(hù)的工作量，通過網(wǎng)絡(luò)數(shù)據(jù)庫的引用，將網(wǎng)站的更新維護(hù)工作簡(jiǎn)化到只需錄入文字和上傳圖片，從而使網(wǎng)站的更新速度大大縮短，在某些專門的網(wǎng)上新聞?wù)军c(diǎn)，如新浪的新聞中心等，新聞的更新速度已經(jīng)縮短到五分鐘一更新，從而大大加快了信息的傳播速度，也吸引了更多的長(zhǎng)期用戶群，時(shí)時(shí)保持網(wǎng)站的活動(dòng)力和影響力。3.產(chǎn)品展示發(fā)布系統(tǒng)是將網(wǎng)頁上的新聞、新產(chǎn)品發(fā)布和業(yè)界動(dòng)態(tài)等更新信息進(jìn)行集中管理，分類別系統(tǒng)化、標(biāo)準(zhǔn)化的發(fā)布到網(wǎng)站

11、上的一種網(wǎng)站應(yīng)用程序。前臺(tái)用戶可通過頁面瀏覽查詢，后臺(tái)管理可以管理產(chǎn)品價(jià)格、簡(jiǎn)介、樣圖等多類信息。本系統(tǒng)還可以進(jìn)一步升級(jí)、擴(kuò)充為高級(jí)網(wǎng)店系統(tǒng)。前臺(tái)可將產(chǎn)品分為幾大類別，瀏覽者可按類別、名稱、價(jià)格等關(guān)鍵字對(duì)產(chǎn)品進(jìn)行搜索查詢，查詢結(jié)果列表顯示。后臺(tái)設(shè)置管理員維護(hù)界面，可對(duì)每個(gè)產(chǎn)品信息進(jìn)行編輯，設(shè)定產(chǎn)品圖片，可按產(chǎn)品的類別、型號(hào)、內(nèi)容等對(duì)產(chǎn)品進(jìn)行查詢、修改、增加、刪除，產(chǎn)品類別動(dòng)態(tài)管理，后臺(tái)維護(hù)界面填加類別、添加產(chǎn)品種類，前臺(tái)即可實(shí)時(shí)顯現(xiàn)。第6頁4.論壇 提供了一個(gè)公共的信息發(fā)布平臺(tái)，特別適用于作為企業(yè)內(nèi)部個(gè)人辦公助手以及企業(yè)與企業(yè)之間進(jìn)行信息交流；在internet上儲(chǔ)存留言資料，方便查閱。使得隨

12、時(shí)隨地查詢信息的移動(dòng)辦公成為可能。 第3章：網(wǎng)頁制作的工具1.動(dòng)畫制作工具macromedia flash 4.0 flash是目前流行的一款網(wǎng)絡(luò)動(dòng)畫制作軟件，具有強(qiáng)大的矢量制作功能和靈活的交互功能，擁有眾多的用戶，并廣泛應(yīng)用于網(wǎng)頁、影視、動(dòng)漫、游戲等各種領(lǐng)域。本書全面介紹了該軟件的最新版本flash cs3中文版的使用方法和技巧，內(nèi)容包括其功能、特點(diǎn)、動(dòng)畫制作流程、工作界面介紹，使用和編輯圖形、圖像、文本等網(wǎng)頁元素，使用元件、實(shí)例和庫資源，使用圖層，創(chuàng)建動(dòng)畫和交互式動(dòng)畫，使用濾鏡和混合，使用聲音和視頻，創(chuàng)建電子教學(xué)內(nèi)容和flash電子演示文稿，以及flash作品的測(cè)試第7頁和發(fā)布。所有章節(jié)盡

13、可能通過具體的實(shí)例講解，其中講述的創(chuàng)作技巧具有較高的實(shí)用價(jià)值。每章最后的習(xí)題幫助讀者鞏固所學(xué)的內(nèi)容，從而達(dá)到快速入門的目的。本書內(nèi)容全面，實(shí)例豐富，圖文并茂，理論與實(shí)踐相結(jié)合，充分注意知識(shí)的相對(duì)完整性、系統(tǒng)性、時(shí)效性和可操作性。本書既可作為各類職業(yè)院校網(wǎng)頁、動(dòng)漫創(chuàng)作應(yīng)用課程的教材，也可用做計(jì)算機(jī)培訓(xùn)班、輔導(dǎo)班和短訓(xùn)班的教材。對(duì)于希望快速掌握網(wǎng)頁、動(dòng)漫制作的計(jì)算機(jī)入門者，也是一本不可多得的參考資料。 2 .macromedia dreamweaver mx 2004 dreamweaver 是由美國(guó)著名的軟件開發(fā)商macromedia公司推出的一個(gè)“所見即所得”的可視化網(wǎng)站開發(fā)工具。 firew

14、orks是macromedia公司網(wǎng)頁設(shè)計(jì)“三劍客”之“火焰”，它以處理網(wǎng)頁圖片為特長(zhǎng)，并可以輕松創(chuàng)作gif動(dòng)畫。 flash是macromedia公司網(wǎng)頁三劍客之中的“閃電”，其以制作網(wǎng)上動(dòng)畫為特長(zhǎng)，它做出的動(dòng)畫聲音動(dòng)畫效果都是其他軟件無法比第4章：網(wǎng)站的制作第8頁1.網(wǎng)站的內(nèi)容 通過網(wǎng)站向用戶和網(wǎng)民提供信息(包括產(chǎn)品和服務(wù))。隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，電子商務(wù)最具市場(chǎng)潛力的經(jīng)濟(jì)領(lǐng)域，網(wǎng)上購物沖破了存在于傳統(tǒng)購物方式中時(shí)間和空間的種種限制。成為當(dāng)今人們新的購物方式，并成為新的潮流趨勢(shì)。本文研究了一個(gè)網(wǎng)上商城系統(tǒng)，此方案具有用戶使用簡(jiǎn)單、界面直觀等優(yōu)點(diǎn)。該網(wǎng)上購物系統(tǒng)結(jié)合有良好的操作界面，操作起來簡(jiǎn)

15、單、方便。因此，該網(wǎng)上商城無論是在技術(shù)上，還是操作上都是可行的。第9頁第10頁2.網(wǎng)站的整體結(jié)構(gòu)圖 主 頁登 陸在網(wǎng)站中搜索瀏覽 購買手機(jī)首頁3.網(wǎng)站的頁面結(jié)構(gòu)圖第11頁主 頁我 的 帳 戶注 冊(cè)登 陸新品推薦編輯推薦詳 情購物車聯(lián)系方式手機(jī)諾基亞三星塞班4.搜集素材在網(wǎng)絡(luò)上搜索自己所需的圖片及文件然后下載，把搜集的圖片及文件保存在專用的文件夾，利用photoshop進(jìn)行圖片的處理和修飾。第12頁5.編輯內(nèi)容在dreamweaver mx2004開啟后用單元格（表單）繪制布局結(jié)構(gòu)，然后把相關(guān)圖片插入到相應(yīng)的位置，保存。根據(jù)自己的需要把之前編輯好的網(wǎng)面拷貝多個(gè)，開啟后另存編輯新檔名。編輯所需內(nèi)容

16、，完成后保存即可，每個(gè)頁面都是這樣制作的。6.導(dǎo)航欄導(dǎo)航欄分為2種，橫、豎排，通常情況都是一排，商業(yè)站點(diǎn)或門戶站點(diǎn)通常欄目較多，就用橫豎排。內(nèi)容很豐富的站點(diǎn)，可以使用框架導(dǎo)航，這樣不管進(jìn)入哪個(gè)頁面都可以快速跳躍到某個(gè)欄目。不是所有的站點(diǎn)都需要導(dǎo)航欄，應(yīng)該靈活掌握運(yùn)用。7.css樣式表利用豐富的css樣式表支持構(gòu)筑復(fù)雜的、標(biāo)準(zhǔn)規(guī)范的站點(diǎn)。同時(shí)提供了豐富的使用工具用于快速選擇和樣式屬性控制工具. 使用內(nèi)置的圖形編輯程序讓開發(fā)更加節(jié)省時(shí)間。8.網(wǎng)站技術(shù)解決方案 根據(jù)網(wǎng)站的功能確定網(wǎng)站技術(shù)解決方案。 （1）、采用自建服務(wù)器，還是租用虛擬主機(jī)。 （2）、選擇操作系統(tǒng)，用unix,linux還是windo

17、w2000/nt。分析投入 第13頁成本、功能、開發(fā)、穩(wěn)定性和安全性等。 （3）、采用系統(tǒng)性的解決方案（如ibm,hp）等公司提供的企業(yè)上網(wǎng)方案、電子商務(wù)解決方案？還是自己開發(fā)。 (4)、網(wǎng)站安全性措施，防黑、防病毒方案。 (5)、相關(guān)程序開發(fā)。如網(wǎng)頁程序asp、jsp、cgi、數(shù)據(jù)庫程序等。 9.網(wǎng)站內(nèi)容規(guī)劃 （1）、根據(jù)網(wǎng)站的目的和功能規(guī)劃網(wǎng)站內(nèi)容，一般企業(yè)網(wǎng)站應(yīng)包括：公司簡(jiǎn)介、產(chǎn)品介紹、服務(wù)內(nèi)容、價(jià)格信息、聯(lián)系方式、網(wǎng)上定單等基本內(nèi)容。 （2）、電子商務(wù)類網(wǎng)站要提供會(huì)員注冊(cè)、詳細(xì)的商品服務(wù)信息、信息搜索查詢、定單確認(rèn)、付款、個(gè)人信息保密措施、相關(guān)幫助等。 （3）、如果網(wǎng)站欄目比較多，則考

18、慮采用網(wǎng)站編程專人負(fù)責(zé)相關(guān)內(nèi)容。 注意：網(wǎng)站內(nèi)容是網(wǎng)站吸引瀏覽者最重要的因素，無內(nèi)容或不實(shí)用的信息不會(huì)吸引匆匆瀏覽的訪客?？墒孪葘?duì)人們希望閱讀的信息進(jìn)行調(diào)查，并在網(wǎng)站發(fā)布后調(diào)查人們對(duì)網(wǎng)站內(nèi)容的滿意度，以及時(shí)調(diào)整網(wǎng)站內(nèi)容。 10.網(wǎng)站風(fēng)格網(wǎng)頁顏色設(shè)計(jì)一般要與網(wǎng)站的整體形象一致，由于網(wǎng)站屬于服務(wù)性和展示性網(wǎng)站，面向的是所有房地產(chǎn)方面感興趣的人，所以頁各個(gè)頁面采用統(tǒng)一的風(fēng)格，設(shè)計(jì)起來簡(jiǎn)單方便且看起來美觀大方。而一般第14頁的一種顏色容易長(zhǎng)時(shí)間會(huì)給人疲勞的感覺，所以在設(shè)計(jì)過程中可以采用了漸變的顏色，漸變的顏色在網(wǎng)頁設(shè)計(jì)中不易實(shí)現(xiàn)，采用了用firework制作的漸變色的圖片。11.創(chuàng)建超級(jí)鏈接 （1）、網(wǎng)站肯定有很多的頁面，如果頁面之間彼此是獨(dú)立的。那么網(wǎng)頁就好比是