Dreamweaver 4.0使用技巧集錦(2)_Dreamweaver教程
選中你想編輯的文字,在鏈接目標框里隨便填入幾個字符。選中這個鏈接,單擊窗口(Windows)→行為(Behaviors),彈出行為面板。按下“ ”添加你想要的行為,如play sound等。打開Dreamweaver的超文本編輯器,找到這個鏈接,把<a>改為<font>,把</a>改為</font>。最后把“href=...”刪掉。保存此頁。按F12預(yù)覽一下。效果還不錯吧!
6. 制作鼠標移上去后有變化的動態(tài)菜單
所謂動態(tài)菜單其實是兩幅圖,一幅是鼠標不放在上面所顯示的,另一副是鼠標移上去所顯示的。我們可以利用Dreamweaver提供的行為之中的swap image來實現(xiàn)這個效果。首先插入一副圖片,用鼠標單擊它,在屬性面版的連接欄內(nèi)輸入要連接的網(wǎng)頁。然后打開行為面板,點擊“ ”號,選擇swap image。接著出現(xiàn)一個窗口,要你選擇鼠標移上去后所顯示的圖片,在此選擇第二副圖片,點擊“確定”。夠簡單的吧!
7. 用Dreamweaver制作出一個類似于下拉菜單的效果 制作一個類似于下拉菜單的效果需要用到層的隱藏和顯示特性。具體的方法是:在頁面中插入一個單行多列的表格,作為你的菜單條。表格的列數(shù)由菜單選項的多少決定。插入一個層,在層中輸入第一個下拉菜單的內(nèi)容,并把這個層移動到表格第一列的下面。同理,對其他菜單項也作如上的操作,插入相應(yīng)的層。把所有層的顯示屬性改為隱藏(Hidden)。選擇表格的第一個單元,單擊窗口(Windows)→行為(Behaviors),彈出行為面板。按下“ ”添加行為Show-Hide layers,并將第一個層(Layer1)屬性改為顯示(Show),其他層的屬性改為隱藏(Hide)。接著在行為面板中編輯這個行為,將它的觸發(fā)事件(events)改為onMouseover。這樣,當鼠標移動到第一個表格單元之上時,第一個下拉菜單就會顯示出來。接著再添加一個行為Show-Hide layers,并將所有層的屬性改為隱藏。接著在行為面板中編輯這個行為,將它的觸發(fā)事件(events)改為onMouseout。這樣當鼠標從第一個表格單元之上移開時,第一個下拉菜單就會隱藏起來。對其他的菜單項重復(fù)上述操作。但要注重設(shè)置“菜單二”時,第二層顯示,其他層隱藏;設(shè)置“菜單三”時,第三層顯示,其他層隱藏;依此類推下去。好了,按F12看看效果吧。
8. 實現(xiàn)定義的超級鏈接文字顏色
文字超級鏈接的顏色(包括未被訪問的鏈接顏色、鼠標的鏈接上的顏色、已被訪問過的鏈接顏色等等)可以用層疊樣式表來(CSS)定義,下面就介紹如何能隨心所欲地設(shè)置文字鏈接的顏色。
(1)超級鏈接的默認顏色是:未被訪問的超級鏈接是藍色、被訪問過的超級鏈接是紫色;
(2)要想使CSS定義的顏色起作用,在超級鏈接的文本的顏色屬性中什么都不要填;
(3)若你已定義了文本的顏色,發(fā)現(xiàn)CSS中定義的超級鏈接顏色不起作用,你可以取消文本的顏色定義,或取消超級鏈接再重新定義一次,CSS定義的顏色就起作用了;
(4)超級鏈接上各種狀態(tài)下文本顏色的關(guān)系:一旦定義了被訪問過的鏈接的顏色(A: visited),則當鏈接被訪問過后,該鏈接的顏色不再改變,即定義鼠標在超級鏈接上的顏色(a: hover)將不起作用了。若不定義被訪問過的鏈接的顏色(A: visited),則當鼠標在超級鏈接上顯示a: hover 中定義的顏色,當鼠標移開時顯示a 中定義的顏色。
9. 實現(xiàn)網(wǎng)頁每過五分鐘自動刷新一次
在Dreamweaver的功能面板上選擇“head”功能組面板,在這面板上點擊“Refresh”功能圖標,在彈出的“Insert refresh”對話框中,在“Delay”中輸入要刷新的間隔時間,以秒計,例:隔五分鐘刷新一次,則輸入300即可。再在該對話框上選擇“Refresh This Document”(刷新當前窗口),按OK,大功告成。當你再次瀏覽該網(wǎng)頁時,它將自動地隔五分鐘刷新一次。
10. 在Dreamweaver中將圖設(shè)為透明alpha設(shè)置
<html>
- 用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)頁
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver 4.0使用技巧集錦(2)
。