當前位置:才華齋>設計>網頁設計>

如何使用Dreamweaver窗口布局方法

網頁設計 閱讀(2.8W)

大家知道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提供了多種此處未說明的其他面板、檢查器和視窗。若要開啟其它面板,請使用“視窗”選單。