11. 制作背景音樂
在Dreamweaver中插入背景音樂是非常容易實現的,這里介紹兩種方法,由大家選擇。
?。?)在頁面不顯眼的地方插入一空層 ,并在層內放入一個ActivX對象 ,雙擊該對象,在打開的對話框中選擇一個MIDI音樂文件,然后在層對象屬性面板中設定其可視性為“Hidden”,保存變動后按F12預覽網頁,聽聽是否有音樂聲。
?。?)另一種方法是利用Dreamweaver的“Behaviors”行為編輯器 ,單擊“+”按鈕,選擇其中“Play Sound”選項,在彈出的對話框中選擇一個音樂文件即可。自己動手試一試吧!
12. 讓背景圖不滾動
與FrontPage不同,Dreamweaver中插入的背景圖是會隨文字滾動的。有的時候我們需要制作固定的背景圖,怎么辦呢?先定義一張背景圖,按“F10”打開HTML源文件,找到定義背景圖片的語句,例如background=″images/background.JPG″,在它的后面空一格加上一句bgproperties=″fixed″。預覽一下,是不是有點小小的成就感。
13. 定義大小不變的文字
為什么別人網頁上的文字那么漂亮,不管你怎么按瀏覽器字體按鈕上的大小,他們的字體尺寸都不會發(fā)生變化。其實他們使用了網頁中的“CSS”樣式表技術,在Dreamweaver中要實現這一功能是非常簡單的。首先按“F7”或者選擇“窗口”菜單中的“樣式表”選項打開樣式表編輯器,在窗口中單擊鼠標右鍵選擇“新建”,在彈出的對話框中輸入需要定義的樣式表名稱,按“確定”,然后在列表中選擇第一項“類型”,并給具體的文字屬性定義參數(一般來說文字的大小在800×600的屏幕中選擇10.5較為適宜),按“確定”后,定義好的樣式表就出現了。選擇網頁編輯窗中的文本,單擊新的樣式表名,可以看到選中的文本發(fā)生的變化。預覽一下,試試定義的文本字體尺寸還會不會隨瀏覽器的選擇字體大小而改變?! ?
14. 插入Flash動畫
Macromedia公司的Flash動畫因其具有交互性、傳送速度快等特點,已逐漸成為網頁制作的一項新武器,如果你的網頁上能插入一段Flash動畫,那么一定會使你的作品增色不少。在Dreamweaver中插入Flash制作的SWF格式動畫十分容易,單擊對象工具欄上的Flash徽標或單擊的“媒體”下的“Flash”,就可以打開選擇SWF動畫文件的對話框了,選好文件后可在其屬性面板中設定播放的參數,即大功告成。
15. 讓表格給網頁留白
在Dreamweaver的新網頁上輸入文字時,默認格式是頂天立地的,十分不美觀。要避免這一缺憾其實很簡單,只要大家用好表格工具就行了。具體做法是:在新頁面上插入一張居中對齊的表格,為了能夠使表格方便控制,最好設定奇數列,并且數值不要太大。這樣在單元格內輸入的文字就被限制在一個可以隨意調整寬度的區(qū)域內,就不愁文字不聽使喚了。
16. 改變狀態(tài)欄提示文字
一般情況下,當瀏覽器裝入一個頁面時,在其狀態(tài)欄上顯示的是該頁面的地址名稱,十分呆板。你有沒有想過給瀏覽器的狀態(tài)欄增加一點個性呢?如果有的話,那么請按照以下的步驟,定制自己喜歡的文字吧!首先打開“Behaviors”行為編輯窗,單擊“+”按鈕,選擇“Set Text Set”下的“Text Of Status Bar”選項,然后在方框中輸入自己的文字,例如“歡迎來到我的主頁”等,單擊“確定”即可。
17. 整合的文本代碼編輯器
可視化網頁編輯軟件的最大不便之處就是很難對源代碼進行編輯,更別說JavaScript了;不過Dreamweaver?將使你處理代碼變得異常輕松。這個內建的文本代碼編輯器主要的新功能是:自動縮排(可以一次選取多行進行縮排),?還可以進行符號的檢測,如果在編寫代碼忘了一個“”,它將給出提示。在工具表中的下拉菜單會列出當前網頁中所有自定義JavaScript函數,可讓你在網頁原代碼中自由跳轉,“原始碼導航工具”可以讓專業(yè)人士方便地處理JavaScript函數,在文本代碼編輯器中輸入JavaScript代碼,系統將用不同的顏色來顯示。
18. 在Dreamweaver中輸入多個空格
我們平時輸入的空格是半角字符,在Dreamweaver中只能輸入一個,要想輸入多個空格只要輸入全角空格就可以了。輸入全角空格的方法是:打開中文輸入法,按Shift+Space切換到全角狀態(tài)。這時你輸入的空格就是全角空格了。
19. 解決Dreamweaver的BUG之一
在Dreamweaver 3.0中行為面板(Behavior inspector)中,“Events for”下拉菜單項無法打開。這樣一來,很多特技效果形同虛設,根本沒法制作。其實這應該算Dreamweaver 3.0和中文Windows98不兼容的一個地方吧,在英文Windows98中就沒有這個問題。而實際上這個菜單還是可以打開的,只不過是不能正確顯示罷了。在選中下拉菜單后,我們可以用上下鍵來選擇我們想要用的瀏覽器。
20. 用Dreamweaver 3.0的模版制作網頁,設置行為(Behavior)
在使用模板(Template)做出來的網頁中不能新增行為。這是因為新增行為需要在HTML文件的Head部分之中插入JavaScript,而使用了Template后,HTML文件的Head部分會被“封鎖”住。如果要在使用模板生成的網頁中應用行為,你就需要事先在模板中定義好行為,然后把它定義為模板的可編輯區(qū)域。隨后,你就可以在網頁中更改這個行為了。但這也只限于更改行為的觸發(fā)事件(events)和動作(actions)的具體內容,而不能更改動作的類型。
21. 給文字施加行為(Behavior),制作動態(tài)文字特效
在Dreamweaver中普通的文字是以字符為單位的,不能作為對象,即一些非常有用的JavaScript事件不能賦予文字。因為文字不像圖片和其他控件有具體的“標記”,所以文字與很多特效失之交臂。為了給文字添加特效,只有把文字做成超鏈接來處理。這樣文字就成為了對象,可以施加行為了。但是這樣又帶來了一些不需要的超鏈接屬性,比如下劃線,以及hover、visited等顏色變化。 要想單純?yōu)槲淖痔砑犹匦?,可以先把所想設置的文字做成超鏈接,然后再在它的上面添加行為,最后我們再把超鏈接轉變?yōu)槠胀ㄎ淖帧>唧w的步驟如下:
選中你想編輯的文字,在鏈接目標框里隨便填入幾個字符。選中這個鏈接,單擊窗口(Windows)→行為(Behaviors),彈出行為面板。按下“+”添加你想要的行為,如play sound等。打開Dreamweaver的超文本編輯器,找到這個鏈接,把改為,把改為。最后把“href=...”刪掉。保存此頁。按F12預覽一下。效果還不錯吧!
22. 精確定位網頁中各個元素的位置
精確定位網頁中各個元素的位置有兩種方法:使用表格或層。使用表格是目前比較通用的做法,具體方法是:先在網頁中建立一個表格,注意表格的邊框寬度應為0。然后再把各個元素按照你的要求放在各個表格單元之中。仔細調整表格單元的大小以及表格邊框的位置,這時在表格單元中的元素也會隨之移動位置。這樣你就可以比較精確地定位網頁中各個元素的位置了。使用表格的優(yōu)點是通用,幾乎各個版本的瀏覽器可以致支持表格。它的缺點是使用起來比較麻煩,需要仔細進行調整,而且定位不十分精確。層在網頁中可以隨意放置,因此我們可以使用層來進行精確定位。使用方法是,在網頁中插入一個層,然后把你想要定位的元素放在層里,接著我們就可以把層放到所想要任何位置了。此外,你還可以借助標尺和網格進行精確的定位。因為層只在最新的瀏覽器中被支持,所以為了兼容舊的瀏覽器,我們可以把層轉變?yōu)楸砀?。方法是選擇“修改(Modify)→版面布局模式(Layout Mode) →把層轉化成表格(convert layers to table)”即可。注意這時的層不能有重疊,我們可以在插入層之前選擇“查看(view) →防止層交錯(prevent layer overlaps)”來避免層的重疊。一般來說轉換后的頁面可能會有一些變化,還需要我們手工進行調整。最后有一點要注意,在進行表格和層的相互轉換時,最好不要在一個頁面中同時使用層與表格,那樣可能會把你的頁面弄得一團糟。
23. 改變?yōu)g覽者的鼠標形狀
這是通過編輯樣式表來實現的。具體方法是:選擇“文字(text)→定制樣式(CSS Style)→編輯樣式表(Edit Style Sheet)”,彈出編輯樣式表窗口,在其中選擇“新建(new)”。接著選擇“建立一個定制的樣式(Make custom style)”,給這個樣式表起名,單擊確定。編輯該樣式表,選擇擴展項(extension),在右邊的光標項(Cursor)中選擇要出現的指針效果即可。
24. 去掉超鏈接文字之下的下劃線
這一效果是通過編輯樣式表來實現的。具體方法是:“點擊文字(text)→定制樣式(CSS Style)→編輯樣式表(Edit Style Sheet)”,出現編輯樣式表窗口,選擇“新建(new)”。接著選擇重定義HTML標記(Redefine HTML Tag),并在下面的標記(Tag)選單中選擇a。編輯該樣式表,選擇類型(type),在右邊的裝飾(decoration)中選中無(none )即可。
25. 制作一個跟著頁面走的圖像
這一效果是通過JavaScript實現的。一般來說完成這樣一個效果需要一定的編程能力,但現在我們可以通過Dreamweaver的插件輕易地實現。你可以到http://www.computerinfo.com.cn/classroom/chajian/chajian2.zip這個插件。插件的安裝方法:解壓縮后拷貝到Dreamweaver下的文件夾Configuration\Objects內的一個新建文件夾里面即可。重新啟動Dreamweaver之后,我們就可以在對象面板之中找到新安裝的插件了。點擊插件的圖標,在彈出的對話框中填入圖像的存放地址以及圖像的顯示位置就可以了。