dreamweaver 高級操作

  單擊file-->new,建立一個新的頁面,此時dw2會彈出一個新的視窗,我們在此視窗打上“hello world!”幾個字母,回車鍵(注意:視窗中的回車相當於代碼

,而您只想換行的話,主選單insert-->line break或shirt+回車鍵)後再換行輸入第二行文字“這是一個dreamweaver2的演示頁”。
好了,要放的東西已經放好了,下面我們開始編排文字,當然在編輯時我們應該先把屬性浮動面板打開,我們先將第一行文字在 中選擇字號,選擇+2,單擊使其加粗,然後單擊選擇一種深紅色,dw2的色彩選擇中多了一項吸管功能,利用它您可以在用戶界面任意汲取您看到的色彩,就像用photoshop中的吸管一樣,最後單擊使其距中,這樣第一行的工作就完成了。哇!用起來怎么像word一樣! 再下來我們將第二行文字選定,同樣用上述方法將字型放大一號,然後我們設法加上下劃線,遺憾的是在屬性面板中我們找不到完成這項任務的圖示,因此我們必須在選單text-->style中去尋找。找到了!加斜後,我們最後的工作就是讓dreamweaver2這個單詞變成藍色,好,讓我們用滑鼠選取單詞,然後再單擊選取一種藍色即可,存檔退出,ok!您的第一個頁面已經完成了,您說什麼,簡單?是的很簡單,看上去現在這活比打字還要簡單,當然您可以在modify-->page properties中修改一些資料,比如加上背景色,背景圖案,連結色定義和文檔標題。好了,下一次我們講如何在文檔中加入圖象、表單、超連結等更多的元素,讓您的頁面活躍起來!

我們知道一個頁面光有文本是無法吸收人的,因此我們必須在文檔中加入其他的元素,圖像當然是最基本的,圖文並茂向來就是衡量是否是一篇好作品的準線,這一次讓我們來學會如何插入圖像、表單、超連結以及其他的一些元素。

插入圖像有兩個途徑,一種在windows-->objects,或者在insert-->image直接插入圖象,在objects (對象浮動板)上 您可以一眼就看出那個是插入圖片的圖示,對!就是這個,接著選擇相應的路徑即可,如果您順序下來的話,在前面用戶界面詳解中我已經介紹了關於圖象的屬性浮動面板,現在你可以完全控制圖像tag和它的屬性,還有一些其它的功能,如image map編輯器和edit image按鈕(有點象html視窗的external editor按鈕)。試試工具條中的所有功能,看看html代碼的變化。插入一些shockwave、flash或activex控制項,注意依賴於上下文的界面的變化。頁面上選擇的區域決定要顯示哪個properties工具條,點擊滑鼠右鍵時出現什麼選單。

用dw2進行超連結無疑是最方便的一件事,首先您當然必須選定目標對象,彈出屬性面板,在link之後緊跟的空白項後填入您希望的url或者如果連結地址不是外部地址的話,您同樣可以使用來瀏覽尋找檔案,第三種方法最快捷的方法就是使用直接進行拖放,在dw中到處均支持拖放,您可以在site管理器中拖動任何一個檔案至相應的選擇域已形成連結。

點擊工具條左上角的箭頭,可以得到dreamweaver可插入對象的組。預設情況下這些組是common, froms,head和invisibles。到現在為止我們已經用過 common組中的元素。現在讓我們看看forms組,它 包括一系列窗體元素:

form tag:

text input:

button: .

checkbox:

radio button:

select menu:

file upload:

image button:

hidden form field:

當你創建一個form時,要保證form元素存在於form tag之內,否則它們不會工作。


製作表格

 表格無疑是html所有標籤中最為重要的標籤之一,尤其在css和dhtml出現以前,利用您可以做很多事情,如果現在您上網看看哪一個站點主頁的html原始碼沒有幾個table的標籤,那么它的主頁一定很糟。dw2比dw1.2而言,表格控制功能大大增強,更加智慧型化,如今您不用再為製作一張10行*10列的表格而發愀了!

讓我們開始創建一張表格吧!在對象面板上選擇後,會彈出一張表格參數表,您可以根據需要自行設定,按ok後,在面面就會出現一張表格,彈出properities面板後,表格的屬性面板在前面所述章節用戶界面詳解中有詳細介紹, 這些屬性能幫助你用較少的精力創建非常複雜的表格,完全是所見則所得!

建立分幀結構頁面


  以前我一提起分幀頭就大,因此我做分幀頁面,通常就是將人家的分幀原始碼copy過來,然後在上面進行修改,現在在dw2下我們可以輕鬆地創建二幀、三幀、任意幀的頁面。

首先選中view-->frame borders,這時您能觀察到頁面邊上多了一圈格線,將滑鼠移到上下左右任意一邊,移到滑鼠上方,按alt鍵(是針對windows的用戶)時,您會發現滑鼠變成了一個左右方向狀,這時您可拖動滑鼠對頁面進行任意切割,如果您要調整幀的屬性,請單擊window-->frames,彈出幀浮動面板後,如下圖:

src:指在分幀打開的源檔案;borders:指是否需要框線線;
frame name:該幀的內部變數名;scroll:是否允許有滾動條;
no resize:複選項,指是否允許重新由客戶端設定分幀寬度;
border colo:設定框線線顏色;
margin width:是指該幀文檔離左右的寬度;
margin height:是指該幀文檔離上下的高度;
修改滿意後,選擇file-->save all ,將所有文檔全部存檔即可,這樣分幀檔案就完成了。