經(jīng)過上一課的學習，我們對Dreamweaver MX的工作環(huán)境以及如何創(chuàng)建一個站點和編輯頁面文檔有了一個初步的認識。從這次課開始我們要系統(tǒng)的來學習如何創(chuàng)建一個留言板站點。通過這個留言板站點的建立，我們要討論在Dreamweaver MX中經(jīng)常用到的一些工具和命令。
一、創(chuàng)建留言板動態(tài)站點
上一次課我們建立了一個靜態(tài)的站點，這一課我們首先建立一個包含服務(wù)器端腳本（ASP）的動態(tài)站點。以下是創(chuàng)建步驟：
1、執(zhí)行“站點/新建站點”命令，得到建站向?qū)?，在?步中，給你的站點起個名字。比如是：liuyanban。
2、單擊下一步，在下一個步驟畫面中進行服務(wù)器腳本技術(shù)的有關(guān)設(shè)置，如圖1所示。
圖1 建站向?qū)А?wù)器腳本技術(shù)設(shè)置
3、單擊下一步，進入到建站向?qū)У南乱粋€畫面，這個步驟是關(guān)于站點的URL的內(nèi)容，如圖2所示。
圖2 建站向?qū)А军cURL
4、以下步驟按照建站向?qū)У哪J設(shè)置。最后單擊完成按鈕即可。
二、在站點中創(chuàng)建資源文件夾
▲在創(chuàng)建了本地站點之后，如果您已為該站點創(chuàng)建了資源（圖像、Flash動畫或其他內(nèi)容片斷），則將這些資源放置在本地站點根文件夾內(nèi)的一個文件夾中。那么當您要向頁中添加內(nèi)容時，這些資源將隨時可用。
現(xiàn)在我們就在留言板站點根文件夾中創(chuàng)建新文件夾，并把相應(yīng)的資源文件復(fù)制到資源文件夾中。
1、假設(shè)我們的留言板站點的根文件夾路徑為：c:\Inetpub\wwwroot\liuyanban\。
2、打開站點面板，展示留言板站點的本地視圖，右鍵單擊留言板站點，在彈出的快捷菜單中執(zhí)行“新建文件夾”命令。如圖3所示。
按照這種方法，先創(chuàng)建兩個文件夾：images（用來放圖像文件）和swf（用來放Flash動畫）。
圖3 在站點視圖創(chuàng)建新文件夾
▲請下載以下資源，并把它們放在相應(yīng)的文件夾中。在站點面板中可以象資源管理器一樣管理文件和文件夾。
●留言板系統(tǒng)用戶頭像圖像(10個圖像文件)。放在images文件夾中。下載（rar文件）
●留言板系統(tǒng)導(dǎo)航條圖像。放在images文件夾中。下載
●Flash動畫文件(1個)。放在swf文件夾中。下載
按照上面的步驟把站點中的資源文件部署好以后，在資源面板中就可以看到我們部署好的相應(yīng)的資源，如圖4所示。我們可以將資源面板中的資源直接拖放到站點文檔中使用。
圖4 資源面板
三、創(chuàng)建留言板站點的第一個頁面（文件名：shuoming.htm）
下面我們創(chuàng)建留言板站點的第一個頁面，這個頁面是個普通的不包含服務(wù)器腳本的靜態(tài)頁面。它用來對我們的留言板系統(tǒng)進行說明。
1、執(zhí)行“文件/新建”命令，在彈出的新建文檔對話框中選擇“基本頁/html”，然后單擊“創(chuàng)建”按鈕，如圖5所示。
圖5 新建基本html文檔
2、編輯頁面文檔（頁面效果參考）
●輸入頁面標題“留言板系統(tǒng)說明”。如圖6所示。
圖6 定義頁面標題
●輸入頁面文字內(nèi)容并定義它們的字體、顏色等屬性。具體的屬性設(shè)置可以在屬性面板中實現(xiàn)。
●關(guān)于連續(xù)空格的輸入：執(zhí)行“編輯/參數(shù)選擇”命令，在彈出的參數(shù)選擇對話框中選擇“允許多個連續(xù)空格”復(fù)選框，如圖7所示。
圖7 參數(shù)選擇——允許多個連續(xù)空格
●對于中文用戶來說，我們習慣于中文的段落格式，比如段前空兩格。可以這樣實現(xiàn)：將中文輸入法切換到“全角”方式，然后連續(xù)按兩次空格，完了以后再切換到“半角”方式進行文字內(nèi)容的輸入。
●關(guān)于段落：每按一次Enter（回車）鍵就代表一個新段落的開始。如果你想在段落中換行，請按“Shift+Enter”組合鍵。
●關(guān)于圖像的插入，我們可以用以下兩種方法中的任意一種：
?、賹⒐鈽硕ㄎ坏揭迦雸D像的位置。用鼠標單擊“插入欄”中“常用”標簽下的圖像按鈕，如圖8所示。然后找到要插入的圖像文件。
圖8 插入圖像和水平線
?、诖蜷_資源面板，單擊圖像資源類別，選擇要插入的具體圖像資源，用鼠標拖放到插入處。
●關(guān)于水平線的插入，如圖8所示。我們還可以在屬性面板設(shè)置它的簡單屬性，但不能直接在屬性面板設(shè)置它的顏色。
插入的水平線默認是灰色的，要更改它的顏色，我們需要這樣操作：
選中水平線，切換到代碼視圖。將光標定位在br標簽后，單擊空格鍵，這時會彈出一個下拉菜單，如同9所示，我們再在其中雙擊color屬性標簽，這樣就會彈出調(diào)色板，在其中選擇你需要的顏色就可以了。
圖9 在代碼視圖設(shè)置水平線顏色屬性
3、保存頁面文檔。執(zhí)行“文件/保存”命令，把文檔保存到站點的根目錄下。文件名：shuoming.htm。只須輸入主文件名 shuoming 就可以了，擴展名是系統(tǒng)自動加上的。
