如何在Dreamweaver中快速定義網站?

來源:互聯網
上載者:User

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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.