DIV CSS 佈局教程網

　　在 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 中建立好站點之後，可以說是網絡應用程序的加工廠的構建完畢，可以加工各種產品——網頁、網絡應用程序等等。