1. 用dreamweaver 4.0輕松設(shè)計(jì)會(huì)自動(dòng)彈性調(diào)整的網(wǎng)頁
首先需要保證的是你的頁面內(nèi)容采用了表格的格式,然后打開你要編輯的頁面,按“ctrl+f6”或者菜單“view→tableview→layout?view”轉(zhuǎn)換到布局視圖。這時(shí)可以看到單元格的列寬,在列寬數(shù)字的旁邊還有一個(gè)小小的下拉式箭頭,點(diǎn)擊你要設(shè)定彈性顯示的列上方的小箭頭,接著選擇“將列設(shè)為彈性顯示”(make column autostretch)。該列方框上方就會(huì)出現(xiàn)一條波浪形的線,而不是剛才表示列寬的數(shù)字。完成后你的頁面就變成了一個(gè)具有彈性的頁面了。此外,需要注意頁面中不要有尺寸過大的圖片。
2. 用dreamweaver 4.0制作有閃動(dòng)效果的flash按鈕
選擇菜單insert→interactive?images→flash?button就可看到有哪些內(nèi)嵌按鈕。在彈出的對(duì)話框里,你可以在“style”列表里選擇自己想要的按鈕樣式,在預(yù)覽(sample)窗口里可以看到這種樣式的效果如何。選擇好之后,在“button?text”窗口輸入按鈕上面的文字,在“font”窗口選擇字體,在“size”窗口輸入文字的大小,在“link”窗口輸入鏈接的目標(biāo),在“target”窗口選擇鏈接打開的方式,在“bgcolor”選擇按鈕背景顏色,在“save?as”窗口輸入保存的文件名。完成這些后,按下“ok”按鈕,你就完成了一個(gè)flash按鈕啦。這個(gè)按鈕還會(huì)自動(dòng)插入你的網(wǎng)頁中,然后在dreamweaver編輯窗口選中你剛才制作的按鈕,屬性窗口就會(huì)顯示出這個(gè)按鈕的屬性,單擊上面的“play”按鈕,你就可直接在編輯窗口預(yù)覽這個(gè)按鈕的閃動(dòng)效果。需要注意的是dreamweaver?4.0的這個(gè)功能不支持中文字體。
3. 在dreamweaver 4.0中自定義鍵盤快捷鍵
選擇菜單“edit→keyboard?shortcuts”,在對(duì)話框中會(huì)列出目前已經(jīng)啟用的以及可以更改的快捷鍵一覽表,你可以在這里把快捷鍵改成自己習(xí)慣用的。如果要更改快捷鍵,首先要選取你要更改的命令,接著選取目前的快捷鍵,這個(gè)快捷鍵就會(huì)出現(xiàn)在“shortcuts”列表中,然后在“press key”窗口輸入你想要使用的快捷鍵,然后點(diǎn)擊“change”按鈕更改即可完畢。你還可以利用“+”、“-”按鈕增加或者刪除當(dāng)前的快捷鍵。
4. 讓dreamweaver?4.0和fireworks整合
如果你的電腦里同時(shí)安裝了dreamweaver/fireworks,那么你就可以使用dreamweaver?4.0提供的整合fireworks的功能。利用這個(gè)功能你可以把你的gif圖片修改得更加動(dòng)人,輕松地實(shí)現(xiàn)動(dòng)畫效果。在dreamweaver編輯窗口選擇好你要修改的gif圖片,然后在圖片屬性窗口單擊“編輯(edit)”按鈕,這時(shí)系統(tǒng)會(huì)自動(dòng)啟動(dòng)fireworks軟件編輯這個(gè)圖片。仔細(xì)看,你會(huì)發(fā)現(xiàn)fireworks的圖片編輯窗口已出現(xiàn)editing?from?dreamweaver這樣的文字和圖樣,也就是說這個(gè)圖片是為dreamweaver頁面進(jìn)行圖片編輯的。現(xiàn)在我們?cè)趂ireworks里選擇要編輯的圖片,選擇菜單“modify→animate→animate?selection”。在彈出的窗口里設(shè)置動(dòng)畫的屬性:選定動(dòng)畫的幀數(shù)、動(dòng)畫移動(dòng)的方向、透明度等等。然后把修改好的文件導(dǎo)出即可。這樣,在dreamweaver編輯窗口會(huì)自動(dòng)更新剛才修改好的文件,使你的頁面圖片動(dòng)起來。
5. 巧用網(wǎng)站報(bào)告器
在dreamweaver?4.0里提供了一個(gè)網(wǎng)站報(bào)告器,利用這個(gè)網(wǎng)站報(bào)告器可以幫助你在你的網(wǎng)站眾多文件中快速找到和修復(fù)錯(cuò)誤。單擊菜單“site→reports”即可啟動(dòng)報(bào)告器,選擇你要檢查的項(xiàng)目,然后單擊“run”按鈕即可查出你網(wǎng)站上的一般問題。你也可以自己編寫報(bào)告器來查出網(wǎng)站上的一些特殊問題 (一般問題通常是一些文本丟失或文檔未命名) 。
6. 快速恢復(fù)多次操作
在制作頁面時(shí),我們可能需要不停地修改頁面,有時(shí)還要恢復(fù)過去的操作,我們可以使用“edit”菜單里的“undo”命令,可是這個(gè)命令每次只能恢復(fù)一次,如果我們需要恢復(fù)多次操作,那就要不停地“undo”,實(shí)在太煩。在dreamweaver?4.0里提供了一個(gè)history窗口,可以讓我們輕松地恢復(fù)多次操作。在“windows”菜單里選擇“history”即可開啟這個(gè)歷史窗口。在這個(gè)窗口把你每一次的操作都保留下來了,利用窗口左邊那個(gè)滑動(dòng)指針,就可以不停地恢復(fù),還可以撤銷每一次操作,包括已經(jīng)存盤的。而且還可以把這個(gè)歷史紀(jì)錄保存下來共享。
7. 隱藏浮動(dòng)面板
打開dreamweaver,給人的第一印象是一堆浮動(dòng)面板,往往弄得你眼花繚亂,雖然它可以拖開,但畢竟占據(jù)著本來就很有限的屏幕,若把它關(guān)閉了,等一下用它時(shí)又要去打開。其實(shí)你只要按一下f4鍵,所有浮動(dòng)面板都不見,再按f4他們又都重現(xiàn)于屏幕上了。
8. 快速預(yù)覽網(wǎng)頁
初學(xué)dreamweaver,往往找不到預(yù)覽菜單,不得不另外啟動(dòng)ie瀏覽器來預(yù)覽網(wǎng)頁的實(shí)際效果。其實(shí)dreamweaver的預(yù)覽菜單放到file菜單下了,要預(yù)覽正在編輯的網(wǎng)頁,按f12鍵就可以了,方便得很呢!而且還可設(shè)置在不同的瀏覽器中預(yù)覽,在file菜單下的preview in browser中選擇edit browser list就可選擇不同的瀏覽器進(jìn)行預(yù)覽。以測(cè)試你的網(wǎng)頁對(duì)不同瀏覽器的適應(yīng)性。
9. 在html檢示窗中顯示行號(hào)和自動(dòng)換行
雖然dreamweaver的behaviors是一個(gè)javascript小程序的巨集,許多實(shí)現(xiàn)特殊網(wǎng)頁效果的javascript程序都不用動(dòng)手編程,但有時(shí)需要編寫一點(diǎn)小程序時(shí),顯示程序行號(hào)顯得尤為必要,特別是在程序發(fā)生錯(cuò)誤時(shí),往往都有是提示在“行有錯(cuò)誤”,若一行一行地去數(shù)行號(hào)不僅太累而且還容易數(shù)錯(cuò),在frontpage中老是為數(shù)錯(cuò)行號(hào)而煩惱。在dreamweaver中可方便了,只要在html源代碼檢視器窗口中,選中“line numbers”(行號(hào))復(fù)選框,則會(huì)在源代碼檢視器窗口中對(duì)每條html語句自動(dòng)顯示行號(hào),一目了然。同樣有時(shí)一行代碼較長(zhǎng),只要在html源代碼檢視器窗口中,選中“warp”(自動(dòng)換行)復(fù)選框,則會(huì)激活窗口的自動(dòng)換行特性,過長(zhǎng)的代碼會(huì)自動(dòng)從窗口的邊緣繞回。
10. 如何獲得顏色的十六進(jìn)制代碼
在設(shè)計(jì)網(wǎng)頁時(shí),有時(shí)要用到16進(jìn)制的顏色代碼,以前經(jīng)常為這事頭痛,在dreamweaver中只要按屬性面板上“bg”邊上小方框右下角的小三角形,在彈出的顏色板上,鼠標(biāo)指到哪兒,馬上就能顯示出相應(yīng)顏色的16進(jìn)制代碼,真方便。