DreamWeaver超級技巧4

  21. 給文字施加行為(behavior),製作動態文字特效

在dreamweaver中普通的文字是以字元為單位的,不能作為對象,即一些非常有用的javascript事件不能賦予文字。因為文字不像圖片和其他控制項有具體的“標記”,所以文字與很多特效失之交臂。為了給文字添加特效,只有把文字做成超連結來處理。這樣文字就成為了對象,可以施加行為了。但是這樣又帶來了一些不需要的超連結屬性,比如下劃線,以及hover、visited等顏色變化。 要想單純為文字添加特效,可以先把所想設定的文字做成超連結,然後再在它的上面添加行為,最後我們再把超連結轉變為普通文字。具體的步驟如下:

選中你想編輯的文字,在連結目標框裡隨便填入幾個字元。選中這個連結,單擊視窗(windows)→行為(behaviors),彈出行為面板。按下“+”添加你想要的行為,如play sound等。打開dreamweaver的超文本編輯器,找到這個連結,把改為,把改為。最後把“href=...”刪掉。保存此頁。按f12預覽一下。效果還不錯吧!

  22. 精確定位網頁中各個元素的位置

精確定位網頁中各個元素的位置有兩種方法:使用表格或層。使用表格是目前比較通用的做法,具體方法是:先在網頁中建立一個表格,注意表格的框線寬度應為0。然後再把各個元素按照你的要求放在各個表格單元之中。仔細調整表格單元的大小以及表格框線的位置,這時在表格單元中的元素也會隨之移動位置。這樣你就可以比較精確地定位網頁中各個元素的位置了。使用表格的優點是通用,幾乎各個版本的瀏覽器可以致支持表格。它的缺點是使用起來比較麻煩,需要仔細進行調整,而且定位不十分精確。層在網頁中可以隨意放置,因此我們可以使用層來進行精確定位。使用方法是,在網頁中插入一個層,然後把你想要定位的元素放在層里,接著我們就可以把層放到所想要任何位置了。此外,你還可以藉助標尺和格線進行精確的定位。因為層只在最新的瀏覽器中被支持,所以為了兼容舊的瀏覽器,我們可以把層轉變為表格。方法是選擇“修改(modify)→版面布局模式(layout mode) →把層轉化成表格(convert layers to table)”即可。注意這時的層不能有重疊,我們可以在插入層之前選擇“查看(view) →防止層交錯(prevent layer overlaps)”來避免層的重疊。一般來說轉換後的頁面可能會有一些變化,還需要我們手工進行調整。最後有一點要注意,在進行表格和層的相互轉換時,最好不要在一個頁面中同時使用層與表格,那樣可能會把你的頁面弄得一團糟。

23. 改變瀏覽者的滑鼠形狀

這是通過編輯樣式表來實現的。具體方法是:選擇“文字(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的外掛程式輕易地實現。你可以到下載這個外掛程式。外掛程式的安裝方法:解壓縮後拷貝到dreamweaver下的資料夾configuration\objects內的一個新建資料夾裡面即可。重新啟動dreamweaver之後,我們就可以在對象面板之中找到新安裝的外掛程式了。點擊外掛程式的圖示,在彈出的對話框中填入圖像的存放地址以及圖像的顯示位置就可以了。