DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> DreamWeaver經典技巧四則
DreamWeaver經典技巧四則
編輯:Dreamweaver相關     

  一、偏好資源的積累

  利用DreamWeaver 4制作網頁會應用到許多各種類型的要素,比如色彩、圖片、模板、腳本等。利用站點資源面板將這些東東積累起來,在站點資源基礎上構建自己的偏好資源庫,只要我們定義了自己的站點,就可以隨時隨地將使用頻率高的資源調出來應用到站點文件中。用快捷鍵F11打開資源面板,各種類型的要素就會自動地增加到相應標簽上,例如色彩,結合Shift或Ctrl鍵選擇我們常用的一個或多個色彩資源,單擊右下角Add to Favorites按鈕,將該資源添加到偏好資源列表中(如圖1)。應用時很簡單,選擇要應用的區域,將該資源拖動到該區域上即可。

  二、快速批量更改

  站點中修改超鏈接時你也許會遇到難題,大量的鏈接存在絕大多數文件中,個個攻破難免會讓人頭痛,這時我們利用查找和替換功能可以實現批量更改。在站點管理器中執行菜單Edit/Find and Replace...命令,在彈出的Find and Replace對話框中,選擇Entire Local Site為在站點內的查找范圍,並選擇Source Code搜索源代碼,右側文本框中輸入搜索的錯誤鏈接地址,點擊Find All按鈕即可,就會列出含有錯誤鏈接的文件(如圖2)。確認後,在Replace文本框中輸入正確的鏈接地址,後點擊Replace All按鈕,提示是否進行更改,選擇“是”進行更改即可,文件頭標出綠色圓點表示更改成功。

  三、網頁元素的精確定位

  設計網頁需要精確制定各元素位置,使用層可以輕松實現。較通用的方法是使用表格,在網頁中建立一個表格,設置表格邊框寬度為0,把各元素按照定位要求置於各個表格單元中,並調整單元格的大小及邊框的位置。雖然比較通用,但比較麻煩,需要仔細調整。而層在網頁中可以隨意放置,故此可以使用層來進行精確定位,使用方法是:將定位的元素放在頁面插入的層中,把層放到所想要的任何位置就可以了,而且還可以借助標尺和網格精確定位。因為層只支持最新的浏覽器,為了兼容舊的浏覽器,我們可以將它轉變為表格,執行菜單Modify/Layout Mode/convert layers to table命令把層轉換為表格即可。但要注意層不能有重疊,而且一個頁面中同時使用層與表格,會影響正確定位,會把頁面弄得一團糟。

  四、使頁面更富有彈性

  制作網頁需要使自己的網頁隨浏覽器窗口大小改變而隨時改變,使頁面空間充滿浏覽器窗口,其實多數簡單網頁都會隨浏覽器窗口改變而自動伸展,但用到很多的復雜表格及框框的網頁就很難自動彈性調整了,用DreamWeaver 4.0可以輕易地設計出會自動調整的彈性頁面。打開編輯頁面,選取工具欄的Layout View視圖,這時你會看到每一列的方框上方中間有一個小的下拉式箭頭,單擊想設置彈性顯示列上的箭頭,在彈出的快捷菜單中選取Make Column Autostretch將該列設為彈性顯示,當第一次設置列彈性顯示時會彈出對話框詢問是否要使用內建圖檔,即是否自動填充控制列的空白圖文件,建議最好讓其自動產生一個來增加效果,這樣原本表示列寬的數字將被波浪線替代,完成該列彈性顯示。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved