如何使用Dreamweaver窗口布局方法

大家知道Dreamweaver窗口如何佈局嗎?dreamweaver編輯網頁 的時候,經常需要 插入一些圖象什麼的,假設要插入的圖象很多,按照常規方法來操作就顯得非常麻煩。

如何使用Dreamweaver窗口布局方法

  1、巧妙調用STYLE

熟悉網頁設計的網友就知道,調用STYLE的方法很多,我們可以單擊鼠 標右鍵選擇CUSTON STYLE來調用STYLE標準,也可以在狀態欄中的元素列表 上單擊右鍵來調用STYLE。雖然不同的方法達到的效果看似一樣,但實際上 產生的HTML代碼則完全不同。比如用CUSTON STYLE來調用STYLE標準,在網 頁代碼中就生成一個〈SPAN〉標籤,這樣的標籤一多就會使文件十分臃腫 而且影響瀏覽器的解析速度,所以我們應儘量使用狀態欄中的元素列表來 調用STYLE。

  2、使字體適應不同的分辨率

我們在製作網頁的時候,經常有這種體會, 那就是製作好的網頁在本地計算機上瀏覽時很正常,但在另外一臺計算機 上瀏覽時發現原本漂亮的網頁變得歪歪扭扭了,這是爲什麼呢?原來各個 計算機的分辨率要使你的主頁在不同的分辨率下都能正常顯示,在 DREAMWEAVER中得到了較好的解決。在文檔窗口的右下角,DREAMWEAVER 顯示當前文檔被設計成的分辨率大小。單擊哪個數字,在彈出式菜單中可 以爲當前的頁面指定顯示分辨率,通過修改可以使你的主頁更具靈活性。 使不同分辨率的顯示器都能較好地顯示。

  3、善用拖放技術我們在使用DREAMWEAVER編輯網頁

插入一些圖象什麼的,假設要插入的圖象很多,按照常規方法來操作就顯 得非常麻煩。我們可以利用拖放技巧來很好地解決這個問題。首先我們把 DREAMWEAVER的操作窗口變成活動窗口,以騰出空間來顯示EXPLORER窗口, 找到要插入的'圖象文件後,把它們一一用鼠標拖動到網頁的適當部位, DREAMWEAVER將自動把這些圖象的URL添加到文件的HTML代碼中,當然這裏 要求被拖動的圖象文件必須是GIF、JPG等WEB圖象格式的文件。對於已經在 網頁中的圖象也是一樣,直接拖過來就可以了。但如果被拖動的圖象上有 超級鏈接,就不可以再使用拖動技術了,因爲那時拖過來的僅僅是超級鏈 接地址。

  窗口布局

Dreamweaver MX 2004 提供了將全部元素置於一個窗口中的集成工作區。在集成工作區中,全部窗口和麪板集成在一個應用程序窗口中。您可以選擇面向設計人員的佈局或面向手工編碼人員需求的佈局。首次啓動 Dreamweaver 時,會出現一個工作區設置對話框(如下圖):

您可以從中選擇一種工作區佈局。如果您不熟悉編寫代碼,請您選擇“設計者”。如果您以後想更改工作區,可以使用編輯菜單“首選參數”對話框切換到一種不同的工作區。編輯菜單“首選參數”對話框如下圖:

  【欄目說明】

“插入”欄(如下圖):包含用於將各種類型的“對象”(如圖像、表格和層)插入到文檔中的按鈕。每個對象都是一段 HTML 代碼,允許您在插入它時設置不同的屬性。例如,您可以通過單擊“插入”欄中的“表格”按鈕插入一個表格。也可以不使用“插入”欄而使用“插入”菜單插入對象。

“文檔”窗口 顯示您當前創建和編輯的文檔。

“屬性檢查器”(如下圖): 用於查看和更改所選對象或文本的各種屬性。

“面板組”(如下圖) 是分組在某個標題下面的相關面板的集合。若要展開一個面板組,請單擊組名稱左側的展開箭頭;若要取消停靠一個面板組,請拖動該組標題條左邊緣的手柄。

“文件”面板(如下圖) 使您可以管理您的文件和文件夾,無論它們是 Dreamweaver 站點的一部分還是在遠程服務器上。“文件”面板還使您可以訪問本地磁盤上的全部文件,類似於 Windows 資源管理器。

Dreamweaver MX 2004提供了多種此處未說明的其他面板、檢查器和窗口。若要打開其它面板,請使用“窗口”菜單。