在 Dreamweaver 中建立網站,是進行網站開發的第二個關鍵步驟。這裡所講的建立網站,其實就是在 Dreamweaver 中定義網站、策劃網站結構、部署開發環境。定義網站是為了更好地利用【檔案】面板對網站檔案進行管理,也是為減少一些錯誤的出現,如路徑出錯,連結出錯等等。許多初學者開始做網頁時,就只知道做單一網頁,對檔案的條理性、結構性不加以管理,沒有對檔案進行分類管理,使整個網站結構顯得很亂;所以在開發之前應該認真策劃好網站結構。由於本書後面講解的是 ASP.NET 網路應用程式的開發,所以其開發之前,應該部署好 Dreamweaver 有關開發運行組件。
效果說明
圖 2-1 所示是用 Dreamweaver 建立的網站“ Dreamweaver100 ”,該網站是第 75 例至第 90 例中玩具公司構建網站的網站。本例就是介紹這個網站的建立方法。
創作思想
開啟 Dreamweaver MX 2004 軟體,執行【網站】 | 【網站管理】命令,在彈出的【網站管理】對話方塊中選擇【建立】,按建立網站的步驟逐步進行設定,最後儲存完成製作。
操作步驟
步驟一 定義網站
( 1 )開始建立網站。啟動 Dreamweaver MX 2004 ,切換到【檔案】面板,單擊【管理網站】,然後在彈出的【管理網站】對話方塊中單擊【建立】按鈕,如圖 2-2 所示。
( 2 )佈建網站屬性參數。在彈出的【 Dreamweaver 100 的網站定義為】對話方塊的“編輯檔案”、“編輯檔案,第 2 部分”、“編輯檔案,第 3 部分”中定義網站,如圖 2-3 所示。
提示:本執行個體是切換到【基本】選項卡中佈建網站,建議初學者先以此方式建立網站,再通過【進階】選項卡對網站進行更詳細的設定。
圖 2-3 中的步驟 4 如果選擇的是【否,我不想使用伺服器技術】,則網站為靜態網站,此時將直接執行步驟 6 。靜態網站與動態網站的區別不是指網站有沒有 GIF 、 Flash 動畫,而是指有沒有互動性。“互動性”是指網站根據使用者的要求和選擇能夠動態作出改變及響應,能夠自動更新網站,自動產生批量頁面,能夠根據使用者的條件(時間、瀏覽器類型、使用者在網站的使用許可權等),自動產生不同頁面。
圖 2-3 中的步驟 5 主要是根據自身熟悉的伺服器技術進行選擇。如果讀者熟悉 ASP 伺服器技術,則可選擇【 ASP JavaScript 】、【 ASP VBScript 】這兩種指令碼中的一種,如果熟悉 ASP.NET ,則應選擇【 ASP.NET C# 】、【 ASP.NET VB 】或【 ASP.NET Jscript 】。
圖 2-3 中的步驟 7 如果選擇的是【在本地進行編輯,然後上傳到遠程測試伺服器】,那麼在執行完步驟 9 之後,將會進入到【測試檔案】中進行遠程伺服器的有關設定;如果選擇的是【使用本網直接在遠程測試伺服器上進行編輯】,那麼在第 8 步操作中就應輸入該伺服器的地址,鑒於安全性,建議初學者不要使用這種方式編輯網站。
圖 2-3 中的步驟 8 輸入的是網站在本網中的實體儲存體位置,其設定一般與 IIS 伺服器預設網站主目錄的實體儲存體位置一致。
( 3 )接著測試網站及完成網站定義,如圖 2-4 所示。
提示:圖 2-4 中所示的第 1 步操作輸入“ http://localhost/ ”來代替在圖 2-3 中第 8 步操作所設定的實體路徑,現在開啟 IE 就可以訪問 http://localhost 網站下的所有 ASP.NET 網頁了。
圖 2-4 中的步驟 5 是關於編輯完每一個網頁後是否將其傳到遠程伺服器上的設定,如果選擇【是的,我要使用遠程伺服器】,則執行完步驟 7 之後,將會進入到【測試檔案】中進行遠程伺服器的相關設定。
步驟二 規劃網站結構
前面已說過,要認真規劃好結構,對網站的檔案進行分類管理,把不同類的檔案分別放在不同的目錄下面。本執行個體的網站結構規劃如下:網站目錄規劃用於存放所有網頁檔案,檔案夾“ bin ”用於部署DreamweaverCtrls.dll 控制項,檔案夾“ dat ”用於存放資料庫,檔案夾“ images ”用於存放與網站有關的圖片檔案。具體操作如下:
在檔案面板中為網站“ Dreamweaver100 ”建立新檔案夾“ bin ”、“ images ”、“ dat ”,如圖 2-5 所示。
提示:不是每個建立網站都必須包括這三個檔案夾。但檔案夾“ bin ”一般是用於存放網站啟動並執行必要組件,檔案夾“ images ”一般是用於存放與網站有關的圖片檔案。讀者在網站規劃時,可以規劃更細一點,如網站的映像放在一個檔案中,產品映像放在另一個檔案中等等。但要注意的是,如果規劃要存放網站啟動並執行必要組件的檔案夾名稱,要與步驟三中的步驟( 2 )所使用的檔案夾相對應。
步驟三 部署網站組件
( 1 )選擇【檔案】|【建立】功能表命令,在彈出的【建立文檔】對話方塊中建立動態網頁為【 ASP.NET VB 】,如圖 2-6 所示。
提示:由於本書主要講解 ASP.NET 網路應用程式的開發,所以是要通過建立 ASP.NET 動態網頁進行開發的。而且如果不通過建立空白的 ASP.NET 動態網頁,是不能進行下一步驟的。
( 2 )設定部署目錄。切換到【應用程式】面板,選擇【綁定】選項卡,單擊【部署】按鈕,在彈出的【將支援檔案部署到測試伺服器】對話方塊中將部署目錄設定為“ C:Inetpubwwwrootbin ”,如圖 2-7 所示。
提示:這裡的綁定其實就是綁定 DreamweaverCtrls.DLL 檔案, DreamweaverCtrls.DLL 檔案是 Dreamweaver 下 asp.net 伺服器行為啟動並執行必要組件。 DreamweaverCtrls.DLL 檔案名稱及其所在目錄 bin 名稱不能更改,並且 bin 檔案夾必須儲存在網站的根目錄下。
本書第 75 例至第 90 例將以該網站進行網路應用程式開發。
( 3 )如果在“ c:Intepubwwwroot ”檔案夾下找不到“ aspnet_client ”檔案,請將“光碟 源檔案 執行個體 2aspnet_client ”檔案夾複製到“ c:Intepubwwwroot ”檔案夾下。
提示:“ aspnet_client ”檔案在安裝 .NET 架構時,預設情況下安裝到“ c:Intepubwwwroot ”檔案夾下(系統硬碟為 C 盤時)。
構建好了開發環境,在 Dreamweaver 中建立好網站之後,可以說是網路應用程式的加工廠的構建完畢,可以加工各種產品——網頁、網路應用程式等等。