單擊file-->new，建立一個(gè)新的頁(yè)面，此時(shí)dw2會(huì)彈出一個(gè)新的窗口，我們?cè)诖舜翱诖蛏?#8220;hello world！”幾個(gè)字母，回車(chē)鍵（注意：窗口中的回車(chē)相當(dāng)于代碼

，而您只想換行的話(huà)，主菜單insert-->line break或shirt+回車(chē)鍵）后再換行輸入第二行文字“這是一個(gè)dreamweaver2的演示頁(yè)”。

　　好了，要放的東西已經(jīng)放好了，下面我們開(kāi)始編排文字，當(dāng)然在編輯時(shí)我們應(yīng)該先把屬性浮動(dòng)面板打開(kāi)，我們先將第一行文字在 中選擇字號(hào)，選擇＋2，單擊使其加粗，然后單擊選擇一種深紅色，dw2的色彩選擇中多了一項(xiàng)吸管功能，利用它您可以在用戶(hù)界面任意汲取您看到的色彩，就像用photoshop中的吸管一樣，最后單擊使其距中，這樣第一行的工作就完成了。哇！用起來(lái)怎么像word一樣！

　　再下來(lái)我們將第二行文字選定，同樣用上述方法將字體放大一號(hào)，然后我們?cè)O(shè)法加上下劃線(xiàn)，遺憾的是在屬性面板中我們找不到完成這項(xiàng)任務(wù)的圖標(biāo)，因此我們必須在菜單text-->style中去尋找。找到了！加斜后，我們最后的工作就是讓dreamweaver2這個(gè)單詞變成藍(lán)色，好，讓我們用鼠標(biāo)選取單詞，然后再單擊選取一種藍(lán)色即可，存盤(pán)退出，ok！您的第一個(gè)頁(yè)面已經(jīng)完成了，您說(shuō)什么，簡(jiǎn)單？是的很簡(jiǎn)單，看上去現(xiàn)在這活比打字還要簡(jiǎn)單，當(dāng)然您可以在modify-->page properties中修改一些資料，比如加上背景色，背景圖案，鏈接色定義和文檔標(biāo)題。好了，下一次我們講如何在文檔中加入圖象、表單、超鏈接等更多的元素，讓您的頁(yè)面活躍起來(lái)！

我們知道一個(gè)頁(yè)面光有文本是無(wú)法吸收人的，因此我們必須在文檔中加入其他的元素，圖像當(dāng)然是最基本的，圖文并茂向來(lái)就是衡量是否是一篇好作品的準(zhǔn)線(xiàn)，這一次讓我們來(lái)學(xué)會(huì)如何插入圖像、表單、超鏈接以及其他的一些元素。

　　插入圖像有兩個(gè)途徑，一種在windows-->objects，或者在insert-->image直接插入圖象，在objects （對(duì)象浮動(dòng)板）上 您可以一眼就看出那個(gè)是插入圖片的圖標(biāo)，對(duì)！就是這個(gè)，接著選擇相應(yīng)的路徑即可，如果您順序下來(lái)的話(huà)，在前面用戶(hù)界面詳解中我已經(jīng)介紹了關(guān)于圖象的屬性浮動(dòng)面板，現(xiàn)在你可以完全控制圖像tag和它的屬性，還有一些其它的功能，如image map編輯器和edit image按鈕（有點(diǎn)象html窗口的external editor按鈕）。試試工具條中的所有功能，看看html代碼的變化。插入一些shockwave、flash或activex控件，注意依賴(lài)于上下文的界面的變化。頁(yè)面上選擇的區(qū)域決定要顯示哪個(gè)properties工具條，點(diǎn)擊鼠標(biāo)右鍵時(shí)出現(xiàn)什么菜單。

　　用dw2進(jìn)行超鏈接無(wú)疑是最方便的一件事，首先您當(dāng)然必須選定目標(biāo)對(duì)象，彈出屬性面板，在link之后緊跟的空白項(xiàng)后填入您希望的url或者如果鏈接地址不是外部地址的話(huà)，您同樣可以使用來(lái)瀏覽尋找文件，第三種方法最快捷的方法就是使用直接進(jìn)行拖放，在dw中到處均支持拖放，您可以在site管理器中拖動(dòng)任何一個(gè)文件至相應(yīng)的選擇域已形成鏈接。

　　點(diǎn)擊工具條左上角的箭頭，可以得到dreamweaver可插入對(duì)象的組。缺省情況下這些組是common， froms,head和invisibles。到現(xiàn)在為止我們已經(jīng)用過(guò) common組中的元素。現(xiàn)在讓我們看看forms組，它 包括一系列窗體元素：

form tag:

text input:

button: .

checkbox:

radio button:

select menu:

file upload:

image button:

hidden form field:

　　當(dāng)你創(chuàng)建一個(gè)form時(shí)，要保證form元素存在于form tag之內(nèi)，否則它們不會(huì)工作。

制作表格

　表格無(wú)疑是html所有標(biāo)簽中最為重要的標(biāo)簽之一，尤其在css和dhtml出現(xiàn)以前，利用您可以做很多事情，如果現(xiàn)在您上網(wǎng)看看哪一個(gè)站點(diǎn)主頁(yè)的html源代碼沒(méi)有幾個(gè)table的標(biāo)簽，那么它的主頁(yè)一定很糟。dw2比dw1.2而言，表格控制功能大大增強(qiáng)，更加智能化，如今您不用再為制作一張10行＊10列的表格而發(fā)愀了！

　　讓我們開(kāi)始創(chuàng)建一張表格吧！在對(duì)象面板上選擇后，會(huì)彈出一張表格參數(shù)表，您可以根據(jù)需要自行設(shè)定，按ok后，在面面就會(huì)出現(xiàn)一張表格，彈出properities面板后，表格的屬性面板在前面所述章節(jié)用戶(hù)界面詳解中有詳細(xì)介紹， 這些屬性能幫助你用較少的精力創(chuàng)建非常復(fù)雜的表格，完全是所見(jiàn)則所得！

建立分幀結(jié)構(gòu)頁(yè)面

以前我一提起分幀頭就大，因此我做分幀頁(yè)面，通常就是將人家的分幀源代碼copy過(guò)來(lái)，然后在上面進(jìn)行修改，現(xiàn)在在dw2下我們可以輕松地創(chuàng)建二幀、三幀、任意幀的頁(yè)面。

　　首先選中view-->frame borders,這時(shí)您能觀察到頁(yè)面邊上多了一圈格線(xiàn)，將鼠標(biāo)移到上下左右任意一邊，移到鼠標(biāo)上方，按alt鍵（是針對(duì)windows的用戶(hù)）時(shí)，您會(huì)發(fā)現(xiàn)鼠標(biāo)變成了一個(gè)左右方向狀，這時(shí)您可拖動(dòng)鼠標(biāo)對(duì)頁(yè)面進(jìn)行任意切割，如果您要調(diào)整幀的屬性，請(qǐng)單擊window-->frames，彈出幀浮動(dòng)面板后，如下圖：

src：指在分幀打開(kāi)的源文件；borders：指是否需要邊框線(xiàn)；
frame　name：該幀的內(nèi)部變量名；scroll：是否允許有滾動(dòng)條；
no　resize：復(fù)選項(xiàng)，指是否允許重新由客戶(hù)端設(shè)定分幀寬度；
border　colo：設(shè)定邊框線(xiàn)顏色；
margin　width：是指該幀文檔離左右的寬度；
margin　height：是指該幀文檔離上下的高度；
修改滿(mǎn)意后，選擇file-->save all ，將所有文檔全部存盤(pán)即可，這樣分幀文件就完成了。