DreamWeaver經(jīng)典技巧四則
一、偏好資源的積累
利用DreamWeaver 4制作網(wǎng)頁(yè)會(huì)應(yīng)用到許多各種類(lèi)型的要素,比如色彩、圖片、模板、腳本等。利用站點(diǎn)資源面板將這些東東積累起來(lái),在站點(diǎn)資源基礎(chǔ)上構(gòu)建自己的偏好資源庫(kù),只要我們定義了自己的站點(diǎn),就可以隨時(shí)隨地將使用頻率高的資源調(diào)出來(lái)應(yīng)用到站點(diǎn)文件中。用快捷鍵F11打開(kāi)資源面板,各種類(lèi)型的要素就會(huì)自動(dòng)地增加到相應(yīng)標(biāo)簽上,例如色彩,結(jié)合Shift或Ctrl鍵選擇我們常用的一個(gè)或多個(gè)色彩資源,單擊右下角Add to Favorites按鈕,將該資源添加到偏好資源列表中(如圖1)。應(yīng)用時(shí)很簡(jiǎn)單,選擇要應(yīng)用的區(qū)域,將該資源拖動(dòng)到該區(qū)域上即可。
二、快速批量更改
站點(diǎn)中修改超鏈接時(shí)你也許會(huì)遇到難題,大量的鏈接存在絕大多數(shù)文件中,個(gè)個(gè)攻破難免會(huì)讓人頭痛,這時(shí)我們利用查找和替換功能可以實(shí)現(xiàn)批量更改。在站點(diǎn)管理器中執(zhí)行菜單Edit/Find and Replace...命令,在彈出的Find and Replace對(duì)話框中,選擇Entire Local Site為在站點(diǎn)內(nèi)的查找范圍,并選擇Source Code搜索源代碼,右側(cè)文本框中輸入搜索的錯(cuò)誤鏈接地址,點(diǎn)擊Find All按鈕即可,就會(huì)列出含有錯(cuò)誤鏈接的文件(如圖2)。確認(rèn)后,在Replace文本框中輸入正確的鏈接地址,后點(diǎn)擊Replace All按鈕,提示是否進(jìn)行更改,選擇“是”進(jìn)行更改即可,文件頭標(biāo)出綠色圓點(diǎn)表示更改成功。
三、網(wǎng)頁(yè)元素的精確定位
設(shè)計(jì)網(wǎng)頁(yè)需要精確制定各元素位置,使用層可以輕松實(shí)現(xiàn)。較通用的方法是使用表格,在網(wǎng)頁(yè)中建立一個(gè)表格,設(shè)置表格邊框?qū)挾葹椋?,把各元素按照定位要求置于各個(gè)表格單元中,并調(diào)整單元格的大小及邊框的位置。雖然比較通用,但比較麻煩,需要仔細(xì)調(diào)整。而層在網(wǎng)頁(yè)中可以隨意放置,故此可以使用層來(lái)進(jìn)行精確定位,使用方法是:將定位的元素放在頁(yè)面插入的層中,把層放到所想要的任何位置就可以了,而且還可以借助標(biāo)尺和網(wǎng)格精確定位。因?yàn)閷又恢С肿钚碌臑g覽器,為了兼容舊的瀏覽器,我們可以將它轉(zhuǎn)變?yōu)楸砀?,?zhí)行菜單Modify/Layout Mode/convert layers to table命令把層轉(zhuǎn)換為表格即可。但要注意層不能有重疊,而且一個(gè)頁(yè)面中同時(shí)使用層與表格,會(huì)影響正確定位,會(huì)把頁(yè)面弄得一團(tuán)糟。
四、使頁(yè)面更富有彈性
制作網(wǎng)頁(yè)需要使自己的網(wǎng)頁(yè)隨瀏覽器窗口大小改變而隨時(shí)改變,使頁(yè)面空間充滿瀏覽器窗口,其實(shí)多數(shù)簡(jiǎn)單網(wǎng)頁(yè)都會(huì)隨瀏覽器窗口改變而自動(dòng)伸展,但用到很多的復(fù)雜表格及框框的網(wǎng)頁(yè)就很難自動(dòng)彈性調(diào)整了,用DreamWeaver 4.0可以輕易地設(shè)計(jì)出會(huì)自動(dòng)調(diào)整的彈性頁(yè)面。打開(kāi)編輯頁(yè)面,選取工具欄的Layout View視圖,這時(shí)你會(huì)看到每一列的方框上方中間有一個(gè)小的下拉式箭頭,單擊想設(shè)置彈性顯示列上的箭頭,在彈出的快捷菜單中選取Make Column Autostretch將該列設(shè)為彈性顯示,當(dāng)?shù)谝淮卧O(shè)置列彈性顯示時(shí)會(huì)彈出對(duì)話框詢問(wèn)是否要使用內(nèi)建圖檔,即是否自動(dòng)填充控制列的空白圖文件,建議最好讓其自動(dòng)產(chǎn)生一個(gè)來(lái)增加效果,這樣原本表示列寬的數(shù)字將被波浪線替代,完成該列彈性顯示。