Dreamweaver網(wǎng)頁制作超級技巧36則(4)_Dreamweaver教程
選中你想編輯的文字,在鏈接目標框里隨便填入幾個字符。選中這個鏈接,單擊窗口(Windows)→行為(Behaviors),彈出行為面板。按下“ ”添加你想要的行為,如play sound等。打開Dreamweaver的超文本編輯器,找到這個鏈接,把改為,把改為。最后把“href=...”刪掉。保存此頁。按F12預(yù)覽一下。效果還不錯吧!
22. 精確定位網(wǎng)頁中各個元素的位置
精確定位網(wǎng)頁中各個元素的位置有兩種方法:使用表格或?qū)印J褂帽砀袷悄壳氨容^通用的做法,具體方法是:先在網(wǎng)頁中建立一個表格,注重表格的邊框?qū)挾葢?yīng)為0。然后再把各個元素按照你的要求放在各個表格單元之中。仔細調(diào)整表格單元的大小以及表格邊框的位置,這時在表格單元中的元素也會隨之移動位置。這樣你就可以比較精確地定位網(wǎng)頁中各個元素的位置了。使用表格的優(yōu)點是通用,幾乎各個版本的瀏覽器可以致支持表格。它的缺點是使用起來比較麻煩,需要仔細進行調(diào)整,而且定位不十分精確。層在網(wǎng)頁中可以隨意放置,因此我們可以使用層來進行精確定位。使用方法是,在網(wǎng)頁中插入一個層,然后把你想要定位的元素放在層里,接著我們就可以把層放到所想要任何位置了。此外,你還可以借助標尺和網(wǎng)格進行精確的定位。因為層只在最新的瀏覽器中被支持,所以為了兼容舊的瀏覽器,我們可以把層轉(zhuǎn)變?yōu)楸砀�。方法是選擇“修改(Modify)→版面布局模式(Layout Mode) →把層轉(zhuǎn)化成表格(convert layers to table)”即可。注重這時的層不能有重疊,我們可以在插入層之前選擇“查看(view) →防止層交錯(prevent layer overlaps)”來避免層的重疊。一般來說轉(zhuǎn)換后的頁面可能會有一些變化,還需要我們手工進行調(diào)整。最后有一點要注重,在進行表格和層的相互轉(zhuǎn)換時,最好不要在一個頁面中同時使用層與表格,那樣可能會把你的頁面弄得一團糟。
23. 改變?yōu)g覽者的鼠標外形
這是通過編輯樣式表來實現(xiàn)的。具體方法是:選擇“文字(text)→定制樣式(CSS Style)→編輯樣式表(Edit Style Sheet)”,彈出編輯樣式表窗口,在其中選擇“新建(new)”。接著選擇“建立一個定制的樣式(Make custom style)”,給這個樣式表起名,單擊確定。編輯該樣式表,選擇擴展項(extension),在右邊的光標項(Cursor)中選擇要出現(xiàn)的指針效果即可。
24. 去掉超鏈接文字之下的下劃線
這一效果是通過編輯樣式表來實現(xiàn)的。具體方法是:“點擊文字(text)→定制樣式(CSS Style)→編輯樣式表(Edit Style Sheet)”,出現(xiàn)編輯樣式表窗口,選擇“新建(new)”。接著選擇重定義HTML標記(Redefine HTML Tag),并在下面的標記(Tag)選單中選擇a。編輯該樣式表,選擇類型(type),在右邊的裝飾(decoration)中選中無(none )即可。
25. 制作一個跟著頁面走的圖像
這一效果是通過JavaScript實現(xiàn)的。一般來說完成這樣一個效果需要一定的編程能力,但現(xiàn)在我們可以通過Dreamweaver的插件輕易地實現(xiàn)。插件的安裝方法:解壓縮后拷貝到Dreamweaver下的文件夾Configuration\Objects內(nèi)的一個新建文件夾里面即可。重新啟動Dreamweaver之后,我們就可以在對象面板之中找到新安裝的插件了。點擊插件的圖標,在彈出的對話框中填入圖像的存放地址以及圖像的顯示位置就可以了。
26. 制作鼠標移上去后有變化的動態(tài)菜單
所謂動態(tài)菜單其實是兩幅圖,一幅是鼠標不放在上面所顯示的,另一副是鼠標移上去所顯示的。我們可以利用Dreamweaver提供的行為之中的swap image來實現(xiàn)這個效果。首先插入一副圖片,用鼠標單擊它,在屬性面版的連接欄內(nèi)輸入要連接的網(wǎng)頁。然后打開行為面板添,點擊“ ”號,選擇swap image。接著出現(xiàn)一個窗口,要你選擇鼠標移上去后所顯示的圖片,在此選擇第二副圖片,點擊“確定”。好了,效果完成了,多簡單。
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時的空格
- 使用Dreamweaver制作網(wǎng)頁的20個技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- 使用Dreamweaver 8 輕松制作漂亮的Flash像冊
- 玩轉(zhuǎn) Dreamweaver8.0:速記 CSS 屬性
- Dreamweaver MX進階教程(一)可視化操作iframe
- 玩轉(zhuǎn)Dreamweaver 8.0之設(shè)置段落格式
- Dreamweaver MX 2004從零開始
- 入門:充分利用Dreamweaver8中的查找替換技巧
- 用Dreamweaver進行數(shù)據(jù)庫操作
- DW MX 2004網(wǎng)頁中文亂碼問題:嘗試解決
- Dreamweaver MX進階教程:制作虛線
- Dreamweaver開發(fā)ASP實例視頻教程建立數(shù)據(jù)庫
猜你也喜歡看這些
- Dreamweaver MX 2004 官方簡體中文版教程
- Dreamweaver 8.0網(wǎng)頁設(shè)計
- Dreamweaver 8 完美網(wǎng)頁設(shè)計—CSS網(wǎng)頁設(shè)計篇
- 呂聰賢dreamweaver視頻教程下載
- 精通CSS+DIV網(wǎng)頁樣式與布局配套視頻教程
- Dreamweaver 8完美網(wǎng)頁設(shè)計:商業(yè)網(wǎng)站篇
- Dreamweaver8中文版職業(yè)應(yīng)用視頻教程(打包下載)
- 新編Dreamweaver MX2004 中文版輕松入門視頻教程 2CD
- Dreamweaver+Flash+Photoshop網(wǎng)頁制作教程
- 挑戰(zhàn)DREAMWEAVER MX互動網(wǎng)站百寶箱FOR ASP
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver網(wǎng)頁制作超級技巧36則(4)
。