王 娟

（河北外國語職業(yè)學院，秦皇島 066311）

0 引言

隨著Internet的普及，互聯(lián)網(wǎng)逐漸成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。Internet上發(fā)布信息主要是通過網(wǎng)站來實現(xiàn)的，獲取信息也是要在Internet"海洋"中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來。因此網(wǎng)站建設在Internet應用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設中的重要組成部分，從而倍受人們的重視。Web應用程序得到了很大的發(fā)展，企業(yè)網(wǎng)站逐漸成為企業(yè)信息交流必不可少的策略之一。本文以為公司設計一個企業(yè)網(wǎng)站為例，主要以ASP技術為主，從基本的網(wǎng)頁結(jié)構設計開始，通過Dreamweaver可視化設計功能的輔助，建立一個企業(yè)信息交流的平臺。

研究的基本內(nèi)容，擬定目標網(wǎng)站要解決的問題：第一，如何通過網(wǎng)站來宣傳公司及其產(chǎn)品；第二，如何用ASP和Dreamweaver來實現(xiàn)網(wǎng)站的動態(tài)效果；第三，如何使網(wǎng)站更佳新穎。進行了系統(tǒng)的可行性分析，主要從技術可行性和操作可行性對目標系統(tǒng)進行了分析，得到了目標網(wǎng)站在技術方面和操作方面都是可行的結(jié)論。用Access進行了數(shù)據(jù)庫的設計：數(shù)據(jù)庫名稱dl。并在該數(shù)據(jù)庫下建立產(chǎn)品展示（tp ）、公司信息（gsxx）、聯(lián)系方式（Lxfs）、招聘信息（zpjj）、登陸信息（lognxx）5個表。

1 緒論

1.1 Active Server Pages概況

隨著網(wǎng)絡技術的迅猛發(fā)展和Internet的日益普及，人們對Web站點建設技術的渴求與日俱增。目前，Microsoft公司推出的ASP廣泛流行于業(yè)界，利用ASP，可以方便、快捷地創(chuàng)建出動態(tài)、交互的Web服務器端應用程序。

Active Server Pages實際上是將標準的HTML文件拓展了一些附加特征，Active Server Pages象標準的HTML文件一樣包含HTML對象并且在一個瀏覽器上解釋并顯示。任何你可以放在HTML中的東西--Java applets,閃爍字符串，客戶端腳本，客戶端ActiveX控件等等你都可以放在Active Server Page中。因此，一個Active Server Page具備很強的通用性。

1.2 Dreamweaver概況

Dreamweaver 是一套功能相當強大的網(wǎng)頁編輯軟件，由Macromedia 公司開發(fā)，提供各種可視化的網(wǎng)頁編輯功能，從單一的HTML 靜態(tài)網(wǎng)頁，到復雜的ASP動態(tài)網(wǎng)頁的數(shù)據(jù)庫系統(tǒng)設計，均能夠以鼠標拖拽的方式迅速完成網(wǎng)頁設計工作。

Dreamweaver 最出色的地方，在于其具備動態(tài)服務器網(wǎng)頁的可視化設置功能，同時對各類平臺與服務器語言提供足夠的支持，無論是PHP、JSP、ASP，還是ASP.NET，程序設計人員均能夠通過設置，利用Dreamweaver的單一接口，設計不同類型的動態(tài)服務器網(wǎng)頁。

1.3 Dreamweaver 和ASP

在安裝設計完IIS后，不需任何工具，直接使用最簡單的文字編輯器，如Windows 自帶的“記事本”，就可以設計ASP 網(wǎng)頁；事實上無論HTML還是ASP網(wǎng)頁，基本上都只是以擴展名命名的純文本文件。如果是只包含HTML或JavaScript等動態(tài)語言的網(wǎng)頁，則其擴展名為.html或.htm；但如果是ASP 網(wǎng)頁，則其擴展名為.asp。

盡管不需要任何特殊的編輯器就可以ASP 網(wǎng)頁的編輯，然而開發(fā)用于實際用途的網(wǎng)頁時，會包含復雜的程序代碼，此時使用一套合適的開發(fā)工具可以大幅度地提高編寫和管理程序代碼的效率。

ASP 網(wǎng)頁本身是由傳統(tǒng)的HTML網(wǎng)頁衍生而來的，其程序代碼與HTML標簽相互并存，早期的Dreamweaver 只提供編輯HTML 標簽的能力，在Dreamweaver MX 2004中，除了維持原先強大的靜態(tài)網(wǎng)頁編輯功能外，還加入了ASP 程序代碼的編輯功能，成了一個全功能的網(wǎng)頁編輯器。Dreamweaver 除了支持程序代碼的編輯之外，對于各種ASP網(wǎng)頁應用功能的開發(fā)，也提供了可視化的操作模式，用戶只需以鼠標拖動并進行設置，即可自動完成程序代碼的編寫，即使如數(shù)據(jù)庫般應用復雜的操作也能夠輕松完成。

2 網(wǎng)站總體分析與設計

對網(wǎng)站進行系統(tǒng)分析，首先對網(wǎng)站進行需求分析，然后對網(wǎng)站進行模塊分析，根據(jù)公司網(wǎng)站的需求分析，將整個網(wǎng)站分若干個個功能模塊。

對系統(tǒng)進行功能模塊設計，將整個網(wǎng)站劃分為若干個模塊后，需要對每個模塊的功能進行詳細設計。根據(jù)模塊的功能需求設計模塊使用何種方式顯示該功能，以及應該包含相應的頁面與操作步驟。

對網(wǎng)頁進行設計，首先是網(wǎng)頁布局，然后是網(wǎng)頁的配色。還要記得對網(wǎng)頁的數(shù)據(jù)庫進行設計。

3 網(wǎng)站的具體實現(xiàn)

3.1 定義一個網(wǎng)站

定義一個網(wǎng)站，是制作ASP網(wǎng)頁之前，首先必須完成的操作。一旦完成網(wǎng)站的定義，Dreamweaver 將可以讓程序開發(fā)人員直接利用其編輯窗口，以該網(wǎng)站為基礎，進行ASP 網(wǎng)頁的創(chuàng)建、編輯與測試。

3.2 網(wǎng)站頁面的實現(xiàn)

3.2.1 主頁的實現(xiàn)

網(wǎng)站主頁采用靜、動相結(jié)合的方式，即靜態(tài)的主畫面和動態(tài)的圖片相結(jié)合，體現(xiàn)公司的勃勃生氣。靜態(tài)主頁方式介紹公司的公司簡介、領導致辭、榮譽證書、產(chǎn)品展示、銷售業(yè)績、招聘英才、留言板、聯(lián)系我們8個功能模塊。就得利用ASP與數(shù)據(jù)庫結(jié)合的技術通過數(shù)據(jù)庫對網(wǎng)站進行動態(tài)管理，采用交互式的動態(tài)的web畫面來實現(xiàn)。

圖1 網(wǎng)站的主頁

主頁（index0000.asp）中有八個模塊的相關鏈接以及公司簡介、領導致辭、銷售業(yè)績等模塊內(nèi)容的簡單介紹。網(wǎng)頁布局采用“國”字型，在最左側(cè)插入了一個Flash(cemian1.swf)，使網(wǎng)頁顯得很新穎，有動感，并且還在這個Flash中巧妙的插入了公司的聯(lián)系方式。在主頁中，綁定了四個記錄集，分別是Recordset1、RecZpjj、Recgsxx和Reclxfs。這四個記錄集分別與數(shù)據(jù)庫dl中的產(chǎn)品展示表tp、招聘信息表zpjj、公司信息表gsxx和聯(lián)系方式表Lxfs相連。這樣，把記錄集中的相關內(nèi)容拖放到主頁中的相應位置就可以了，使網(wǎng)頁上的內(nèi)容可以動態(tài)的進行修改。需要說明的是主頁中的圖片，也是通過數(shù)據(jù)庫進行插入的，使用和修改起來相當?shù)胤奖恪?/p>

利用Dreamweaver中“服務器行為”中的“重復區(qū)域”來實現(xiàn)招聘信息的多條顯示。先將頁面左下方招聘信息表格選種，再點擊“應用程序”中的“服務器行為”中的“重復區(qū)域”，會彈出一個 “重復區(qū)域”對話框。在這個對話框的“記錄集”中選擇記錄集RecZpjj，并在“顯示”中選擇2條記錄。在產(chǎn)品介紹中，也進行同樣的操作，只是選擇記錄集Recordset1，并在顯示中選擇4條記錄。

另外，產(chǎn)品簡介中的“其他”用Dreamweaver中“服務器行為”中的“轉(zhuǎn)到詳細信息頁”命令來鏈接到詳細頁面xxxx.asp中。在最下方的圖片IMAGES/DE1.gif的文字“版權所有秦皇島市電力機械有限公司”上，加一個長方形熱區(qū)Map4，并將其鏈接到主頁index0000.asp。在其他的頁面中，也加一個同樣的熱區(qū)。在下面的其他頁的實現(xiàn)中，就不一一的進行重復的介紹了。

產(chǎn)品介紹中的產(chǎn)品照片是通過點擊“插入”中的“常規(guī)”標簽中的“圖象”，在彈出的對話框“選擇圖象源”中的“從文件名稱選擇”選擇“數(shù)據(jù)源”單選按鈕，在“域”中，選擇記錄集Recordset1中的Tp，并將其屬性中的，寬設置為：100，高設置為：69。

在圖片images/google.gif中，加入文字“管理員登陸”，并將其鏈接到管理系統(tǒng)中的頁面Logon.asp上?？梢苑奖愕膹闹黜撨M入到管理頁面中。

3.2.2 其他頁的實現(xiàn)

根據(jù)對秦皇島電力機械有限公司網(wǎng)站的模塊的劃分，將整個網(wǎng)站分為：公司簡介、領導致辭、榮譽證書、產(chǎn)品展示、銷售業(yè)績、招聘英才、留言板、聯(lián)系我們和管理系統(tǒng)9個功能模塊，并將其具體實現(xiàn)。這里以公司簡介頁面（index-1.asp）為例。

公司簡介頁面（index-1.asp）主要是介紹公司的概況，插入了一個Flash(cemian1.swf)，綁定了三個記錄集分別是RecZpjj、Recgsxx、Reclxfs，讓招聘的簡單信息與數(shù)據(jù)庫中的表zpjj相連，其他兩個記錄集分別與數(shù)據(jù)庫dl中的公司信息表gsxx和聯(lián)系方式表Lxfs相連。然后將Recgsxx.gsxxjs、Recgsxx.gsjs、Recgsxx.xsyj、RecZpjj.Mc、RecZpjj.Rs、RecZpjj.Yq、Reclxfs.dh、Reclxfs.cz和Reclxfs.Email，從其相應的記錄集中拖到頁面index-1.asp的相應位置。使網(wǎng)頁上的內(nèi)容可以動態(tài)的修改。同樣要用“應用程序”中的“服務器行為”中的“重復區(qū)域”，來實現(xiàn)招聘信息的多條顯示，操作步驟與主頁相同。

4 結(jié)論

隨著公司網(wǎng)站的設計完成，本網(wǎng)站中預期的主要功能也基本實現(xiàn)。本網(wǎng)站以Dreamweaver和ASP作為前臺開發(fā)工具，并以Microsoft Access作為后臺數(shù)據(jù)庫，這些都是開發(fā)網(wǎng)站的前沿工具成為開發(fā)本網(wǎng)站的首選工具。本文闡述了公司網(wǎng)站的分析與設計的全過程，并在論文中相應的位置插入了圖片，更加清晰的描述了該網(wǎng)站是如何實現(xiàn)的。

[1] 尚俊杰.網(wǎng)絡程序設計——ASP案例教程[M].清華大學出版社,2004.

[2] 魏洪斌,周鑫,劉志江.Dreamweaver MX網(wǎng)頁設計[M].清華大學出版社,2005.

[3] 榮欽科技.ASP+Dreamweaver MX 2004數(shù)據(jù)庫網(wǎng)站開發(fā)與實例[M].清華大學出版社,2004.

[4] 李嚴,于亞芳,王國輝.等.ASP數(shù)據(jù)庫開發(fā)實例解析[M].機械工業(yè)出版社.2004.

[5] 秦學禮.DreamweaverMX2004實用教程[M].清華大學出版社,2004.

[6] 陳建偉.ASP動態(tài)網(wǎng)站開發(fā)教程(第二版)[M].清華大學出版社,2005.