Dreamweaver CS3動態網頁設計ASP篇

1.1

靜態網頁和動態網頁的區別

網頁一般又稱文件，是一種可以在上傳輸、能被瀏覽器認識和翻譯成頁面并顯

HTMLWWW

示出來的文件。文字與圖片是構成一個網頁的兩個最基本的元素，除此之外，網頁的元素還包括動

畫、音樂、程序等。網頁是構成網站的基本元素，是承載各種網站應用的平臺。通常看到的網頁，

大都是以或后綴結尾的文件。除此之外，網頁文件還有以、、和后

HTMHTMLCGIASPPHPJSP

綴結尾的。目前網頁根據生成方式，大致可以分為靜態網頁和動態網頁兩種。

1.1.1 靜態網頁

靜態網頁是網站建設初期經常采用的一種形式。網站建設者把內容設計成靜態網頁，訪問者只

能被動地瀏覽網站建設者提供的網頁內容。其特點如下。

? 網頁內容不會發生變化，除非網頁設計者修改了網頁的內容。

? 不能實現和瀏覽網頁的用戶之間的交互。信息流向是單向的，即從服務器到瀏覽器。服務器

不能根據用戶的選擇調整返回給用戶的內容。靜態網頁的瀏覽過程如圖1-1所示。

1.1.2 動態網頁

網絡技術日新月異，許多網頁文件擴展名不再只

是，還有、等，這些都是采用動態網頁技術

.htm.php.asp

制作出來的。動態網頁其實就是建立在架構上的服務

B/S

器端腳本程序。在瀏覽器端顯示的網頁是服務器端程序運

行的結果。

圖靜態網頁的瀏覽過程

1-1

靜態網頁與動態網頁的區別在于服務器對它們的處理方式不同。當服務器接收到對

WebWeb

靜態網頁的請求時，服務器直接將該頁發送給客戶瀏覽器，不進行任何處理。如果接收到對動態網

頁的請求，則從服務器中找到該文件，并將它傳遞給一個稱為應用程序服務器的特殊軟件擴展，

Web

由它負責解釋和執行網頁，將執行后的結果傳遞給客戶瀏覽器。如圖所示為動態網頁的工作原

1-2

理圖。

動態網頁的一般特點如下。

? 動態網頁以數據庫技術為基礎，可以大大降低網站維護的工作量。

? 采用動態網頁技術的網站可以實現更多的功能，如用戶注冊、用戶登錄、搜索查詢、用戶管

理、訂單管理等。

? 動態網頁并不是獨立存在于服務器上的網頁文件，只有當用戶請求時服務器才返回一個完整

的網頁。

? 搜索引擎一般不可能從一個網站的數據庫中訪問全部網頁，因此采用動態網頁的網站在進行

搜索引擎推廣時需要做一定的技術處理才能適應搜索引擎的要求。

2

第

1

章

動態網站建設流程

圖動態網頁的工作原理圖

1-2

1.2

網站的前期規劃

建設網站之前就應該有一個整體的戰略規劃和目標，規劃好網頁的大致外觀后就可以著手設

計了。

1.2.1 確定網站目標

在創建網站時，確定站點的目標是第一步。設計者應清楚建立站點的目標，即確定它將提供什

么樣的服務，網頁中應該提供哪些內容等。要確定站點目標，應該從以下個方面考慮。

3

? 網站的整體定位。網站可以是大型商用網站、小型電子商務網站、門戶網站、個人主頁、科

研網站、交流平臺、公司和企業介紹性網站以及服務性網站等。首先應該對網站的整體進行

一個客觀的評估，同時要以發展的眼光看待問題，否則將帶來許多升級和更新方面的不便。

? 網站的主要內容。如果是綜合性網站，那么對于新聞、郵件、電子商務和論壇等都要有所涉

及，這樣就要求網頁要結構緊湊、美觀大方；對于側重某一方面的網站，如書籍網站、游戲

網站、音樂網站等，則往往對網頁美工要求較高，使用模板較多，更新網頁和數據庫較快；

如果是個人主頁或介紹性的網站，那么一般來講，網站的更新速度較慢，瀏覽率較低，并且

由于鏈接較少，內容不如其他網站豐富，但對美工的要求更高一些，可以使用較鮮艷明亮的

顏色，同時可以添加Flash動畫等，使網頁更具動感和充滿活力，否則網站沒有吸引力。

? 網站瀏覽者的教育程度。對于不同的瀏覽者群，網站的吸引力是截然不同的，如針對少年兒

童的網站，卡通和科普性的內容更符合瀏覽者的品味，也能夠達到網站寓教于樂的目的；針

對學生的網站，往往對網站的動感程度和特效技術要求更高一些；對于商務瀏覽者，網站的

安全性和易用性更為重要。

1.2.2 規劃站點結構

合理地組織站點結構，能夠加快站點的設計，提高工作效率，節省工作時間。當需要創建一個

3

Dreamweaver CS3動態網頁設計ASP篇

大型網站時，如果將所有網頁都存儲在一個目錄下，當站點的規模越來越大時，管理起來就會變得

很困難，因此合理地使用文件夾管理文檔就顯得很重要。

網站的目錄是指在創建網站時建立的目錄，要根據網站的主題和內容來分類規劃，不同的欄目

對應不同的目錄，在各個欄目目錄下也要根據內容的不同對其劃分不同的分目錄，如頁面圖片放在

imagesnewsdataba

目錄下，新聞放在目錄下，數據庫放在目錄下等，同時要注意目錄的層次不

宜太深，一般不要超過三層，另外給目錄起名的時候要盡量使用能表達目錄內容的英文或漢語拼音，

這樣會更加方便日后的管理和維護。如圖所示為企業網站的站點結構圖。

1-3

圖企業網站的站點結構圖

1-3

1.2.3 確定網站風格

站點風格設計包括設計站點的整體色彩、網頁的

結構、文本的字體和大小、背景的使用等，這些沒有

一定的公式或規則，需要設計者通過各種分析決定。

一般來說，適合于網頁標準色的顏色有大系：

3

藍色、黃橙色和黑灰白色。不同的色彩搭配會產生

///

不同的效果，并可能影響訪問者的情緒。在站點整體

色彩上，要結合站點目標來確定。如果是政府網站，

就要在大方、莊重、美觀、嚴謹上多下功夫，切不可

花哨；如果是個人網站，則可以采用較鮮明的顏色，

設計要簡單而有個性。

如圖1-4所示的購物網站，其結構緊湊，布局合

理。頁面文字和圖片完美搭配，并且頁面很有層次感，

符合人們的審美觀，同時總體頁面風格是豐富多

彩的。

圖電子購物網站頁面結構

1-4

4

第

1

章

動態網站建設流程

1.3

選擇網頁制作軟件

設計網頁時首先要選擇網頁制作軟件。雖然用記事本手工編寫源代碼也能做出網頁，但這需要

對編程語言相當了解，并不適合廣大的網頁設計愛好者。由于目前可視化的網頁設計工具越來越多，

使用也越來越方便，所以設計網頁已經變成了一件輕松的工作。、、、

FlashDreamweaverPhotoshop

Fireworks4FlashDreamweaver

這個軟件相輔相成，是設計網頁的首選工具，其中用來排版布局網頁，

用來設計精美的網頁動畫，和用來處理網頁中的圖形圖像。

PhotoshopFireworks

1.3.1 圖形圖像制作工具——Photoshop CS3和Fireworks CS3

網頁中如果只有文字，則缺少生動性和活潑性，也會影響視覺效果和整個頁面的美觀。因此在

網頁的制作過程中需要插入圖像。圖像是網頁中重要的組成元素之一。使用和

Photoshop CS3

Fireworks CS3

可以設計出精美的網頁圖像。

PhotoshopAdobe

是公司推出的圖像處理軟件。目前已被廣泛應用于平面設計、網頁設計和照

片處理等領域。隨著計算機技術的發展，已歷經數次版本更新，功能越來越強大。如圖

Photoshop

1-5Photoshop CS3

所示是的工作界面。

在網頁制作方面能快速地為圖形創建各種交互式動感效果，不論在圖像制作或是在

Fireworks

網頁支持上都有著出色的表現。

隨著版本的不斷升級和功能的不斷加強，受到越來越多圖像網頁制作者的歡迎。目前

Fireworks

的最新版本中文版更是以它方便快捷的操作模式，在位圖編輯、矢量圖形處理與

Fireworks CS3GIF

動畫制作功能上的優秀整合，贏得諸多好評。

使用在制作網頁時，除了對相應的頁面插入圖像進行調整處理外，還可以使用

Fireworks CS3

圖像進行頁面的總體布局，然后使用切片導出。對網頁中所出現的圖像按鈕也可以使用

GIF

Fireworks CS31-6Fireworks CS3

創建，以便達到更加精彩的效果，如圖所示是的工作界面。

1-5 Photoshop CS3 1-6 Fireworks CS3

圖的工作界面圖的工作界面

5

Dreamweaver CS3動態網頁設計ASP篇

1.3.2 網頁動畫制作工具——Flash CS3

Flash

是一款多媒體動畫制作軟件。它是一種交互式動畫設計工具，用它可以將音樂、動畫以及

富有新意的界面融合在一起，以制作出高品質的動態視聽效果。

Flash

技術在網頁設計和網絡廣告中的應用非常廣泛，由于良好的視覺效果，有些網站為了追求

美觀，甚至將整個首頁全部用方式設計。從瀏覽者的角度來看，動畫內容與一般的文本

FlashFlash

和圖片網頁相比，大大增加了藝術效果，對于展示產品和企業形象具有明顯的優越性。

FlashFlash

動畫在網頁的制作方面，還可以通過制作導航條使導航菜單更精彩和更具動感，如

圖所示是的工作界面。

1-7Flash CS3

1.3.3 網頁編輯工具——Dreamweaver CS3

使用制作的網頁圖像并不是真正的網頁，要想使其真正成為能夠正常瀏覽的網頁，

Photoshop

還需要用進行網頁排版布局、添加各種網頁特效。利用還可以輕松開發

DreamweaverDreamweaver

新聞發布系統、網上購物系統、論壇系統等動態網頁。

Dreamweaver CS3

是創建網站和應用程序的專業之選。它組合了功能強大的布局工具、應用程

序開發工具和代碼編輯支持工具等。的功能強大而且穩定，可幫助設計人員和開發人

Dreamweaver

員輕松創建和管理任何站點，如圖所示為中文版工作界面。

1-8Dreamweaver CS3

1-7 Flash CS3 1-8 Dreamweaver CS3

圖的工作界面圖中文版工作界面

1.4

動態網站技術

僅僅學會了網頁制作工具，還是遠遠不能制作出動態網站的，還需要了解動態網站技術，如網

頁標記語言HTML、網頁腳本語言JavaScript和VBScript、動態網頁編程語言ASP。

1.4.1 搭建動態網站平臺

動態網頁大多是由網頁編程語言寫成的網頁程序，訪問者瀏覽的只是其生成的客戶端代碼，而

6

第

1

章

動態網站建設流程

且動態網頁要實現其功能大多還必須與數據庫相連。

目前國內比較流行的互動式網頁編程語言有：ASP、PHP、JSP、CGI、。

? HTML網頁適用于所有環境，它本身也相當簡單。

? ASP頁主流環境為：Windows Server（包括NT、2000、2003）的IIS+Access/SQL Server。

本書主要講述這種環境下的網站開發，關于其創建過程，可以參考第5章，這里就不講述了。

? PHP頁主流環境為：Linux/UNIX+Apache+MySQL+PHP4+Dreamweaver。

1.4.2 網頁標記語言HTML介紹

網頁文檔主要是由構成。全名是，即超文本標記語

HTMLHTMLHyper Text Markup Language

言，是用來描述上超文本文件的語言。用它編寫的文件擴展名是或。

WWW.html.htm

HTML

不是一種編程語言，而是一種頁面描述性標記語言。它通過各種標記描述不同的內容，

說明段落、標題、圖像、字體等在瀏覽器中的顯示效果。瀏覽器打開文件時，將依據

HTMLHTML

標記去顯示內容。

HTMLInternet

能夠將上不同服務器中的文件連接起來；可以將文字、聲音、圖像、動畫、視

頻等媒體有機組織起來，展現給用戶五彩繽紛的

畫面；此外它還可以接受用戶信息，與數據庫相

連，實現用戶的查詢請求等交互功能。

HTML<>

的任何標記都由“”和“”圍起

來，如。在起始標記的標記名前加

上符號“”便是其終止標記，如，夾在起

/

始標記和終止標記之間的內容受標記的控制，例

如幸福永遠，夾在標記之間的“幸福永

I

遠”將受標記的控制。文件的整體結構

IHTML

也是如此，下面就是最基本的網頁結構，如圖

1-9

所示。

圖基本的網頁結構

1-9

7

Dreamweaver CS3動態網頁設計ASP篇

幸福永遠

下面講述的基本結構。

HTML

? Html標記

HTMLHTML

標記用于文檔的最前邊，用來標識文檔的開始。而標記恰恰相反，

它放在文檔的最后邊，用來標識文檔的結束，兩個標記必須一塊使用。

HTMLHTML

? Head標記

HTML

和構成文檔的開頭部分，在此標記對之間可以使用、

<script></script>HTML

等標記對，這些標記對都是描述文檔相關信息的標記對，標

記對之間的內容不會在瀏覽器的框內顯示出來，兩個標記必須一塊使用。

? Body標記

HTML

是文檔的主體部分，在此標記對之間可包含、、

等眾多的標記對，它們所定義的文本、圖像等將會在瀏覽器內顯示出來，兩個標記必須一

塊使用。

? Title標記

使用過瀏覽器的人可能注意到瀏覽器窗口最上邊藍色部分顯示的文本信息，那些信息一般是網

頁的“標題”，要將網頁的標題顯示到瀏覽器的頂部其實很簡單，只要在標記對之間加

入要顯示的文本即可。

1.4.3 網頁腳本語言JavaScript和VBScript

使用、等簡單易懂的腳本語言，結合代碼，即可快速地完成網站的

VBScriptJavaScriptHTML

應用程序的編寫。

腳本語言（JavaScript、VBScript等）介于HTML和C、C++、Java、C#等編程語言之間。腳本

是使用一種特定的描述性語言，依據一定的格式編寫的可執行文件，又稱作宏或批處理文件。腳本

通常可以由應用程序臨時調用并執行。各類腳本目前被廣泛地應用于網頁設計中，因為腳本不僅可

以減小網頁的規模和提高網頁瀏覽速度，而且可以豐富網頁的表現形式，如動畫、聲音等。

腳本同VB、C語言的區別主要如下。

? 腳本語法比較簡單，比較容易掌握；

? 腳本與應用程序密切相關，所以包括相對應用程序自身的功能；

? 腳本一般不具備通用性，所能處理的問題范圍有限；

? 腳本多為解釋執行。

下面通過一個簡單的實例來熟悉JavaScript的基本使用方法。

<script language="javascript">

8

第

1

章

動態網站建設流程

代碼中加粗部分就是腳本的具體應用，如圖所示。

JavaScript1-10

以上代碼分為3部分，第一部分是script

language="javascript"，它告訴瀏覽器“下面的是

JavaScript腳本”。開頭使用<script>標記，表示這是

一個腳本的開始，在<script>標記里使用language指

明使用哪一種腳本，因為并不只存在JavaScript一種

腳本，還有VBScript等腳本，所以這里就要用

language屬性指明使用的是JavaScript腳本。第二部

分就是JavaScript腳本，用于創建對象，定義函數或

是直接執行某一功能。第三部分是</script>，它用來

告訴瀏覽器JavaScript腳本到此結束。

("JavaScript!");

的基本使用方法

</script>

圖腳本

1-10 JavaScript

1.4.4 動態網頁編程語言ASP

ASPActive Server PageASPCGI

是的縮寫，意為“活動服務器網頁”。是微軟公司開發的代替

腳本程序的一種應用，它可以與數據庫和其他程序進行交互，是一種簡單、方便的編程工具。

ASP

的網頁文件的格式是，現在常用于各種動態網站中。是一種服務器端腳本編寫環境，可以

.aspASP

用來創建和運行動態網頁或應用程序。網頁可以包含標記、普通文本、腳本命令

WebASPHTML

以及組件等。利用可以向網頁中添加交互式內容，也可以創建使用網頁作為用戶

COMASPHTML

界面的應用程序。與相比，網頁具有以下特點。

WebHTMLASP

? 利用ASP可以突破靜態網頁的一些功能限制，實現動態網頁技術。

? ASP文件是包含在HTML代碼所組成的文件中的，易于修改和測試。

? 服務器上的ASP解釋程序會在服務器端制定ASP程序，并將結果以HTML格式傳送到客戶

端瀏覽器上，因此使用各種瀏覽器都可以正常瀏覽ASP所產生的網頁。

? ASP提供了一些內置對象，使用這些對象可以使服務器端腳本功能更強。例如可以從Web

瀏覽器中獲取用戶通過HTML表單提交的信息，并在腳本中對這些信息進行處理，然后向

Web瀏覽器發送信息。

? ASP可以使用服務器端ActiveX組件來執行各種各樣的任務，例如存取數據庫、收發Email

或訪問文件系統等。

? 由于服務器是將ASP程序執行的結果以HTML格式傳回客戶端瀏覽器，因此使用者不會看

到ASP所編寫的原始程序代碼，可防止ASP程序代碼被竊取。

1.5

設計網頁圖像

在確定好網站的風格和搜集完資料后就需要設計網頁圖像了，網頁圖像設計包括設計、標

Logo

9

Dreamweaver CS3動態網頁設計ASP篇

準色彩、標準字、導航條和首頁布局等。可以使

用或軟件來具體設計網站

PhotoshopFireworks

的圖像。有經驗的網頁設計者，通常會在使用網

頁制作工具制作網頁之前，設計好網頁的整體布

局，這樣在具體設計過程中將會胸有成竹，大大

節省工作時間。如圖所示是設計的網頁

1-11

圖像。

圖設計網頁圖像

1-11

1.6

制作網頁

網頁制作是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜的順序制作。所謂先

大后小，就是說在制作網頁時，先把大的結構設計好，然后再逐步完善小的結構設計。所謂先簡單

后復雜，就是先設計出簡單的內容，然后再設計復雜的內容，以便出現問題時好修改。在制作網頁

時要靈活運用模板和庫，這樣可以大大提高制作效率。如果很多網頁都使用相同的版面設計，就應

為這個版面設計一個模板，然后就可以以此模板為基礎創建網頁。以后如果想要改變所有網頁的版

面設計，只需簡單地改變模板即可。如圖所示是利用制作的網頁。

1-12Dreamweaver CS3

圖利用制作的網頁

1-12 Dreamweaver CS3

1.7

開發動態網站功能模塊

頁面設計制作完成后，如果還需要動態功能的話，就需要開發動態功能模塊，網站中常用的功

能模塊有搜索功能、留言板、新聞信息發布、在線購物、技術統計、論壇及聊天室等。

1

．搜索功能

搜索功能是使瀏覽者在短時間內，快速地從大量的資料中找到符合要求的資料。這對于資料非

常豐富的網站來說非常有用。要建立一個搜索功能，就要有相應的程序以及完善的數據庫支持，可

以快速地從數據庫中搜索到所需要的職位。

10

第

1

章

2

．留言板

動態網站建設流程

留言板、論壇及聊天室是為瀏覽者提供信息交流的地方。瀏覽者可以圍繞個別的產品、服務或

其他話題進行討論。顧客也可以提出問題、進行咨詢，或者得到售后服務。但是聊天室和論壇是比

較占用資源的，一般不是大中型的網站沒有必要建設論壇和聊天室，如果訪問量不是很大的話，做

好了也沒有人來訪問，如圖所示為留言

1-13

板頁面。

3

．新聞發布管理系統

新聞發布管理系統提供方便直觀的頁面

文字信息的更新維護界面，提高工作效率、降

低技術要求，非常適合用于需要經常更新的欄

目或頁面，如圖所示是新聞發布管理

1-14

系統。

4

．購物網站

購物系統是實現電子交易的基礎，用戶將

感興趣的產品放入自己的購物車，以備最后統

一結賬。用戶也可以修改購物的數量，或者將

產品從購物車中取出。選擇結算后系統自動

生成本系統的訂單。如圖所示為某購物

1-15

網站。

1-14 1-15

圖新聞發布管理系統圖購物網站

圖留言板頁面

1-13

11

Dreamweaver CS3動態網頁設計ASP篇

1.8

網站的測試與發布

在將網站的內容上傳到服務器之前，應先在本地站點進行完整的測試，以保證頁面外觀和效果、

鏈接和頁面下載時間等與設計相同。站點測試主要包括檢測站點在各種瀏覽器中的兼容性，檢測站

點中是否有斷掉的鏈接。可以使用不同類型和不同版本的瀏覽器預覽站點中的網頁，檢查可能存在

的問題。

1.8.1 網站的測試

在完成了對站點中頁面的制作后，就應該將其發布到Internet上供大家瀏覽和觀賞了。但是在

此之前，應該對所創建的站點進行測試，對站點中的文件逐一進行檢查，在本地計算機中調試網頁

以防止在網頁中包含錯誤，盡早發現問題并解決問題。

在測試站點過程中應該注意以下幾個方面。

? 在測試站點過程中，應確保在目標瀏覽器中，網頁能如預期的顯示和工作，沒有損壞的鏈接，

以及下載時間不宜過長等。

? 了解各種瀏覽器對Web頁面的支持程度，不同的瀏覽器觀看同一個Web頁面會有不同的效

果。很多制作的特殊效果在有些瀏覽器中可能看不到，為此需要進行瀏覽器兼容性檢測，以

找出不被其他瀏覽器支持的部分。

? 檢查鏈接的正確性，可以通過Dreamweaver提供的檢查鏈接功能來檢查文件或站點中的內

部鏈接及孤立文件。

1.8.2 域名和空間申請

域名是連接企業和互聯網網址的紐帶，它像品牌、商標一樣具有重要的識別作用，是企業在網

絡上存在的標志，擔負著標識站點和形象展示的雙重作用。

域名對于企業開展電子商務具有重要的作用，它被譽為網絡時代的“環球商標”，一個好的域名

會大大增加企業在互聯網上的知名度。因此，企業如何選取好的域名就顯得十分重要。

在選取域名的時候，首先要遵循兩個基本原則。

? 域名應該簡明易記，便于輸入。這是判斷域名好壞最重要的因素。一個好的域名應該短而順

口，便于記憶，最好讓人看一眼就能記住，而且讀起來發音清晰，不會導致拼寫錯誤。此外，

域名選取還要避免同音異義詞。

? 域名要有一定的內涵和意義。用有一定意義和內涵的詞或詞組作域名，不但容易記憶，而且

有助于實現企業的營銷目標。如企業的名稱、產品名稱、商標名、品牌名等都是不錯的選擇，

這樣能夠使企業的網絡營銷目標和非網絡營銷目標達成一致。

★ 提示 ★

選取域名時有以下常用的技巧：

? 用企業名稱的漢語拼音作為域名；

12

第

1

章

動態網站建設流程

? 用企業名稱相應的英文名作為域名；

? 用企業名稱的縮寫作為域名；

? 用漢語拼音的諧音形式給企業注冊域名；

? 以中英文結合的形式給企業注冊域名；

? 在企業名稱前后加上與網絡相關的前綴和后綴；

? 用與企業名不同但有相關性的詞或詞組作域名；

? 不要注冊其他公司擁有的獨特商標名和國際知名企業的商標名。

如果是一個較大的企業，可以建立自己的機房，配備技術人員、服務器、路由器、網絡管理軟

件等，再向郵電局申請專線，從而建立一個屬于自己的獨立的網站。但這樣做需要較大的投資，而

且日常費用也比較高。

如果是中小型企業，可以用以下兩種方法。

? 虛擬主機：將網站放在ISP的Web服務器上，這種方法對于一般中小型企業來說將是一個

經濟的方案。虛擬主機與真實主機在運作上毫無區別，特別適合那些信息量和數據量不大的

網站。

? 主機托管：如果企業的Web服務器有較大的信息和數據量，需要很大空間時，可以采用這

種方案。將已經制作好的服務器主機放在ISP網絡中心的機房里，借用ISP的網絡通信系統

接入Internet。

1.8.3 網站的上傳發布

網站的域名和空間申請完畢后，就可以上傳網站了，可以采用自帶的站點管理上

Dreamweaver

傳文件。

（）執行“站點”→“管理站點”命令，彈出如圖所示的“管理站點”對話框。

11-16

（）在對話框中單擊“編輯”按鈕，彈出“的站點定義為”對話框，在

2Dreamweaver CS3+ASP

對話框中切換到“高級”選項卡，在“分類”列表框中選擇“遠程信息”選項，如圖所示。

1-17

1-16 1-17

圖“管理站點”對話框圖“遠程信息”選項

（）在對話框的“訪問”下拉列表中選擇，打開遠程信息設置，“主機”、“登錄用戶

3FTPFTP

名”和“密碼”這項必須設置，其他的可以根據需要設置，如圖所示。

31-18

★ 知識要點 ★

13

Dreamweaver CS3動態網頁設計ASP篇

“遠程信息”選項中包含將文件傳送到遠程服務器所需要的全部信息，具體內容如下。

? FTP主機：將要放置文件的服務器的名

稱，如。

? 主機目錄：服務器上保存上傳網站文件

的目錄名。

? 登錄用戶名：登錄服務器時所需的用戶

名，如sunwzc。

? 密碼：登錄服務器時所需的密碼，如

s3d3n2。

? 使用Passive FTP：當用戶擁有防火墻時，

此復選框設置是否使用被動FTP連接本

地網站與遠程服務器，若無法確定是否

選擇此項，請與防火墻管理員聯系。

? 使用防火墻：如果用戶擁有的防火墻對

于上傳和下載文件要求額外的安全保

障，則需要選擇此項。要選擇這個復選

框，需要到Dreamweaver Preferences中，

在代理服務器上填寫附加 信息。

（）執行“窗口”→“文件”命令，打開“文

4

件”面板，在面板中單擊“擴展折疊”按鈕，如

/

圖所示，即可彈出站點管理器窗口，左側顯

1-19

示站點地圖或遠程服務器站點上的文件列表，右

側顯示本地站點文件列表。

（）將本地計算機連通，在站點管理

5Internet

器窗口中單擊“鏈接到遠端主機”按鈕，將

Dreamweaver

與遠程服務器連通，連通后，站點

管理器窗口左邊的“遠程站點”窗格中顯示遠程

服務器中的文件目錄，如圖所示。

1-20

圖與遠程服務器連通后的站點管理器窗口

1-20

圖“文件”面板

1-19

圖設置“遠程信息”

1-18

1.9

網站的推廣

互聯網的應用和繁榮為人們提供了廣闊的電子商務市場和商機，但是互聯網上大大小小的各種

14

第

1

章

動態網站建設流程

網站數以百萬計，如何讓更多的人都能迅速地訪問到您的網站是一個十分重要的問題。企業網站建

好以后，如果不進行推廣，那么企業的產品與服務在網上就仍然不為人所知，起不到建立站點的作

用，所以企業在建立網站后即應著手利用各種手段推廣自己的網站。網站的宣傳有很多種方式，下

面講述一些主要的方法。

1

．注冊到搜索引擎

經權威機構調查，全世界％以上的互聯網用戶采用搜索引擎來查找信息，而通過其他推廣形

85

式訪問網站的，占不到％。這就意味著當今互聯網上最為經濟、實用和高效的網站推廣形式就是

15

注冊到搜索引擎。目前比較有名的搜索引擎主要有：百度（）、雅虎

（）、搜狐（）、新浪（）、網易

（）、（）等。

3721

注冊時盡量詳盡地填寫企業網站中的信息，特別是關鍵詞，盡量寫的普遍化、大眾化，如“公

司資料”最好寫成“公司簡介”。

2

．交換廣告條

廣告交換是宣傳網站的一種較為有效的方法。登錄到廣告交換網，填寫一些主要的信息，如廣

告圖像、網站網址等，之后它會要求將一段代碼加入到用戶網站中。這樣廣告條就可以在其

HTML

他網站上出現。當然，用戶網站上也會出現別的網站的廣告條。

另外也可以跟一些合作伙伴或者朋友公司交換友情鏈接。當然合作伙伴網站最好是點擊率比較

高的。友情鏈接包括文字鏈接和圖像鏈接。文字鏈接一般就是公司的名字。圖像鏈接包括鏈

LOGO

接和鏈接。和的制作跟上面的廣告條一樣，也需要仔細考慮怎么樣去吸引客

BannerLOGOBanner

戶的單擊。如果允許的話，盡量使用圖像鏈接，將圖像作成（圖像

GIFGraphics Interchange Format,

交換格式），或者動畫，將公司的（企業形象識別）體現其中，讓客戶

FLASHCICorporate Identity,

印象深刻。

3

．專業論壇宣傳

Internet

上各種各樣的論壇都有，如果有時間，可以找一些跟公司產品相關并且訪問人數比較多

的一些論壇。注冊登錄并在論壇中輸入公司一些基本信息，如網址、產品等。

4

．直接跟客戶宣傳

一個稍具規模的公司一般都有業務部、市場部或者客戶服務部。可以通過業務員跟客戶打交道

的時候直接將公司網站的網址告訴客戶，或者直接給客戶發等。

E-mail

5

．不斷維護更新網站

網站的維護包括網站的更新和改版。更新主要是網站文本內容和一些小圖像的增加、刪除或修

改，總體版面的風格保持不變。網站的改版是對網站總體風格作調整，包括版面、配色等方面。改

版后的網站會讓客戶感覺，煥然一新。一般改版的周期要長些。

6

．網絡廣告

網絡廣告最常見的表現方式是圖像廣告，如各門戶站點主頁上部的橫幅廣告。

7

．公司印刷品

公司信箋、名片、禮品包裝都要印上網址名稱。讓客戶在記住公司名字或個人職位的同時，也

15

Dreamweaver CS3動態網頁設計ASP篇

看到并記住網址。

8

．報紙

報紙是使用傳統方式宣傳網址的最佳途徑。

1.10

網站的優化

網站優化也叫（），利用長期總結出的搜索引擎收錄和排名規則，

SEOSearch Engine Optimization

對網站進行程序、內容、版塊、布局等的調整，使網站更容易被搜索引擎收錄，在搜索引擎中相關

關鍵詞的排名中占據有利的位置。

下面介紹優化網站的主要步驟。

（）關鍵詞優化。

1

關鍵詞選擇錯了，后面做的工作等于零，所以進行網站優化前，先要鎖定自己網站的關鍵詞。

關鍵字、關鍵詞和關鍵短語是站點在搜索引擎結果頁面上排序所依據的詞。根據站點受眾的不

Web

同，可以選擇一個單詞、多個單詞的組合或整個短語。關鍵詞優化策略只需兩步，即可在關鍵詞策

略戰役中取得成功。第一步，關鍵詞選擇：判斷頁面提供了什么內容；第二步，判斷潛在受眾可能

使用哪些詞來搜索您的頁面，并根據這些詞創建關鍵詞。

（）網站構架完善。

2

優化網站的超鏈接構架，主要需要做好以下幾方面工作。

? URL（Uniform Resource Locator，統一資源定位符）優化：把網站的URL優化成權重較高

的URL。

? 相關鏈接：做好站內各類頁面之間的相關鏈接，此條非常重要，這方面做好，可以先利用網

站的內部鏈接，為重要的關鍵詞頁面建立眾多反向鏈接。

這里要特別強調一下，反向鏈接是網頁和網頁之間的，不是網站和網站之間的。所以網站內部

頁面之間相互的鏈接，也是相互的反向鏈接，對排名也是有幫助的。

（）網站內容策略。

3

? 豐富網站的內容：把網站內容豐富起來，這是非常重要的，網站內容越豐富，說明你的網站

越專業，用戶喜歡，搜索引擎也喜歡。

? 增加部分原創內容：因為采集系統促使制作垃圾站變成了生產垃圾站，所以完全沒有原創內

容的網站，盡管內容豐富，搜索引擎也不會很喜歡。所以，一個網站盡量要有一部分原創

內容。

（）網頁細節的優化和完善。

4

? title和meta標簽的優化：按照SEO的標準，把網站的所有title和meta標簽進行合理的優

化和完善，以達到合理的狀態。

切記：千萬不要盲目地在中堆積關鍵詞，這是大部分人經常犯的錯誤。一個真正得非

titleSEO

常合理的網站，是一個看不出有刻意優化痕跡的網站。

? 網頁排版的規劃化：主要是合理地使用H1、strong、alt等標簽，在網頁中合理地突出核心

關鍵詞。

16

第

1

章

動態網站建設流程

切記：千萬不要把網頁中所有的圖片都加上注釋，只需要將最重要的圖片加上合理的說明

alt

就可以了。

（）建立好的導航。

5

人們進入站點之后，需要用鏈接和好的導航將他們引導到站點的深處。如果一個頁面對搜索友

Web

好，但是它沒有到站點其他部分的鏈接，那么進入這個頁面的用戶就不容易在站點中走得更遠。

（）盡可能少使用和圖片。

6Flash

如果在站點的重要地方使用或圖片，會對搜索引擎產生不良影響。搜索引擎蜘蛛無法抓

Flash

取或圖片里的內容。

Flash

1.11

本章小結

本章主要講述了動態網站建設的基本流程，包括動態網頁與靜態網頁的區別、網站的前期規劃、

選擇網頁制作軟件、動態網站技術、開發動態網站功能模塊、網站的測試與發布以及網站的推廣等，

通過本章的學習，讀者可以根據自己的需要來選擇合適的網頁制作軟件，熟悉網站的前期規劃，了

解動態網站技術，了解如何開發動態網站功能模塊，掌握如何測試與發布以及推廣網站，了解網站

的優化等。

17