本地站點是相對于遠(yuǎn)程站點來說的，也就是說不用把網(wǎng)站內(nèi)容上傳到遠(yuǎn)程服務(wù)器中就可以瀏覽。通俗說本地站點就是在本地計算機中模擬建立站點，并能夠在本地或聯(lián)網(wǎng)的其他計算機中預(yù)覽個人建立的動態(tài)網(wǎng)站。

既然是動態(tài)站點，肯定都會包含ASP程序（帶有.asp擴展名的網(wǎng)頁），這些動態(tài)網(wǎng)頁僅在本地機上是無法直接預(yù)覽的，此時需要互聯(lián)網(wǎng)信息服務(wù)組件的支持。因此只有在本地機上安裝了IIS服務(wù)器組件（可參閱上節(jié)內(nèi)容），將本地機設(shè)置為一臺真正的動態(tài)網(wǎng)站服務(wù)器，你才能夠預(yù)覽動態(tài)網(wǎng)頁。

3.3.1  定義虛擬目錄

如果在本地機上安裝了IIS組件，系統(tǒng)會自動在系統(tǒng)盤根目錄下創(chuàng)建“\Inetpub\wwwroot”主目錄（針對Windows XP版本而言）。你可以把本地站點復(fù)制到wwwroot主目錄下，然后就可以在瀏覽器中預(yù)覽和測試站點了。網(wǎng)站主目錄是可以修改的，具體介紹可以參閱第3.2.3節(jié)內(nèi)容。

3.3.1.1  為什么要定義虛擬目錄

當(dāng)然，我們更建議你定義虛擬目錄，然后把本地站點復(fù)制到虛擬目錄中。所謂虛擬目錄，顧名思義就是網(wǎng)頁目錄不是真實存在的。例如，http://localhost/mysite//index.asp，你不能說index.asp文件就位于系統(tǒng)盤下的\Inetpub\wwwroot\mysite目錄中，也許這個文件就位于D:\site或E:\site\news目錄中，也可能是在其他計算機的目錄中，或者是網(wǎng)絡(luò)上的URL地址，如此等等，你可以在IIS中自由的設(shè)置。因此http://localhost/mysite//index.asp中的mysite就是一個虛擬目錄（或者說是一個虛擬目錄的別名），這個別名與真實的網(wǎng)站路徑存在一種映射關(guān)系，指定別名后服務(wù)器會自動指向真實的路徑。

定義虛擬目錄有幾個好處：

l         網(wǎng)站更安全。虛擬目錄的作用就是隱藏真實的路徑，這樣在URL地址中的路徑就不一定對應(yīng)服務(wù)器上真實的物理路徑，從而防止惡意者的入侵和破壞。

l         方便站點管理。動態(tài)網(wǎng)站中的所有內(nèi)容一般都可以存儲在主目錄中，但隨著網(wǎng)站內(nèi)容的不斷豐富，用戶需要把不同層次的內(nèi)容組織成網(wǎng)站主目錄下的子目錄。當(dāng)在本地主目錄中定義多個站點時，文件的管理將是件很麻煩的事情。利用虛擬目錄，將不同站點分散保存在多個目錄或計算機上，會方便站點的管理和維護。

l         可以挖掘更多的功能。創(chuàng)建虛擬目錄之后，系統(tǒng)會把站點視為獨立的應(yīng)用程序，這樣就可以使用Global.asa文件對站點進行管理，還可以利用FSO組件讀寫服務(wù)器上的資源。

3.3.1.2  定義虛擬目錄的方法

虛擬目錄需要在主目錄的基礎(chǔ)上進行創(chuàng)建，簡單說它就是主目錄的一個虛擬子目錄（在URL中而言）。定義虛擬目錄的方法如下：

 選擇【開始】|【控制面板】菜單命令，打開【控制面板】窗口，在【控制面板】窗口的左側(cè)單擊【切換到分類視圖】選項，在右側(cè)窗口中選擇【管理工具】圖標(biāo)。雙擊【管理工具】圖標(biāo)，進入【管理工具】窗口，然后在其中雙擊【Internet信息服務(wù)】圖標(biāo)，打開【Internet 信息服務(wù)】窗口（不同版本系統(tǒng)的稱呼可能略有不同）。

 在窗口左側(cè)依次展開【網(wǎng)站】|【默認(rèn)站點】目錄，右鍵單擊【默認(rèn)站點】名稱，在彈出的快捷菜單中選擇【新建】|【虛擬目錄】命令，如圖3-13所示。

圖  3-13

 在打開的【虛擬目錄創(chuàng)建向?qū)А繉υ捒蛑袉螕簟鞠乱徊健堪粹o，打開【虛擬目錄別名】對話框。然后在【別名】文本框中輸入一個虛擬目錄的名稱（如mysite、shop等），名稱最好與網(wǎng)站內(nèi)容相對應(yīng)，這里簡單輸入“mysite”（如圖3-14所示）。

 單擊【下一步】按鈕，打開【網(wǎng)站內(nèi)容目錄】對話框，在此處需要指定虛擬目錄所對應(yīng)的實際物理路徑。單擊【瀏覽】按鈕，可以在本地磁盤或網(wǎng)上鄰居中選擇目標(biāo)目錄，虛擬目錄與網(wǎng)站的主目錄可以不在一個分區(qū)或物理磁盤中，為了方便操作我們假設(shè)指定為【我的文檔】文件夾中的mysite子目錄中（如圖3-15所示）。

圖  3-14	圖   3-15

 單擊【下一步】按鈕，在打開的【虛擬目錄訪問權(quán)限】對話框中，可以設(shè)置虛擬目錄的用戶訪問權(quán)限。你可以根據(jù)實際需要設(shè)置合適的權(quán)限，一般保持默認(rèn)設(shè)置即可（如圖3-16所示）。

 單擊【下一步】按鈕，打開完成創(chuàng)建虛擬目錄對話框，單擊【完成】按鈕關(guān)閉虛擬目錄創(chuàng)建向?qū)?。通過上述設(shè)置，你就可以通過http://localhost/mysite//的形式訪問虛擬目錄中的內(nèi)容了。

此時在【Internet 信息服務(wù)】窗口的右側(cè)，你會看到【默認(rèn)站點】目錄下顯示剛定義的虛擬目錄（如圖3-17所示）。在右側(cè)視圖中可以查看該虛擬目錄對應(yīng)的真實物理路徑中網(wǎng)站內(nèi)容，由于現(xiàn)在剛剛定義一個虛擬站點，所以還沒有文件顯示。

圖  3-16	圖  3-17

3.3.2  定義本地站點

在Dreamweaver中創(chuàng)建動態(tài)網(wǎng)站，首要條件就是必須定義一個本地站點，以方便你對站點進行測試和預(yù)覽。當(dāng)然你也可以把網(wǎng)站內(nèi)容直接上傳到遠(yuǎn)程服務(wù)器上進行測試和預(yù)覽。最初創(chuàng)建網(wǎng)站時，由于經(jīng)常需要測試每一個文件，遠(yuǎn)程測試會比較麻煩，受制于帶寬的影響很大，不利于網(wǎng)站的快速開發(fā)，因此不推薦直接在遠(yuǎn)程服務(wù)器上建站和測試。

在Dreamweaver CS3中定義本地站點的具體步驟如下：

首先在本地建立一個虛擬目錄（方法可以參閱上節(jié)內(nèi)容），例如，定義虛擬目錄mysite，對應(yīng)物理路徑為C:\Documents and Settings\zhu\My Documents\mysite。本示例為了方便學(xué)習(xí)進行如此設(shè)置，一般應(yīng)該把本地目錄放在其他非系統(tǒng)盤中。

啟動Dreamweaver CS3。選擇【站點】|【新建站點】菜單命令，打開【站點定義為】對話框，并切換到【高級】選項卡（如圖3-18所示）?！境跫墶亢汀靖呒墶窟x項卡沒有本質(zhì)區(qū)別，【初級】選項卡以向?qū)У姆绞綆椭鯇W(xué)者快速建立動態(tài)站點，而【高級】選項卡可以更詳細(xì)、更直觀的定義動態(tài)網(wǎng)站的詳細(xì)參數(shù)。

3.3.2.1  設(shè)置本地信息

在【站點定義為】對話框左側(cè)的【分類】列表框中選擇【本地信息】選項，然后就可以在右側(cè)選項區(qū)域詳細(xì)設(shè)置本地目錄的相關(guān)信息（如圖3-18所示）。

圖  3-18

什么是本地目錄呢？本地目錄與本地站點不是一回事，動態(tài)站點一般都包含本地目錄和遠(yuǎn)程目錄，本地目錄是用戶在本地計算機中建立的目錄，用來存放站點內(nèi)容，在Dreamweaver中創(chuàng)建網(wǎng)站，你必須指定一個本地目錄，它是本地機中任意位置的一個文件夾。之所以一定要定義它，是為了告訴Dreamweaver網(wǎng)站文件存放位置，然后才能夠?qū)⑺械脑O(shè)置針對該地址進行設(shè)置。

而遠(yuǎn)程目錄就是在遠(yuǎn)程服務(wù)器上的目錄，實際上遠(yuǎn)程目錄都是由服務(wù)器自動設(shè)置，或者由服務(wù)器管理員手動配置，用戶是無法進行控制的。如果你在本地機上建立本地站點，就可以自由控制本地目錄和遠(yuǎn)程目錄，因為它們都處于本地機中。

區(qū)分本地目錄和遠(yuǎn)程目錄的好處是能夠方便站點的建立、上傳和維護。因為一般網(wǎng)站上傳和管理工具（如Dreamweaver、CuteFTP等）都可以自動把本地目錄和遠(yuǎn)程目錄聯(lián)系在一起。當(dāng)用戶在本地目錄中建立完畢網(wǎng)站內(nèi)容之后，網(wǎng)站上傳和管理工具會自動把本地目錄中的內(nèi)容上傳到遠(yuǎn)程服務(wù)器中，當(dāng)你隨時修改本地目錄中的網(wǎng)站內(nèi)容，網(wǎng)站管理工具也會自動修改遠(yuǎn)程目錄中對應(yīng)文件的內(nèi)容，以實現(xiàn)本地和遠(yuǎn)程目錄內(nèi)容的同步。

在【本地信息】選項中，你可以設(shè)置如下本地站點相關(guān)屬性：

l         站點名稱：這個名稱僅作為在Dreamweaver環(huán)境中進行標(biāo)識作用，因此你可以自由設(shè)置，不會對站點內(nèi)容有任何影響。

l         本地根文件夾：也就是本地目錄。上面已經(jīng)說得很多了，這里就不再重復(fù)。

l         默認(rèn)圖像的文件夾：為站點設(shè)置一個默認(rèn)的文件夾，該文件夾專門用來存放圖像，如images。實際上這個選項沒有任何意思，也不提倡設(shè)置。你可以想象一下，當(dāng)網(wǎng)站很大時，所有圖像都存放在同一個文件夾中會多麻煩（如鏈接、管理、瀏覽和查找都很麻煩）。

l         鏈接相對于：這是一個很重要的選項，它將會影響整個站點的超鏈接。如果勾選【文檔】復(fù)選框，則Dreamweaver會自動設(shè)置網(wǎng)站內(nèi)所有鏈接為相對路徑的形式，如果勾選【站點根目錄】復(fù)選框，Dreamweaver會自動設(shè)置網(wǎng)站內(nèi)所有鏈接為絕對路徑的形式。

例如，在如圖3-19所示的站點結(jié)構(gòu)中，準(zhǔn)備在news/index.asp文件中插入news/images文件夾中的圖像。如果勾選【文檔】復(fù)選框，則Dreamweaver會自動設(shè)置為<img src="images/1.gif" />；如果勾選【站點根目錄】復(fù)選框，則Dreamweaver會自動設(shè)置為<img src="/news/images/1.gif" />。其中“/”表示站點根目錄。

圖  3-19

使用絕對路徑設(shè)置所有鏈接，缺乏靈活性，一般不建議使用，因為如果移動文件或文件夾，其包含的所有鏈接都將失效，而使用相對路徑就不會出現(xiàn)這種情況，只要保持文件和超鏈接的相對關(guān)系，不管怎么移動文件或文件夾都不會影響鏈接。Dreamweaver默認(rèn)選中【文檔】復(fù)選框。

l         HTTP地址：也就是站點的URL地址。該選項必須準(zhǔn)確設(shè)置，Dreamweaver將使用這個地址    確保根目錄被上傳到遠(yuǎn)程服務(wù)器上是有效的，因為遠(yuǎn)程服務(wù)器可能有不同的站點根目錄。在      以前版本的發(fā)布中，Dreamweaver有時不能正確追加遠(yuǎn)程根目錄文件夾，從而導(dǎo)致頁面運行時失敗。

例如，本地目錄為D:\mysite\，本地虛擬目錄為mysite，在本地站點中根目錄就是mysite；如果網(wǎng)站本地測試成功之后，你準(zhǔn)備使用Dreamweaver把站點上傳到http://www.mysite.com/news/目錄中，此時遠(yuǎn)程目錄中的根目錄就為news了，如果此時你在【HTTP地址】中輸入“http://www.mysite.com/news/”，則Dreamweaver會自動把本地根目錄mysite轉(zhuǎn)換為遠(yuǎn)程根目錄news。

l         區(qū)分大小寫的鏈接：這個選項對于Dreamweaver檢查站點鏈接時有效。當(dāng)勾選該選項，Dreamweaver會認(rèn)為大小寫鏈接是不同的路徑，一般可以忽略該選項。

l         緩存：使用緩存可以加速【資源】面板、鏈接管理和站點地圖的運行速度，因為Dreamweaver會自動在緩存中保存這些站點資源和文件信息。如果你的計算機配置比較低，或者站點比較大時，可以關(guān)閉緩存，因為這將占用過多的系統(tǒng)資源，影響其他程序的運行。

3.3.2.2  設(shè)置遠(yuǎn)程信息

創(chuàng)建站點的目的是要發(fā)布，無論是個人主頁還是公司網(wǎng)站，所有文件都需要上傳到遠(yuǎn)程服務(wù)器       上才能提供給訪問者。在Dreamweaver中內(nèi)置了FTP工具，你無須切換到其他文件上傳軟件中就可以        連接到遠(yuǎn)程的網(wǎng)站主機上，進行上傳、更新和維護工作。因此設(shè)置完本地信息之后，還需要設(shè)置遠(yuǎn)程       信息。

在【站點定義為】對話框左側(cè)的【分類】列表中選擇【遠(yuǎn)程信息】項，然后在右側(cè)來設(shè)置遠(yuǎn)程目錄的相關(guān)信息（如圖3-20所示）。

圖  3-20

遠(yuǎn)程目錄所包含的內(nèi)容是比較復(fù)雜的，根據(jù)訪問方式的不同，或者說根據(jù)服務(wù)器類型的不同，可以有多種設(shè)置。如果僅定義本地站點，則只需要在【訪問】下拉列表框中選擇“本地/網(wǎng)絡(luò)”項。該選項適合在本地計算機或本地局域網(wǎng)中定義服務(wù)器。

如果你的遠(yuǎn)程目錄處于互聯(lián)網(wǎng)上的遠(yuǎn)端服務(wù)器上，則應(yīng)該選擇“FTP”選項，然后設(shè)置FTP服務(wù)器的參數(shù)設(shè)置（詳細(xì)講解可以參閱第3.4節(jié)內(nèi)容）。至于其他幾個選項分別適用于各種特殊的服務(wù)器類型，由于用戶數(shù)比較少，本書就不再涉及。

當(dāng)選擇“本地/網(wǎng)絡(luò)”訪問方式，則表示定義本地站點。就可以在【遠(yuǎn)端文件夾】文本框中設(shè)置遠(yuǎn)程目錄。該目錄應(yīng)該與第3.3.1節(jié)定義的虛擬目錄對應(yīng)的本地物理路徑保持一致。如果沒有定義虛擬目錄，則應(yīng)該設(shè)置為系統(tǒng)盤下的\Inetpub\wwwroot目錄下的站點文件夾。

下面三個復(fù)選框都是針對遠(yuǎn)程目錄的操作來設(shè)置的。

l         勾選【維護同步信息】復(fù)選框，則Dreamweaver會自動檢測本地目錄和遠(yuǎn)程目錄中信息是否同步。所謂同步，就是文件的最后修改時間是否為相同，或者是否都存在相同的文件夾和文件，如果不同步，則Dreamweaver會自動用本地目錄或遠(yuǎn)程目錄中最新的文件覆蓋遠(yuǎn)程目錄或本地目錄中沒有改動的文件。建議選中該選項。

l         保存時自動將文件上傳到服務(wù)器：該選項能夠保證Dreamweaver在本地目錄中保存文件時，會自動把保存的文件上傳到遠(yuǎn)程目錄中。

l         啟用存回和取出：存回和取出機制是Dreamweaver為了適應(yīng)團隊開發(fā)中多人共用同一個遠(yuǎn)程目錄，這樣就會存在多人同時操作一個文件的沖突。為了避免這種可能存在的沖突，Dreamweaver增加了這個機制。當(dāng)勾選并設(shè)置相關(guān)信息之后，當(dāng)用戶操作遠(yuǎn)程文件時，Dreamweaver會自動把該文件鎖住，這時該文件處于取出狀態(tài)，其他團隊成員就無法操作該文件，但是他們能夠從【站點管理器】中看到現(xiàn)在是誰在操作該文件，并通過指定的郵箱與該用戶進行通信。當(dāng)用戶操作完畢，可以在【站點管理器】中把該文件存回，以便其他成員能夠操作該文件（更詳細(xì)講解可以參閱第4.6節(jié)內(nèi)容）。

3.3.2.3  設(shè)置測試服務(wù)器信息

測試服務(wù)器顧名思義就是模擬服務(wù)器來測試站點。能不能直接在遠(yuǎn)程站點中進行測試呢？答案是肯定的，但是考慮到遠(yuǎn)程站點是對外開放的，任何人都可以訪問遠(yuǎn)程站點，因此直接在遠(yuǎn)程站點中進行測試不利于站點的安全和隱私保護。Dreamweaver需要測試服務(wù)器的服務(wù)以便在創(chuàng)建站點時能夠生成和顯示動態(tài)內(nèi)容。測試服務(wù)器可以是本地計算機、開發(fā)服務(wù)器、中間服務(wù)器或生產(chǎn)服務(wù)器。

在【站點定義為】對話框左側(cè)的【分類】列表中選擇【測試服務(wù)器】項，然后在右側(cè)設(shè)置測試服務(wù)器的相關(guān)信息（如圖3-21所示）。

圖  3-21

在設(shè)置測試服務(wù)器文件夾之前，你應(yīng)該定義本地目錄和遠(yuǎn)程目錄。同時還可以將遠(yuǎn)程目錄設(shè)置為測試服務(wù)器，因為在遠(yuǎn)程目錄中上傳的動態(tài)網(wǎng)頁通常是由應(yīng)用程序服務(wù)器處理的。

首先，應(yīng)在【服務(wù)器模型】下拉列表中選擇要用于Web應(yīng)用程序的服務(wù)器技術(shù)。針對ASP服務(wù)器來說，只有兩個選擇：ASP JavaScript和ASP VBScript。它們所用的腳本語言是不同的，你可以根據(jù)自己習(xí)慣的腳本語言來進行選擇。本書將以VBScript作為所有應(yīng)用程序的腳本語言，該語言也是ASP默認(rèn)的腳本語言。然后設(shè)置下面幾個選項。

l         訪問：訪問方式可以保持與在【遠(yuǎn)程信息】類別中的設(shè)置。當(dāng)我們選擇服務(wù)器技術(shù)類型之后，Dreamweaver會自動根據(jù)遠(yuǎn)程目錄信息進行設(shè)置，一般都保持與遠(yuǎn)程信息的一致。

l         測試服務(wù)器文件：測試服務(wù)器的文件夾，可以保持與遠(yuǎn)程目錄的一致性。筆者建議，在學(xué)習(xí)階段不妨把本地目錄、遠(yuǎn)程目錄和測試服務(wù)器文件都設(shè)置為同一個文件夾，這有利于操作，避免在多個目錄中進行切換，雖然Dreamweaver能夠幫助我們自動完成文件上傳工作，但是有時還是很麻煩的。

l         URL前綴：設(shè)置在瀏覽器中訪問站點時需要輸入的URL，但不包括任何文件名。URL前綴由域名和站點主目錄的任何一個子目錄或虛擬目錄（而不是文件名）組成。例如，如果站點URL是http://localhost/mysite/index.asp，則應(yīng)輸入以下URL前綴：http://localhost/mysite/。其中l(wèi)ocalhost表示本地域名的占位符。如果是遠(yuǎn)程服務(wù)器上就應(yīng)該輸入完整、真實的域名，如http://www.mysite.com/。

3.3.3  測試本地站點

在【站點定義為】對話框中設(shè)置本地信息、遠(yuǎn)程信息和測試服務(wù)器的相關(guān)內(nèi)容之后，本地站點也就定義完畢，單擊【確定】按鈕確認(rèn)所有設(shè)置，下面的工作就是網(wǎng)站內(nèi)容的開發(fā)、測試、維護和管理等工作了。

選擇【窗口】|【文件】菜單選項，打開【文件】面板。在面板中單擊右鍵，從彈出的快捷菜單中選擇【新建文件】選項，即可在當(dāng)前站點的根目錄下新建一個untitled.asp，把它重命名為index.asp。

然后雙擊打開該文件，切換到【代碼】視圖，輸入下面一行代碼，該代碼表示輸出顯示一行字符串。

<%="<h2>Hello world!</h2>"%>

按F12鍵預(yù)覽文件，則Dreamweaver CS3提示是否要保存并上傳文件。選擇【是】按鈕，如果遠(yuǎn)程目錄中已存在該文件，則Dreamweaver CS3還會提示是否覆蓋該文件，一般可以選擇【全部都是】按鈕，如圖3-22所示。

圖  3-22

這時Dreamweaver CS3將打開默認(rèn)的瀏覽器（如IE）顯示預(yù)覽效果，如圖3-23所示。實際上在瀏覽器地址欄中直接輸入http://localhost/mysite/index.asp或http://localhost/mysite，按Enter鍵確認(rèn)，這時在瀏覽器窗口中也會打開該頁面。這時說明你的本地站點測試成功。

圖  3-23

3.3.4  設(shè)置本地站點屬性

默認(rèn)情況下，本地站點的屬性將繼承IIS的網(wǎng)站屬性設(shè)置。不過你也可以單獨設(shè)置本地站點的屬性。在【Internet 信息服務(wù)】窗口中展開【默認(rèn)站點】目錄，在其中右鍵單擊已經(jīng)定義的本地站點虛擬目錄（如mysite），將打開【屬性】對話框（如圖3­-24所示）。

在【虛擬目錄】選項卡中可以設(shè)置遠(yuǎn)程目錄對應(yīng)的源，它包括本地計算機、另一臺計算機共享或者通過URL來定位。默認(rèn)為本地計算機，然后需要在【本地路徑】文本框中指定虛擬目錄對應(yīng)的本地計算機的具體地址。同時還可以設(shè)置站點的訪問權(quán)限。

【應(yīng)用程序設(shè)置】區(qū)域可以定義本地站點的程序名稱、應(yīng)用程序的訪問路徑和有關(guān)程序的權(quán)限和保護級別。其中默認(rèn)網(wǎng)站是指主目錄對應(yīng)的訪問位置，默認(rèn)為localhost。

單擊【配置】按鈕，可以打開【應(yīng)用程序配置】對話框（如圖3-25所示），從中設(shè)置應(yīng)用程序的基本屬性，例如，會話時間、腳本執(zhí)行時間、腳本語言、是否啟動緩沖。這些應(yīng)用程序?qū)傩詫⒃诤竺嬲鹿?jié)中陸續(xù)介紹。

圖  3-24	圖  3-25

其他選項卡的設(shè)置與IIS網(wǎng)站屬性的設(shè)置基本相同，這里也就不再詳細(xì)說明。

• Dreamweaver