萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> dreamweaver教程 >> 如何用Dreamweaver快速建立站點

如何用Dreamweaver快速建立站點

  在 Dreamweaver 中建立站點,是進行網站開發的第二個關鍵步驟。這裡所講的建立站點,其實就是在 Dreamweaver 中定義站點、策劃站點結構、部署開發環境。定義站點是為了更好地利用【文件】面板對站點文件進行管理,也是為減少一些錯誤的出現,如路徑出錯,鏈接出錯等等。許多初學者開始做網頁時,就只知道做單一網頁,對文件的條理性、結構性不加以管理,沒有對文件進行分類管理,使整個站點結構顯得很亂;所以在開發之前應該認真策劃好站點結構。由於本書後面講解的是 ASP.NET 網絡應用程序的開發,所以其開發之前,應該部署好 Dreamweaver 有關開發運行組件。

  效果說明

  圖 2-1 所示是用 Dreamweaver 建立的站點“ Dreamweaver100 ”,該站點是第 75 例至第 90 例中玩具公司構建網站的站點。本例就是介紹這個站點的建立方法。

如何用Dreamweaver快速建立站點 三聯

  創作思想

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

  在 Dreamweaver 中建立站點,是進行網站開發的第二個關鍵步驟。這裡所講的建立站點,其實就是在 Dreamweaver 中定義站點、策劃站點結構、部署開發環境。定義站點是為了更好地利用【文件】面板對站點文件進行管理,也是為減少一些錯誤的出現,如路徑出錯,鏈接出錯等等。許多初學者開始做網頁時,就只知道做單一網頁,對文件的條理性、結構性不加以管理,沒有對文件進行分類管理,使整個站點結構顯得很亂;所以在開發之前應該認真策劃好站點結構。由於本書後面講解的是 ASP.NET 網絡應用程序的開發,所以其開發之前,應該部署好 Dreamweaver 有關開發運行組件。

  效果說明

  圖 2-1 所示是用 Dreamweaver 建立的站點“ Dreamweaver100 ”,該站點是第 75 例至第 90 例中玩具公司構建網站的站點。本例就是介紹這個站點的建立方法。

  創作思想

  打開 Dreamweaver MX 2004 軟件,執行【站點】 | 【站點管理】命令,在彈出的【站點管理】對話框中選擇【新建】,按新建站點的步驟逐步進行設置,最後保存完成制作

  

copyright © 萬盛學電腦網 all rights reserved