現代商業(yè)企業(yè)信息網的設計與實現

[摘 要] 本文中主要通過Dreamweaver結合ASP制作現代商業(yè)企業(yè)信息網站。當用戶進入的企業(yè)網站時，能通過網站的介紹了解企業(yè)的規(guī)模、產品和其他相關信息情況，通過具體的內容和友好的界面，讓用戶對企業(yè)及產品產生興趣，達到企業(yè)網的目的——企業(yè)文化宣傳和“網絡銷售”。

[關鍵詞] 現代商業(yè)企業(yè) 信息 網站 設計 ASP

對于現代商業(yè)企業(yè)來說，隨著internet的快速發(fā)展和面對經濟全球化及市場競爭的日趨激烈，市場競爭的規(guī)則正變得越來越復雜。建設自己的網站是企業(yè)開展網絡營銷的前沿陣地。所謂企業(yè)網站，就是企業(yè)以網絡營銷為目的，在萬維網上進行網站建設和宣傳的行為。

一、設計的目的和意義

企業(yè)建站不是說跟上潮流而是在適應現代發(fā)展的需要，為自己在緊張的全球化競爭中添加砝碼，企業(yè)建站不僅能提高自己的廣告知名度更好的宣傳自己而且能更方便的為客戶著想，這樣方便快捷的服務會讓每個用戶更放心滿意。一個完善的企業(yè)網站，除了技術功能之外，應該能全面體現出這些網絡營銷功能。

二、目標與總體方案

1.目標

以所選的企業(yè)作為對象，通過此網站能讓用戶方便了解企業(yè)的情況，將企業(yè)最新動態(tài)和最新產品展示給大家，從而體現出企業(yè)網的作用網絡銷售。并能為企業(yè)提供好的意見，促進企業(yè)的發(fā)展。

2.總體方案

本企業(yè)網選用Dreamweaver結合ASP，ASP是一種優(yōu)秀的電子商務開發(fā)程序語言，也是目前最為流行的開放式Web服務器應用程序開發(fā)技術，同時，ASP還具有環(huán)境培植簡單、開發(fā)速度快、與數據庫的兼容性好易用等優(yōu)點。本企業(yè)網采用Photoshop、Flash進行圖像處理，采用Dreamweaver做頁面即方便又能做出自己想要達到的效果。最后通過數據庫和ASP 完成整個動態(tài)網站。利用ASP的有點方便快捷的對網站進行更新，和數據庫的強大完成這個網站的后臺管理。

3.設計方法和內容

(1)安裝和設置IIS服務

按照在WinXp中安裝和設置IIS服務的常規(guī)方法進行IIS服務的安裝和設置。

(2)設計數據庫

在數據庫設計方面選擇用Access制作后臺數據庫，在數據庫制作時確定了數據庫有：留言板數據庫，新聞管理數據庫，訂購信息數據庫，注冊登陸數據庫，及基本信息數據庫。制作時首先要確定這些數據庫是屬性要求，及每一項那些方面進行制作。在各項數據庫設計的時候要注意字段，在后臺數據庫設計的時候都添加了編號、名稱、日期、內容，在訂購和注冊表設計時設計了用戶名、密碼、姓名、聯系方式、聯系地址、傳真、產品號、數量及備注.為了讓用戶填寫的信息準確全面，以上各種表都是必填字段，必須填寫否則就會出現錯誤提示，一般使用文本格式，日期和內容采用日期和備注格式。如圖1所示：

(3)網站設計

首先確定了要制作的內容：首頁、公司概況、產品展示、網上訂購、意見反饋這幾項，再就是對網站后臺的制作，然后分別對每個頁面進行設計。網站是以深色為主，布局采用800*600：

①設計Flash。把圖片用Photoshop進行處理，因為圖片的GIF格式可以把背景保存成透明的，背景可以用仿照工具進行修復，因此保存成GIF格式。然后使用Flash設計，以首頁的Flash為例，先在Flash上新建需要的大小添加上背景，再新建層導入汽車到庫并設置相關關鍵貞及添加補間動畫，再新建一個層制作字（文字最好做成元件圖片的形式，好調整透明度）設置相關的關鍵貞及動作添加補間動畫。

②使用Dreamweaver制作導航條。先在Dreamweaver里面確定圖片大小制作相應大小的一個圖片，用圖層樣式調整，再用剪切工具切成大小一樣的5個并且每個都用文字工具寫上相應的名稱。對色像、飽和度進行相應的調整保存成JIF格式。前后臺的導航條采用同樣的方法制作。

③制作導航條分別保存成了兩種顏色加上了鼠標經過效果。

④首頁加新聞欄目并用了滾動方式。

⑤二層頁面設計中每企業(yè)概況中分別通過企業(yè)介紹、紅旗文化、紅旗重任等分欄目。介紹了企業(yè)信息，方便瀏覽者更好的了解企業(yè)。在產品展示里面把最新款的紅旗HQ3、 紅旗HQD 和最老的紅旗分別細致的展示給大家，讓瀏覽者一飽眼福。在網上銷售欄目做了信息簡介、客戶權利 、購車指南方便買家了解和選擇需要的車型。最后意見反饋欄目實現公共留言，私聊（只有管理員能看見）。如圖2所示：

⑥企業(yè)概況和網上銷售中使用了網頁的嵌套，這樣既方便又使網頁簡單化。

⑦在后臺的設計板塊考慮到企業(yè)網站建設的目的和意義是將最新的信息傳達給用戶，主要做了這幾個方面的后臺管理:基本設置管理、新聞管理、訂購管理、網站申明管理。這幾個方面。在后臺設計的時候考慮到后臺是給網站管理人員用來更新信息的頁面不需要做的多好看主要是功能的實現，每項都設置了添加和刪除管理。為了能方便新聞的插入并設置格式和字體在添加里面嵌套插入了eWebEditor-eWebSoft在線文本編輯器 Version 2.0.0 beta，每頁做的簡潔方便，功能完善。如圖3所示：

⑧設計登陸注冊及訂購頁面：用Access建兩張表分別為是zhuce 和dinggou，對其各項設置成必填字段。網站運用的是先注冊會員，登陸后才能填寫詳細資料訂購產品。用Dreamwear直接生成的表單，先綁定相應的記錄集。接著對應記錄集插入相應程序-插入記錄，設置字體大小格式及表單的大小。再把按鈕改成提交，然后添加一個按鈕改成重新添加并在服務器行為里設置成重設表單。并制作兩個登陸失敗和注冊失敗的頁面。在登陸頁面的服務器行為里面登陸設置里面進行設置。如圖4、5所示:

⑨新聞后臺及前臺設計：先用Access建表，再在dreamweaver里面新建頁面做后臺，后臺設置了刪除和添加項，用做注冊的方法做出添加新聞，在新聞內容設置成用文本區(qū)域，在文本區(qū)域內通過iframe插入文本編輯器。這樣方便編輯新聞的格式及字體。刪除項是通過記錄集插入主件，用表單按紐添加一個刪除記錄。前臺我用運了顯示標題點擊進入主題內容，做了一個滾動形式的。用記錄集插入相應的項，并做了重復區(qū)域顯示10條新聞。如圖6所示：

留言板主要實現了留言及回復留言的功能，管理員能刪除非法留言.主要是通過數據庫在網頁中顯示和寫入的原理，在服務器行為里設置了刪除紀錄實現的。

(4)數據庫連接

數據庫連接基本采用Dreamwear進行連接。先綁定一個記錄集在數據庫ODBC里面添加一個數據源。然后就綁定記錄集。

在這項中要測試數據庫連接是否成功，不成功那說明數據源建立錯誤，刪除后重新添加數據源。到測試成為為止。如圖7所示:

(5)測試網站連接

測試網站是網站建設必不可少的一個重要過程。而且網站測試還能即時的反映你的網站布局和顏色搭配效果，必須對灰度系數，顏色，頁面偏移和用量的變化進行觀察.還要對網頁進行全面的測試。

①在多種瀏覽器預覽頁面察看布局，顏色等方面的情況。

②察看有沒有段開的連接。

③測試網站中留言板的功能是否正確。

④在其他的計算機上瀏覽自己的網站，進一步完善網站。

三、設計創(chuàng)新

為了既有創(chuàng)新又不打破傳統，本網站通過Flash和Photoshop軟件的結合制作出相應的動畫效果、圖片。采用Dreamweaver的強大功能，采用鼠標經過效果、多處使用嵌套等技術手段。制作的網站既頁面簡單又不降低功能，整體視覺效果增強，使瀏覽者對網站感興趣，增強瀏覽次數。如圖8所示：

四、結論

本網站能實現網上訂購，新聞后臺管理，留言管理，網站申明管理，已經基本上能將企業(yè)的所有信息傳遞給客戶。能夠起到企業(yè)信息網能夠實現網上交易，和企業(yè)信息發(fā)布及廣告宣傳作用。

參考文獻：

[1]黃 英:網頁設計與制作上機實踐.機械工業(yè)出版社，2004年:25～105頁

[2]張繼光:Dreamweaver 8中文版從入門到精通[M].人民郵電出版社，2007年:101～204頁

[3]蔡翠平:網絡程序設計基礎.清華大學出版社，2003.6.1:93～125頁

[4]黃大喜:電子商務中的動態(tài)網頁技術[J]．湘潭師范學院學報(自然科學版)， 2007年，( 01)

[5]江高舉:Dreamweaver MX2004 私房菜.金禾資訊出版，2006.8:60～92頁

[6]黑格爾.美學:文化藝術出版社，2007.01.01:223～254頁

[7]吳仁和:林信惠系統分析與設計-理論與實務應用.智勝出版，109～121頁

[8]陳錦輝.ASP初學指引.金禾資訊出版，2004.125～135頁

[9]資訊教育小組:ASPSQL網頁資料庫程式設計.知城數位科技出版，2004.06:96～128頁

[10]鄧文淵 陳惠貞:陳俊榮ASP與網頁資料庫設計.松崗出版，002年:60～145頁

[11]薛萬欣:電子商務網站建設.機械工業(yè)出版社，2005.5.9 :32～65頁

[12]胡 社:HTML編程.人民郵電出版社，2005:56～59頁

[13]范 勇:ASP開發(fā)網絡數據庫.人民交通出版社，2005年:106～265頁

[14]MaryCampione.Java語言導學.機械工業(yè)出版社，2004年:6～8頁

[15]馮玉才:數據庫系統基礎.華中科技大學出版社，2004年:188～198頁

[16]田守端:Macromedia網頁風暴培訓教程.清華大學出版社，2005.3:143～190頁