在 Dreamweaver 中建立站點,是進(jìn)行網(wǎng)站開發(fā)的第二個關(guān)鍵步驟。這里所講的建立站點,其實就是在 Dreamweaver 中定義站點、策劃站點結(jié)構(gòu)、部署開發(fā)環(huán)境。定義站點是為了更好地利用【文件】面板對站點文件進(jìn)行管理,也是為減少一些錯誤的出現(xiàn),如路徑出錯,鏈接出錯等等。許多初學(xué)者開始做網(wǎng)頁時,就只知道做單一網(wǎng)頁,對文件的條理性、結(jié)構(gòu)性不加以管理,沒有對文件進(jìn)行分類管理,使整個站點結(jié)構(gòu)顯得很亂;所以在開發(fā)之前應(yīng)該認(rèn)真策劃好站點結(jié)構(gòu)。由于本書后面講解的是 ASP.NET 網(wǎng)絡(luò)應(yīng)用程序的開發(fā),所以其開發(fā)之前,應(yīng)該部署好 Dreamweaver 有關(guān)開發(fā)運(yùn)行組件。
效果說明
圖 2-1 所示是用 Dreamweaver 建立的站點“ Dreamweaver100 ”,該站點是第 75 例至第 90 例中玩具公司構(gòu)建網(wǎng)站的站點。本例就是介紹這個站點的建立方法。
創(chuàng)作思想
步驟一 定義站點
( 1 )開始新建站點。啟動 Dreamweaver MX 2004 ,切換到【文件】面板,單擊【管理站點】,然后在彈出的【管理站點】對話框中單擊【新建】按鈕,如圖 2-2 所示。
( 2 )設(shè)置站點屬性參數(shù)。在彈出的【 Dreamweaver 100 的站點定義為】對話框的“編輯文件”、“編輯文件,第 2 部分”、“編輯文件,第 3 部分”中定義站點,如圖 2-3 所示。
提示:本實例是切換到【基本】選項卡中設(shè)置站點,建議初學(xué)者先以此方式建立站點,再通過【高級】選項卡對站點進(jìn)行更詳細(xì)的設(shè)置。
圖 2-3 中的步驟 4 如果選擇的是【否,我不想使用服務(wù)器技術(shù)】,則站點為靜態(tài)網(wǎng)站,此時將直接執(zhí)行步驟 6 。靜態(tài)網(wǎng)站與動態(tài)網(wǎng)站的區(qū)別不是指網(wǎng)站有沒有 GIF 、 FLASH 動畫,而是指有沒有互動性。“互動性”是指網(wǎng)站根據(jù)用戶的要求和選擇能夠動態(tài)作出改變及響應(yīng),能夠自動更新網(wǎng)站,自動生成批量頁面,能夠根據(jù)用戶的條件(時間、瀏覽器類型、用戶在站點的使用權(quán)限等),自動生成不同頁面。
圖 2-3 中的步驟 5 主要是根據(jù)自身熟悉的服務(wù)器技術(shù)進(jìn)行選擇。如果讀者熟悉 ASP 服務(wù)器技術(shù),則可選擇【 ASP JavaScript 】、【 ASP VBScript 】這兩種腳本中的一種,如果熟悉 ASP.NET ,則應(yīng)選擇【 ASP.NET C# 】、【 ASP.NET VB 】或【 ASP.NET Jscript 】。
圖 2-3 中的步驟 7 如果選擇的是【在本地進(jìn)行編輯,然后上傳到遠(yuǎn)程測試服務(wù)器】,那么在執(zhí)行完步驟 9 之后,將會進(jìn)入到【測試文件】中進(jìn)行遠(yuǎn)程服務(wù)器的有關(guān)設(shè)置;如果選擇的是【使用本地網(wǎng)絡(luò)直接在遠(yuǎn)程測試服務(wù)器上進(jìn)行編輯】,那么在第 8 步操作中就應(yīng)輸入該服務(wù)器的地址,鑒于安全性,建議初學(xué)者不要使用這種方式編輯網(wǎng)站。
圖 2-3 中的步驟 8 輸入的是網(wǎng)站在本地網(wǎng)絡(luò)中的物理存儲位置,其設(shè)置一般與 IIS 服務(wù)器默認(rèn)站點主目錄的物理存儲位置一致。
( 3 )接著測試站點及完成站點定義,如圖 2-4 所示。
提示:圖 2-4 中所示的第 1 步操作輸入“ http://localhost/ ”來代替在圖 2-3 中第 8 步操作所設(shè)置的物理路徑,現(xiàn)在打開 IE 就可以訪問 http://localhost 站點下的所有 ASP.NET 網(wǎng)頁了。
前面已說過,要認(rèn)真規(guī)劃好結(jié)構(gòu),對站點的文件進(jìn)行分類管理,把不同類的文件分別放在不同的目錄下面。本實例的站點結(jié)構(gòu)規(guī)劃如下:站點目錄規(guī)劃用于存放所有網(wǎng)頁文件,文件夾“ bin ”用于部署 DreamweaverCtrls.dll 控件,文件夾“ dat ”用于存放數(shù)據(jù)庫,文件夾“ images ”用于存放與站點有關(guān)的圖片文件。具體操作如下:
在文件面板中為站點“ Dreamweaver100 ”建立新文件夾“ bin ”、“ images ”、“ dat ”,如圖 2-5 所示。
( 1 )選擇【文件】|【新建】菜單命令,在彈出的【新建文檔】對話框中創(chuàng)建動態(tài)頁為【 ASP.NET VB 】,如圖 2-6 所示。
提示:由于本書主要講解 ASP.NET 網(wǎng)絡(luò)應(yīng)用程序的開發(fā),所以是要通過新建 ASP.NET 動態(tài)頁進(jìn)行開發(fā)的。而且如果不通過新建空白的 ASP.NET 動態(tài)頁,是不能進(jìn)行下一步驟的。
( 2 )設(shè)置部署目錄。切換到【應(yīng)用程序】面板,選擇【綁定】選項卡,單擊【部署】按鈕,在彈出的【將支持文件部署到測試服務(wù)器】對話框中將部署目錄設(shè)置為“ C:\Inetpub\wwwroot\bin\ ”,如圖 2-7 所示。
提示:這里的綁定其實就是綁定 DreamweaverCtrls.dll 文件, DreamweaverCtrls.dll 文件是 Dreamweaver 下 asp.net 服務(wù)器行為運(yùn)行的必要組件。 DreamweaverCtrls.dll 文件名稱及其所在目錄 bin 名稱不能更改,并且 bin 文件夾必須保存在站點的根目錄下。
本書第 75 例至第 90 例將以該站點進(jìn)行網(wǎng)絡(luò)應(yīng)用程序開發(fā)。
( 3 )如果在“ c:\Intepub\wwwroot ”文件夾下找不到“ aspnet_client ”文件,請將“光碟 \ 源文件 \ 實例 2\aspnet_client ”文件夾復(fù)制到“ c:\Intepub\wwwroot ”文件夾下。
提示:“ aspnet_client ”文件在安裝 .NET 框架時,默認(rèn)情況下安裝到“ c:\Intepub\wwwroot ”文件夾下(系統(tǒng)盤為 C 盤時)。
構(gòu)建好了開發(fā)環(huán)境,在 Dreamweaver 中建立好站點之后,可以說是網(wǎng)絡(luò)應(yīng)用程序的加工廠的構(gòu)建完畢,可以加工各種產(chǎn)品——網(wǎng)頁、網(wǎng)絡(luò)應(yīng)用程序等等