dw小秘訣

1、一、背景分析對想要在視覺化環(huán)境下制作復(fù)雜網(wǎng)頁的專業(yè)網(wǎng)頁制作者來說，Dreamweaver已經(jīng)漸漸在網(wǎng)頁編輯工具中展露頭角，成為專業(yè)人士編寫網(wǎng)頁的最佳選擇。根據(jù)Macromedia公司的調(diào)查，Dreamweaver目前已累積有超過七十萬名的使用者，占有率在網(wǎng)頁編輯工具中居冠，像“AdobeGoLive”和“ObjectsFusion”等競爭者都被遙遙拋在后頭。因此一般地預(yù)估Dreamweaver的使用群體將會持續(xù)的增加。在這種勢不可擋的普

2、及率席卷之下，可想而知Dreamweaver內(nèi)置的功能可說是越來越多、越來越豐富、齊全。在這次我們的介紹中，就有新增一些功能提供網(wǎng)頁制作者一些更快速的設(shè)計、更容易地編碼及整合性更強的功能。事不宜遲，以下我們介紹如何善用Dreamweaver里的一些功能。以下密技共有十二項，可分成四個主題。分別是：設(shè)計網(wǎng)頁頁面(Dreamweaver里具有彈性的頁面設(shè)計功能)、搭配Macromedia其它產(chǎn)品一起使用Dreamweaver(制作動畫和圖片

3、不求人)、自訂使用界面(享受個性化的使用經(jīng)驗)和最后的加入Dreamweaver擴充程序(在網(wǎng)頁中載入擴充高級功能)。二、設(shè)計網(wǎng)頁頁面的秘訣不管你是要運用HTML原始語法逐字逐字來編寫網(wǎng)頁，或是運用標(biāo)準(zhǔn)化窗口來進行網(wǎng)頁的視覺設(shè)計，以下的小秘訣都可以派得上用場。秘訣1：讓網(wǎng)頁頁面大小更有彈性有些網(wǎng)頁開發(fā)者稱以下要介紹的這種技巧為“l(fā)iquid”，在這兒則把這種技巧叫做是“彈性延伸的技巧”。這是一種技巧，可在訪客瀏覽器窗口大小改變時也隨之調(diào)

4、整網(wǎng)頁頁面大小，因此如果窗口過大就不會有空白處窗口過小邊緣就不會跑出上下移動的拉條。其實大多數(shù)簡單的網(wǎng)頁會自己隨著瀏覽器窗口大小來調(diào)整頁面大小，但是如果是網(wǎng)頁里用到很多不同的框架及表格，網(wǎng)頁頁面大小就很難自動彈性地調(diào)整。通常網(wǎng)頁設(shè)計者會用混合運用固定寬度的框架，和GIF圖片作為間隔來設(shè)計網(wǎng)頁頁面，這樣一來不論是用InterExpler或是用scapeNavigat，頁面大小都會固定而不會跑掉。用Dreamweaver4.0可以輕而易舉的

5、設(shè)計出會自動彈性調(diào)整的網(wǎng)頁。要怎么做呢★具體做法：用工具面板(Objectpalette)上的按鈕打開網(wǎng)頁，并且轉(zhuǎn)換到“格式查看”(Layoutview)。這時可以看到文字方塊的欄度，每一欄的方框上方中間還有一個小小的下拉式箭頭，點選想要設(shè)置彈性顯示的欄上方的小箭頭，接著選擇“將欄設(shè)為彈性顯示”(MakeColumnAutostretch)。(設(shè)置自動調(diào)整欄的寬度以一欄為限)這時該欄方框上方就會出現(xiàn)一條波浪形的線，而不是原本表示欄度的數(shù)

6、字。Dreamweaver會自動制作出固定版面的空格圖片，這個空白圖片是以欄上方的兩個長條形的空白表格表示，如此版面會自動被填充，才會完成彈性版面設(shè)置。(在第一次增加空白圖片時會跳出一個對話框問你是否要使用內(nèi)置圖片，為求效果，我們建議你讓Dreamweaver自動產(chǎn)生一個，不然就不用使用空白圖片來填充版面。)“Firewks”。(如果仔細看，你會發(fā)現(xiàn)Firewks的畫面會出現(xiàn)“EditingFromDreamweaver”這樣的文字和圖

7、樣，指示你可以在Dreamweaver里進行圖片編輯。)好了，現(xiàn)在在“Firewks”里點選要編輯的圖片，選擇“ModifyAnimateAnimateion”。接下來完成“Animatedialogbox”里的設(shè)置，選定動畫的幀數(shù)，動畫移動的方向、透明度等等設(shè)置。你也可以點選“Frames”工具設(shè)置移動速度，選擇“Object”面板來改變設(shè)置。要導(dǎo)出文件時，只要點選“Optimize”工具欄，在文件類型的地方選擇“AnimatedGI

8、F”。完成以后，“Firewks”就會自動將圖片以最佳化設(shè)置導(dǎo)出，并且自動將GIF圖片更新，還會在Dreamweaver里將更新過的圖片顯示出來。點選“FilePreviewinBrowser”，這樣就可以在瀏覽器里預(yù)覽剛剛制作完成的可愛圖片。秘訣5：讓按鈕有閃動效果在Dreamweaver中，不用有Flashs，也可以制作有閃動效果的Flash按鈕物體。Dreamweaver內(nèi)置有好幾個Flash按鈕物體，可以制作好幾個不同形式的按鈕

9、?！锞唧w做法：點選“InteractiveImagesFlashButton”就可看到有那些內(nèi)置按鈕。在對話框內(nèi)甚至可以用鼠標(biāo)指到想要使用的按鈕形式，然后看看在瀏覽器里的效果如何。用鼠標(biāo)指針把要用的按鈕形式選定，再依順序輸入?yún)?shù)，例如按鈕上的文字、字形、顏色、超鏈接等，或是自設(shè)文件名字。按下OK。接下來就會有一個“SWF”格式的文件產(chǎn)生，文件并會自動導(dǎo)入你的網(wǎng)頁中。按一下這個做好的文件，會看到“PropertyInspect”(屬性明細

10、)中會顯示出文件的屬性。將文件屬性顯示出來時，如果擴展文件屬性明細表，會出現(xiàn)“Play”(播放)，點選之后可以不用打開瀏覽器來預(yù)覽按鈕的閃動效果。秘訣6：制作流動文字在網(wǎng)頁中增加流動文字就像增加我們剛剛介紹的Flash按鈕一樣簡單。相同地，不用安裝Flash，用Dreamweaver提供的新功能就可以輕松辦到。常用HTML語法寫網(wǎng)頁、沒有互動式媒體經(jīng)驗的網(wǎng)頁制作者也可以輕松制作出小巧的Flash形式的流動文字。這項新功能可以在不添加相兼

11、容性麻煩的情況下為網(wǎng)頁增添一些瀏覽上與訪客的互動性?！锞唧w做法：點選“InteractiveImagesFlashText”，再將參數(shù)設(shè)置一一填入(例如要更改效果的文字、字形、字體顏色及字體大小等等)。秘訣7：更改鍵盤快捷鍵Dreamweaver可讓使用者自訂使用界面，這項設(shè)計十分有彈性。舉例來說，使用者可以通過編寫程序或自行增加物體(object)的方式來更改菜單。不必功力高深，你就可以更改鍵盤快捷鍵，因為Dreamweaver有一項