[摘 要] 本文中主要通過(guò)Dreamweaver結(jié)合ASP制作現(xiàn)代商業(yè)企業(yè)信息網(wǎng)站。當(dāng)用戶(hù)進(jìn)入的企業(yè)網(wǎng)站時(shí)，能通過(guò)網(wǎng)站的介紹了解企業(yè)的規(guī)模、產(chǎn)品和其他相關(guān)信息情況，通過(guò)具體的內(nèi)容和友好的界面，讓用戶(hù)對(duì)企業(yè)及產(chǎn)品產(chǎn)生興趣，達(dá)到企業(yè)網(wǎng)的目的——企業(yè)文化宣傳和“網(wǎng)絡(luò)銷(xiāo)售”。

[關(guān)鍵詞] 現(xiàn)代商業(yè)企業(yè) 信息 網(wǎng)站 設(shè)計(jì) ASP

對(duì)于現(xiàn)代商業(yè)企業(yè)來(lái)說(shuō)，隨著internet的快速發(fā)展和面對(duì)經(jīng)濟(jì)全球化及市場(chǎng)競(jìng)爭(zhēng)的日趨激烈，市場(chǎng)競(jìng)爭(zhēng)的規(guī)則正變得越來(lái)越復(fù)雜。建設(shè)自己的網(wǎng)站是企業(yè)開(kāi)展網(wǎng)絡(luò)營(yíng)銷(xiāo)的前沿陣地。所謂企業(yè)網(wǎng)站，就是企業(yè)以網(wǎng)絡(luò)營(yíng)銷(xiāo)為目的，在萬(wàn)維網(wǎng)上進(jìn)行網(wǎng)站建設(shè)和宣傳的行為。

一、設(shè)計(jì)的目的和意義

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

二、目標(biāo)與總體方案

1.目標(biāo)

以所選的企業(yè)作為對(duì)象，通過(guò)此網(wǎng)站能讓用戶(hù)方便了解企業(yè)的情況，將企業(yè)最新動(dòng)態(tài)和最新產(chǎn)品展示給大家，從而體現(xiàn)出企業(yè)網(wǎng)的作用網(wǎng)絡(luò)銷(xiāo)售。并能為企業(yè)提供好的意見(jiàn)，促進(jìn)企業(yè)的發(fā)展。

2.總體方案

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

3.設(shè)計(jì)方法和內(nèi)容

(1)安裝和設(shè)置IIS服務(wù)

按照在WinXp中安裝和設(shè)置IIS服務(wù)的常規(guī)方法進(jìn)行IIS服務(wù)的安裝和設(shè)置。

(2)設(shè)計(jì)數(shù)據(jù)庫(kù)

在數(shù)據(jù)庫(kù)設(shè)計(jì)方面選擇用Access制作后臺(tái)數(shù)據(jù)庫(kù)，在數(shù)據(jù)庫(kù)制作時(shí)確定了數(shù)據(jù)庫(kù)有：留言板數(shù)據(jù)庫(kù)，新聞管理數(shù)據(jù)庫(kù)，訂購(gòu)信息數(shù)據(jù)庫(kù)，注冊(cè)登陸數(shù)據(jù)庫(kù)，及基本信息數(shù)據(jù)庫(kù)。制作時(shí)首先要確定這些數(shù)據(jù)庫(kù)是屬性要求，及每一項(xiàng)那些方面進(jìn)行制作。在各項(xiàng)數(shù)據(jù)庫(kù)設(shè)計(jì)的時(shí)候要注意字段，在后臺(tái)數(shù)據(jù)庫(kù)設(shè)計(jì)的時(shí)候都添加了編號(hào)、名稱(chēng)、日期、內(nèi)容，在訂購(gòu)和注冊(cè)表設(shè)計(jì)時(shí)設(shè)計(jì)了用戶(hù)名、密碼、姓名、聯(lián)系方式、聯(lián)系地址、傳真、產(chǎn)品號(hào)、數(shù)量及備注.為了讓用戶(hù)填寫(xiě)的信息準(zhǔn)確全面，以上各種表都是必填字段，必須填寫(xiě)否則就會(huì)出現(xiàn)錯(cuò)誤提示，一般使用文本格式，日期和內(nèi)容采用日期和備注格式。如圖1所示：

(3)網(wǎng)站設(shè)計(jì)

首先確定了要制作的內(nèi)容：首頁(yè)、公司概況、產(chǎn)品展示、網(wǎng)上訂購(gòu)、意見(jiàn)反饋這幾項(xiàng)，再就是對(duì)網(wǎng)站后臺(tái)的制作，然后分別對(duì)每個(gè)頁(yè)面進(jìn)行設(shè)計(jì)。網(wǎng)站是以深色為主，布局采用800*600：

①設(shè)計(jì)Flash。把圖片用Photoshop進(jìn)行處理，因?yàn)閳D片的GIF格式可以把背景保存成透明的，背景可以用仿照工具進(jìn)行修復(fù)，因此保存成GIF格式。然后使用Flash設(shè)計(jì)，以首頁(yè)的Flash為例，先在Flash上新建需要的大小添加上背景，再新建層導(dǎo)入汽車(chē)到庫(kù)并設(shè)置相關(guān)關(guān)鍵貞及添加補(bǔ)間動(dòng)畫(huà)，再新建一個(gè)層制作字（文字最好做成元件圖片的形式，好調(diào)整透明度）設(shè)置相關(guān)的關(guān)鍵貞及動(dòng)作添加補(bǔ)間動(dòng)畫(huà)。

②使用Dreamweaver制作導(dǎo)航條。先在Dreamweaver里面確定圖片大小制作相應(yīng)大小的一個(gè)圖片，用圖層樣式調(diào)整，再用剪切工具切成大小一樣的5個(gè)并且每個(gè)都用文字工具寫(xiě)上相應(yīng)的名稱(chēng)。對(duì)色像、飽和度進(jìn)行相應(yīng)的調(diào)整保存成JIF格式。前后臺(tái)的導(dǎo)航條采用同樣的方法制作。

③制作導(dǎo)航條分別保存成了兩種顏色加上了鼠標(biāo)經(jīng)過(guò)效果。

④首頁(yè)加新聞欄目并用了滾動(dòng)方式。

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

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

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

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

⑨新聞后臺(tái)及前臺(tái)設(shè)計(jì)：先用Access建表，再在dreamweaver里面新建頁(yè)面做后臺(tái)，后臺(tái)設(shè)置了刪除和添加項(xiàng)，用做注冊(cè)的方法做出添加新聞，在新聞內(nèi)容設(shè)置成用文本區(qū)域，在文本區(qū)域內(nèi)通過(guò)iframe插入文本編輯器。這樣方便編輯新聞的格式及字體。刪除項(xiàng)是通過(guò)記錄集插入主件，用表單按紐添加一個(gè)刪除記錄。前臺(tái)我用運(yùn)了顯示標(biāo)題點(diǎn)擊進(jìn)入主題內(nèi)容，做了一個(gè)滾動(dòng)形式的。用記錄集插入相應(yīng)的項(xiàng)，并做了重復(fù)區(qū)域顯示10條新聞。如圖6所示：

留言板主要實(shí)現(xiàn)了留言及回復(fù)留言的功能，管理員能刪除非法留言.主要是通過(guò)數(shù)據(jù)庫(kù)在網(wǎng)頁(yè)中顯示和寫(xiě)入的原理，在服務(wù)器行為里設(shè)置了刪除紀(jì)錄實(shí)現(xiàn)的。

(4)數(shù)據(jù)庫(kù)連接

數(shù)據(jù)庫(kù)連接基本采用Dreamwear進(jìn)行連接。先綁定一個(gè)記錄集在數(shù)據(jù)庫(kù)ODBC里面添加一個(gè)數(shù)據(jù)源。然后就綁定記錄集。

在這項(xiàng)中要測(cè)試數(shù)據(jù)庫(kù)連接是否成功，不成功那說(shuō)明數(shù)據(jù)源建立錯(cuò)誤，刪除后重新添加數(shù)據(jù)源。到測(cè)試成為為止。如圖7所示:

(5)測(cè)試網(wǎng)站連接

測(cè)試網(wǎng)站是網(wǎng)站建設(shè)必不可少的一個(gè)重要過(guò)程。而且網(wǎng)站測(cè)試還能即時(shí)的反映你的網(wǎng)站布局和顏色搭配效果，必須對(duì)灰度系數(shù)，顏色，頁(yè)面偏移和用量的變化進(jìn)行觀察.還要對(duì)網(wǎng)頁(yè)進(jìn)行全面的測(cè)試。

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

②察看有沒(méi)有段開(kāi)的連接。

③測(cè)試網(wǎng)站中留言板的功能是否正確。

④在其他的計(jì)算機(jī)上瀏覽自己的網(wǎng)站，進(jìn)一步完善網(wǎng)站。

三、設(shè)計(jì)創(chuàng)新

為了既有創(chuàng)新又不打破傳統(tǒng)，本網(wǎng)站通過(guò)Flash和Photoshop軟件的結(jié)合制作出相應(yīng)的動(dòng)畫(huà)效果、圖片。采用Dreamweaver的強(qiáng)大功能，采用鼠標(biāo)經(jīng)過(guò)效果、多處使用嵌套等技術(shù)手段。制作的網(wǎng)站既頁(yè)面簡(jiǎn)單又不降低功能，整體視覺(jué)效果增強(qiáng)，使瀏覽者對(duì)網(wǎng)站感興趣，增強(qiáng)瀏覽次數(shù)。如圖8所示：

四、結(jié)論

本網(wǎng)站能實(shí)現(xiàn)網(wǎng)上訂購(gòu)，新聞后臺(tái)管理，留言管理，網(wǎng)站申明管理，已經(jīng)基本上能將企業(yè)的所有信息傳遞給客戶(hù)。能夠起到企業(yè)信息網(wǎng)能夠?qū)崿F(xiàn)網(wǎng)上交易，和企業(yè)信息發(fā)布及廣告宣傳作用。

參考文獻(xiàn)：

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

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

[3]蔡翠平:網(wǎng)絡(luò)程序設(shè)計(jì)基礎(chǔ).清華大學(xué)出版社，2003.6.1:93～125頁(yè)

[4]黃大喜:電子商務(wù)中的動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)[J]．湘潭師范學(xué)院學(xué)報(bào)(自然科學(xué)版)， 2007年，( 01)

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

[6]黑格爾.美學(xué):文化藝術(shù)出版社，2007.01.01:223～254頁(yè)

[7]吳仁和:林信惠系統(tǒng)分析與設(shè)計(jì)-理論與實(shí)務(wù)應(yīng)用.智勝出版，109～121頁(yè)

[8]陳錦輝.ASP初學(xué)指引.金禾資訊出版，2004.125～135頁(yè)

[9]資訊教育小組:ASPSQL網(wǎng)頁(yè)資料庫(kù)程式設(shè)計(jì).知城數(shù)位科技出版，2004.06:96～128頁(yè)

[10]鄧文淵 陳惠貞:陳俊榮ASP與網(wǎng)頁(yè)資料庫(kù)設(shè)計(jì).松崗出版，002年:60～145頁(yè)

[11]薛萬(wàn)欣:電子商務(wù)網(wǎng)站建設(shè).機(jī)械工業(yè)出版社，2005.5.9 :32～65頁(yè)

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

[13]范 勇:ASP開(kāi)發(fā)網(wǎng)絡(luò)數(shù)據(jù)庫(kù).人民交通出版社，2005年:106～265頁(yè)

[14]MaryCampione.Java語(yǔ)言導(dǎo)學(xué).機(jī)械工業(yè)出版社，2004年:6～8頁(yè)

[15]馮玉才:數(shù)據(jù)庫(kù)系統(tǒng)基礎(chǔ).華中科技大學(xué)出版社，2004年:188～198頁(yè)

[16]田守端:Macromedia網(wǎng)頁(yè)風(fēng)暴培訓(xùn)教程.清華大學(xué)出版社，2005.3:143～190頁(yè)