手機營銷網(wǎng)站畢業(yè)設計

1、<p>　　電子商務專業(yè)課程設計</p><p><b>　　網(wǎng)站設計報告</b></p><p>　　專 業(yè) </p><p>　　年 級 </p><p>　　分 校 </p><p>　　姓 名

2、 </p><p>　　學 號 </p><p>　　2009年 6月 10日</p><p><b>　　目 錄</b></p><p>　　摘要………………………………………………………….1</p><p>　　關(guān)鍵詞…………………………………………

3、…………….1</p><p>　　前言………………………………………………………….2</p><p>　　第1章電子網(wǎng)站的建設與分析…………………………….3</p><p>　　1.網(wǎng)站建設的背景………………………………………………………3</p><p>　　2.網(wǎng)上銷售的現(xiàn)狀…………………………………………………….3</p&

4、gt;<p>　　3.電子網(wǎng)站系統(tǒng)的構(gòu)建及要求…………………………………………4</p><p>　　4.創(chuàng)作動機……………………………………………………………..5</p><p>　　第2章 網(wǎng)站的功能…………………………………………5</p><p>　　1.企業(yè)建立網(wǎng)站………………………………………………………….5</p>&l

5、t;p>　　2.網(wǎng)站新聞發(fā)布系統(tǒng)（信息發(fā)布系統(tǒng)）…………………….………...5</p><p>　　3.產(chǎn)品展示發(fā)布系統(tǒng)……………………………………………………6</p><p>　　4.論壇…………………………………………………………………….7</p><p>　　第3章 網(wǎng)頁制作的工具……………………………………7</p><p&g

6、t;　　1.動畫制作工具Macromedia Flash 4.0……………………………….7</p><p>　　2. Macromedia Dreamweaver MX 2004…………………………..9</p><p>　　第4章 網(wǎng)站的制作…………………………………………9</p><p>　　1.網(wǎng)站的內(nèi)容………………………………………………………………9

7、.</p><p>　　2.網(wǎng)站的整體結(jié)構(gòu)圖…………………………………………………….11</p><p>　　3.網(wǎng)站頁面結(jié)構(gòu)圖……………………………………………………….11</p><p>　　4.搜集素材……………………………………………………………….12</p><p>　　5.編輯內(nèi)容…………………………………………………………

8、……13</p><p>　　6.導航欄…………………………………………………………………13</p><p>　　7.CSS樣式表…………………………………………………………….13</p><p>　　8.網(wǎng)站技術(shù)解決方案 ………………………………………………….13</p><p>　　9.網(wǎng)站內(nèi)容規(guī)劃 …………………………………………

9、…………….14</p><p>　　10.網(wǎng)站的風格……………………………………………………………14</p><p>　　11.創(chuàng)建超級鏈接………………………………………………………..15</p><p>　　第5章 設計心得………………………………………….16</p><p>　　參考文獻………………………………………………….17

10、</p><p>　　摘 要</p><p>　　本網(wǎng)站是手機的營銷網(wǎng)站，它圖文并茂、界面直觀、操作簡單，內(nèi)容布局條理清楚，版面協(xié)調(diào)、統(tǒng)一，顏色鮮明、搭配合理。本網(wǎng)站主要是Active Server Page利用制作而成，充分運用ASP的一些基本功能，加入了超鏈接等知識，此外本網(wǎng)站還運用了Photoshop cs3圖像處理軟件，其目的就是為了給瀏覽者帶來視覺沖擊效果，使網(wǎng)站中

11、的頁面界面更加直觀，內(nèi)容布局條理更加清楚，版面更加協(xié)調(diào)、統(tǒng)一，顏色更加鮮明、搭配更加合理。</p><p>　　此外本網(wǎng)站適用性強，圖文并茂、界面直觀、操作簡單，內(nèi)容布局條理清楚，版面協(xié)調(diào)、統(tǒng)一，顏色鮮明、搭配合理。</p><p>　　【關(guān)鍵詞】 頁面的制作工具 網(wǎng)站 網(wǎng)站的結(jié)構(gòu)</p><p><b>　　第1頁</b></p

12、><p>　　前 言</p><p>　　電子商務最早產(chǎn)生于上個世紀60年代,90年代得到長足發(fā)展。電子商務產(chǎn)生和發(fā)展的重要條件主要是: 計算機的廣泛應用。而網(wǎng)絡營銷是隨著現(xiàn)代科學技術(shù)的發(fā)展、消費者價值觀的變革與目趨激烈的市場競爭等諸多因素,出現(xiàn)并迅速崛起的，網(wǎng)絡營銷發(fā)展的最重要條件是：消費者價值觀念的變革。</p><p>　　從字面意義上講，網(wǎng)絡營銷概

13、念要比電子商務大。</p><p>　　電子商務通常是指是在廣泛的商業(yè)貿(mào)易活動中，在因特網(wǎng)開放的網(wǎng)絡環(huán)境下，買賣雙方不相謀面的情況下，實現(xiàn)交易達成的一種新型的商業(yè)運營模式，講求的是在網(wǎng)絡銷售中獲得商業(yè)盈利。網(wǎng)絡營銷(cyber marketing),是指借助聯(lián)機網(wǎng)絡,電腦通訊和數(shù)字交互式媒體來實現(xiàn)的一種營銷方式，講求的是與目標人群的網(wǎng)絡互動。</p><p><b>　　第2頁&

14、lt;/b></p><p>　　第1章電子網(wǎng)站的建設與分析</p><p><b>　　1.網(wǎng)站建設的背景</b></p><p>　　近年來，隨著Internet的迅速崛起，互聯(lián)網(wǎng)已日益成為收集提供信息的最佳渠道并逐步進入傳統(tǒng)的流通領(lǐng)域。于是電子商務開始流行起來，越來越多的商家在網(wǎng)上建起在線商店，向消費者展示出一種新穎的購物理念。網(wǎng)上

15、在線銷售系統(tǒng)作為B2B,B2C(Business to Customer,即企業(yè)對消費者),C2C(Customer to Customer,即消費者對消費者)電子商務的前端商務平臺,在其商務活動全過程中起著舉足輕重的作用。本文旨在討論如何建設B2C的主營手機銷售的電子商務網(wǎng)站系統(tǒng)。</p><p>　　商務網(wǎng)站系統(tǒng)是一種具有交互功能的商業(yè)信息系統(tǒng)。它向用戶提供靜態(tài)和動態(tài)兩類信息資源。所謂靜態(tài)信息是指那些

16、比經(jīng)常變動或更新的資源，如公司簡介、管理規(guī)范和聯(lián)系方式等等；動態(tài)信息是指隨時變化的信息，如商品報價，促銷信息等。商務網(wǎng)站系統(tǒng)具有強大的交互功能，可使商家和用戶方便的傳遞信息，完成電子貿(mào)易或EDI交易。這種全新的交易方式實現(xiàn)了公司間文檔與資金的無紙化交換。</p><p><b>　　2.網(wǎng)上銷售的現(xiàn)狀</b></p><p>　　在美、日等信息化程度較高的國家和地區(qū)，

17、網(wǎng)絡商店發(fā)展速度迅猛，美國的世界級超一流的零售商，如沃爾瑪凱瑪特，家庭倉儲、科羅格、J.C培尼等紛紛擠身于網(wǎng)絡經(jīng)商的行列。調(diào)查表明：美國的家庭已越來越習慣于在家中從網(wǎng)上購物。在我國，網(wǎng)上購物從無到有也</p><p><b>　　第3頁</b></p><p>　　不過短短幾年時間。我國第一家網(wǎng)上購物發(fā)生在1996年，燕莎友誼商場首次通過網(wǎng)上商城售出一個景泰藍，雖然貨

18、款的支</p><p>　　付不是在網(wǎng)上進行的，但這畢竟為我國零售業(yè)奏出了網(wǎng)上購物的先聲。根據(jù)CNNIC</p><p>　　的統(tǒng)計結(jié)果，截止2004年1月中國有互聯(lián)網(wǎng)用戶7950萬人，而又有40.7%以上的網(wǎng)民在過去的一年里有過網(wǎng)上購物經(jīng)歷，這就說明中國有網(wǎng)上購物的用戶達是3235.7萬人，并且這一數(shù)字還在以17%左右的速度增長，預計到2006年中國網(wǎng)上購物用戶將達到6962萬人，這說明

19、在中國發(fā)展網(wǎng)上購物具有良好的群眾基礎(chǔ)，網(wǎng)上購物方式日趨被大家所接受。</p><p>　　3.電子網(wǎng)站系統(tǒng)的構(gòu)建及要求</p><p>　　現(xiàn)在流行的網(wǎng)上購物系統(tǒng)不僅要有漂亮的網(wǎng)頁，更要有嚴謹?shù)囊?guī)劃。每一個細小的環(huán)節(jié)都和重要。這樣才能使得在電子交易時避免不必要錯誤發(fā)生。我們將使用HTML、ASP等技術(shù)來編輯網(wǎng)頁，并運用ASP技術(shù)把數(shù)據(jù)庫和動態(tài)網(wǎng)頁相關(guān)聯(lián)。傳統(tǒng)的管理信息系統(tǒng)信息獲取方法是由專

20、業(yè)文字錄入人員將信息輸入到管理系統(tǒng)的數(shù)據(jù)庫中,這種方法在數(shù)據(jù)量不大時有很多的應用場合。當數(shù)據(jù)量比較大,并且有較強的專業(yè)性時,錄入的費用和出錯的可能性都相應上升。本文在實際應用開發(fā)中解決方案是建立網(wǎng)站, 以及自己的數(shù)據(jù)庫，使得所需商品信息可以及時的保存、更新?？梢愿玫募皶r了解商品買賣的情況。</p><p>　　該電子商務網(wǎng)站主要實現(xiàn)的功能是用戶登錄、分類瀏覽商品、按</p><p>&

21、lt;b>　　第4頁</b></p><p>　　名稱搜索商品、查看商品介紹、購物車、購買。</p><p><b>　　4.創(chuàng)作動機</b></p><p>　　上述這么多關(guān)于電子商務對企業(yè)的影響就是我設計這個公司網(wǎng)站的動機。于是電子商務開始流行起來，一種全新的購物理念開始形成并逐步發(fā)展。網(wǎng)上購物是一種具有交互功能的商業(yè)信息

22、系統(tǒng)。隨著中國互聯(lián)網(wǎng)的發(fā)展，以及廣大消費者對時尚生活的追求，網(wǎng)上購物正快速發(fā)展。它向用戶提供靜態(tài)和動態(tài)兩類信息資源。所謂靜態(tài)信息是指那些比經(jīng)常變動或更新的資源，如公司簡介、管理規(guī)范和公司制度等等；動態(tài)信息是指隨時變化的信息，如商品報價，會議安排和培訓</p><p>　　信息等。所以這次的設計是圍繞著本公司的實際情況來設計的。</p><p><b>　　第2章：網(wǎng)站的功能<

23、;/b></p><p><b>　　1.企業(yè)建立網(wǎng)站</b></p><p>　　企業(yè)建立網(wǎng)站，最終目的是使企業(yè)通過互聯(lián)網(wǎng)獲益。只有把網(wǎng)站做成企業(yè)和客戶之間的有效紐帶，網(wǎng)站才能真正發(fā)揮其作用。企業(yè)的網(wǎng)站應該關(guān)注于自己特定的客戶群，通過多種形式和客戶保持著溝通，吸引著自己的用戶不斷地和企業(yè)網(wǎng)站進行交互，從而起到加深客戶關(guān)系、了解客戶需求、提供優(yōu)質(zhì)服務、加強廣告和

24、展示效果的作用。為了實現(xiàn)上述目的，讓網(wǎng)站擁有必要的高級功能是一個先決條件。 </p><p>　　2.網(wǎng)站新聞發(fā)布系統(tǒng)（信息發(fā)布系統(tǒng)）</p><p><b>　　第5頁</b></p><p>　　是將網(wǎng)頁上的某些需要經(jīng)常變動的信息，類似新聞、新產(chǎn)品發(fā)布和業(yè)界動態(tài)等更新信息集中管理，并通過信息的某些共性進行分類，最后系統(tǒng)化、標準化發(fā)布到網(wǎng)站上

25、的一種網(wǎng)站應用程序。網(wǎng)站信息通過一個操作簡單的界面加入數(shù)據(jù)庫，然后通過已有的網(wǎng)頁模板格式與審核流程發(fā)布到網(wǎng)站上。 它的出現(xiàn)大大減輕了網(wǎng)站更新維護的工作量，通過網(wǎng)絡數(shù)據(jù)庫的引用，將網(wǎng)站的更新維護工作簡化到只需錄入文字和上傳圖片，從而使網(wǎng)站的更新速度大大縮短，在某些專門的網(wǎng)上新聞站點，如新浪的新聞中心等，新聞的更新速度已經(jīng)縮短到五分鐘一更新，從而大大加快了信息的傳播速度，也吸引了更多的長期用戶群，時時保持網(wǎng)站的活動力和影響力。</p&

26、gt;<p>　　3.產(chǎn)品展示發(fā)布系統(tǒng)</p><p>　　是將網(wǎng)頁上的新聞、新產(chǎn)品發(fā)布和業(yè)界動態(tài)等更新信息進行集中管理，分類別系統(tǒng)化、標準化的發(fā)布到網(wǎng)站上的一種網(wǎng)站應用程序。前臺用戶可通過頁面瀏覽查詢，后臺管理可以管理產(chǎn)品價格、簡介、樣圖等多類信息。本系統(tǒng)還可以進一步升級、擴充為高級網(wǎng)店系統(tǒng)。　前臺可將產(chǎn)品分為幾大類別，瀏覽者可按類別、名稱、價格等關(guān)鍵字對產(chǎn)品進行搜索查詢，查詢結(jié)果列表顯示。后臺設

27、置管理員維護界面，可對每個產(chǎn)品信息進行編輯，設定產(chǎn)品圖片，可按產(chǎn)品的類別、型號、內(nèi)容等對產(chǎn)品進行查詢、修改、增加、刪除，產(chǎn)品類別動態(tài)管理，后臺維護界面填加類別、添加產(chǎn)品種類，前臺即可實時顯現(xiàn)。</p><p><b>　　第6頁</b></p><p><b>　　4.論壇</b></p><p>　　提供了一個公共的信息

28、發(fā)布平臺，特別適用于作為企業(yè)內(nèi)部個人辦公助手以及企業(yè)與企業(yè)之間進行信息交流；在Internet上儲存留言資料，方便查閱。使得隨時隨地查詢信息的移動辦公成為可能。</p><p>　　第3章：網(wǎng)頁制作的工具</p><p>　　1.動畫制作工具Macromedia Flash 4.0</p><p>　　Flash是目前流行的一款網(wǎng)絡動畫制作軟件，具有強大的矢量制作功

29、能和靈活的</p><p>　　交互功能，擁有眾多的用戶，并廣泛應用于網(wǎng)頁、影視、動漫、游戲等各種領(lǐng)域。本書全面介紹了該軟件的最新版本Flash CS3中文版的使用方法和技巧，內(nèi)容包括其功能、特點、動畫制作流程、工作界面介紹，使用和編輯圖形、圖像、文本等網(wǎng)頁元素，使用元件、實例和庫資源，使用圖層，</p><p>　　創(chuàng)建動畫和交互式動畫，使用濾鏡和混合，</p><p

30、>　　使用聲音和視頻，創(chuàng)建電子教學內(nèi)容和Flash電子演示文稿，以及Flash作品的測試</p><p><b>　　第7頁</b></p><p>　　和發(fā)布。所有章節(jié)盡可能通過具體的實例講解，其中講述的創(chuàng)作技巧具有較高的實用價值。每章最后的習題幫助讀者鞏固所學的內(nèi)容，從而達到快速入門的目的。</p><p>　　本書內(nèi)容全面，實例豐富

31、，圖文并茂，理論與實踐相結(jié)合，充分注意知識的相對完整性、系統(tǒng)性、時效性和可操作性。本書既可作為各類職業(yè)院校網(wǎng)頁、動漫創(chuàng)作應用課程的教材，也可用做計算機培訓班、輔導班和短訓班的教材。對于希望快速掌握網(wǎng)頁、動漫制作的計算機入門者，也是一本不可多得的參考資料。 </p><p>　　2 .Macromedia Dreamweaver MX 2004</p><p>　　Dreamweaver 是

32、由美國著名的軟件開發(fā)商Macromedia公司推出的一個“所見即所得”的可視化網(wǎng)站開發(fā)工具。 </p><p>　　Fireworks是Macromedia公司網(wǎng)頁設計“三劍客”之“火焰”，它以處理網(wǎng)頁圖片為特長，并可以輕松創(chuàng)作GIF動畫。 </p><p>　　flash是Macromedia公司網(wǎng)頁三劍客之中的“閃電”，其以制作網(wǎng)上動畫為特長，它做出的動畫聲音動畫效果都是其他軟件無法比

33、</p><p><b>　　第4章：網(wǎng)站的制作</b></p><p><b>　　第8頁</b></p><p><b>　　1.網(wǎng)站的內(nèi)容</b></p><p>　　通過網(wǎng)站向用戶和網(wǎng)民提供信息(包括產(chǎn)品和服務)。隨著網(wǎng)絡技術(shù)的發(fā)展，電子商務最具市場潛力的經(jīng)濟領(lǐng)域，網(wǎng)上

34、購物沖破了存在于傳統(tǒng)購物方式中時間和空間的種種限制。成為當今人們新的購物方式，并成為新的潮流趨勢。本文研究了一個網(wǎng)上商城系統(tǒng)，此方案具有用戶使用簡單、界面直觀等優(yōu)點。該網(wǎng)上購物系統(tǒng)結(jié)合有良好的操作界面，操作起來簡單、方便。因此，該網(wǎng)上商城無</p><p>　　論是在技術(shù)上，還是操作上都是可行的。</p><p><b>　　第9頁</b></p>&l

35、t;p><b>　　第10頁</b></p><p>　　2.網(wǎng)站的整體結(jié)構(gòu)圖 </p><p>　　3.網(wǎng)站的頁面結(jié)構(gòu)圖</p><p><b>　　第11頁</b></p><p><b>　　4.搜集素材</b></p><p>　　在網(wǎng)

36、絡上搜索自己所需的圖片及文件然后下載，把搜集的圖片及文件保存在專用的文件夾，利用photoshop進行圖片的處理和修飾。</p><p><b>　　第12頁</b></p><p><b>　　5.編輯內(nèi)容</b></p><p>　　在Dreamweaver MX2004開啟后用單元格（表單）繪制布局結(jié)構(gòu)，然后把相關(guān)圖

37、片插入到相應的位置，保存。根據(jù)自己的需要把之前編輯好的網(wǎng)面拷貝多個，開啟后另存編輯新檔名。編輯所需內(nèi)容，完成后保存即可，每個頁面都是這樣制作的。</p><p><b>　　6.導航欄</b></p><p>　　導航欄分為2種，橫、豎排，通常情況都是一排，商業(yè)站點或門戶站點通常欄目較多，就用橫豎排。內(nèi)容很豐富的站點，可以使用框架導航，這樣不管進入哪個頁面都可以快速跳

38、躍到某個欄目。不是所有的站點都需要導航欄，應該靈活掌握運用。</p><p><b>　　7.CSS樣式表</b></p><p>　　利用豐富的CSS樣式表支持構(gòu)筑復雜的、標準規(guī)范的站點。同時提供了豐富的使用工具用于快速選擇和樣式屬性控制工具. 使用內(nèi)置的圖形編輯程序讓開發(fā)更加節(jié)省時間。</p><p>　　8.網(wǎng)站技術(shù)解決方案</p&

39、gt;<p>　　根據(jù)網(wǎng)站的功能確定網(wǎng)站技術(shù)解決方案。 </p><p>　　（1）、采用自建服務器，還是租用虛擬主機。 </p><p>　?。?）、選擇操作系統(tǒng)，用unix,Linux還是Window2000/NT。分析</p><p>　　投入 </p><p><b>　　

40、第13頁</b></p><p>　　成本、功能、開發(fā)、穩(wěn)定性和安全性等。 </p><p>　　（3）、采用系統(tǒng)性的解決方案（如IBM,HP）等公司提供的企業(yè)上網(wǎng)方案、電子商務解決方案？還是自己開發(fā)。 </p><p>　　(4)、網(wǎng)站安全性措施，防黑、防病毒方案。 </p><p>　　(5)、相關(guān)程序開發(fā)。如網(wǎng)頁程序ASP

41、、JSP、CGI、數(shù)據(jù)庫程序等。 </p><p>　　9.網(wǎng)站內(nèi)容規(guī)劃 </p><p>　?。?）、根據(jù)網(wǎng)站的目的和功能規(guī)劃網(wǎng)站內(nèi)容，一般企業(yè)網(wǎng)站應包括：公司簡介、產(chǎn)品介紹、服務內(nèi)容、價格信息、聯(lián)系方式、網(wǎng)上定單等基本內(nèi)容。 </p><p>　　（2）、電子商務類網(wǎng)站要提供會員注冊、詳細的商品服務信息、信息搜索查詢、

42、定單確認、付款、個人信息保密措施、相關(guān)幫助等。 </p><p>　?。?）、如果網(wǎng)站欄目比較多，則考慮采用網(wǎng)站編程專人負責相關(guān)內(nèi)容。 注意：網(wǎng)站內(nèi)容是網(wǎng)站吸引瀏覽者最重要的因素，無內(nèi)容或不實用的信息不會吸引匆匆瀏覽的訪客?？墒孪葘θ藗兿Ｍ喿x的信息進行調(diào)查，并在網(wǎng)站發(fā)布后調(diào)查人們對網(wǎng)站內(nèi)容的滿意度，以及時調(diào)整網(wǎng)站內(nèi)容。 </p><p><b>　　10.網(wǎng)站風格</b&

43、gt;</p><p>　　網(wǎng)頁顏色設計一般要與網(wǎng)站的整體形象一致，由于網(wǎng)站屬于服務性和展示性網(wǎng)站，面向的是所有房地產(chǎn)方面感興趣的人，所以頁各個頁面采用統(tǒng)一的風格，設計起來簡單方便且看起來美觀大方。而一般</p><p><b>　　第14頁</b></p><p>　　的一種顏色容易長時間會給人疲勞的感覺，所以在設計過程中可以采用了漸變的顏色

44、，漸變的顏色在網(wǎng)頁設計中不易實現(xiàn)，采用了用Firework制作的漸變色的圖片。</p><p><b>　　11.創(chuàng)建超級鏈接</b></p><p>　?。?）、網(wǎng)站肯定有很多的頁面，如果頁面之間彼此是獨立的。那么網(wǎng)頁就好比是孤島。為了建立起網(wǎng)頁之間的聯(lián)系我們必須使用超級鏈接。在網(wǎng)頁中，單擊了</p><p>　　某些圖片或者文字就會跳轉(zhuǎn)到相

45、應的網(wǎng)頁中去。</p><p>　?。?）、超級鏈接除了可以指向文件，也可以直接指向地址，那么單擊該鏈接直接跳轉(zhuǎn)到相應的網(wǎng)站。</p><p>　　（3）、電子郵件的鏈接。便于和網(wǎng)頁管理者的交流，電子郵件的鏈接可以建立在文字和圖像上，調(diào)用郵件發(fā)送程序。建立的方法是：選中要做超級鏈接的文字，然后在鏈接域里直接輸入電子郵件地址，在mailto之間不可以有空格，否則預覽的時候無法正常運行。<

46、;/p><p><b>　　第15頁</b></p><p><b>　　第5章：設計心得</b></p><p>　　通過這次制作網(wǎng)頁，我學到了不少東西，而且學到了不少思考問題的方法。，由于一直沒有充足的時間尋找素材，所以設計出的網(wǎng)站效果并不理想，首先要了解自己想要做怎樣的網(wǎng)站，知識的積累和能力提高只是時間的問題。于是我開始

47、搜集大量的材料，瀏覽許多的個人網(wǎng)站，作開始的準備工作。</p><p>　　作業(yè)完成了，我們不能單單的去應付作業(yè)，而是在這樣理論與實踐互動過程中學到更多的知識，從中感受頗深，但還有許多需要進步的地方。為以后的學習墊定了一定基礎(chǔ)和動力。</p><p><b>　　第16頁</b></p><p><b>　　參考文獻</b>

48、;</p><p>　　（1）楊如林：《 網(wǎng)站設計基礎(chǔ)與實例教程》 北京希望電子出版社 2002.4 </p><p>　?。?）宋朝東 ：《 計算機圖形圖像處理PHOTOSHOP》 人民郵電出版社 2003.6</p><p>　?。?）劉世峰：《數(shù)據(jù)庫基礎(chǔ)與應用》 中央廣播電視大學出版社2003.1</p><p>　　（4）曾文華