Dreamweaver 4.0使用技巧集錦(2)_Dreamweaver教程
選中你想編輯的文字,在鏈接目標(biāo)框里隨便填入幾個(gè)字符。選中這個(gè)鏈接,單擊窗口(Windows)→行為(Behaviors),彈出行為面板。按下“ ”添加你想要的行為,如play sound等。打開(kāi)Dreamweaver的超文本編輯器,找到這個(gè)鏈接,把<a>改為<font>,把</a>改為</font>。最后把“href=...”刪掉。保存此頁(yè)。按F12預(yù)覽一下。效果還不錯(cuò)吧!
6. 制作鼠標(biāo)移上去后有變化的動(dòng)態(tài)菜單
所謂動(dòng)態(tài)菜單其實(shí)是兩幅圖,一幅是鼠標(biāo)不放在上面所顯示的,另一副是鼠標(biāo)移上去所顯示的。我們可以利用Dreamweaver提供的行為之中的swap image來(lái)實(shí)現(xiàn)這個(gè)效果。首先插入一副圖片,用鼠標(biāo)單擊它,在屬性面版的連接欄內(nèi)輸入要連接的網(wǎng)頁(yè)。然后打開(kāi)行為面板,點(diǎn)擊“ ”號(hào),選擇swap image。接著出現(xiàn)一個(gè)窗口,要你選擇鼠標(biāo)移上去后所顯示的圖片,在此選擇第二副圖片,點(diǎn)擊“確定”。夠簡(jiǎn)單的吧!
7. 用Dreamweaver制作出一個(gè)類(lèi)似于下拉菜單的效果 制作一個(gè)類(lèi)似于下拉菜單的效果需要用到層的隱藏和顯示特性。具體的方法是:在頁(yè)面中插入一個(gè)單行多列的表格,作為你的菜單條。表格的列數(shù)由菜單選項(xiàng)的多少?zèng)Q定。插入一個(gè)層,在層中輸入第一個(gè)下拉菜單的內(nèi)容,并把這個(gè)層移動(dòng)到表格第一列的下面。同理,對(duì)其他菜單項(xiàng)也作如上的操作,插入相應(yīng)的層。把所有層的顯示屬性改為隱藏(Hidden)。選擇表格的第一個(gè)單元,單擊窗口(Windows)→行為(Behaviors),彈出行為面板。按下“ ”添加行為Show-Hide layers,并將第一個(gè)層(Layer1)屬性改為顯示(Show),其他層的屬性改為隱藏(Hide)。接著在行為面板中編輯這個(gè)行為,將它的觸發(fā)事件(events)改為onMouseover。這樣,當(dāng)鼠標(biāo)移動(dòng)到第一個(gè)表格單元之上時(shí),第一個(gè)下拉菜單就會(huì)顯示出來(lái)。接著再添加一個(gè)行為Show-Hide layers,并將所有層的屬性改為隱藏。接著在行為面板中編輯這個(gè)行為,將它的觸發(fā)事件(events)改為onMouseout。這樣當(dāng)鼠標(biāo)從第一個(gè)表格單元之上移開(kāi)時(shí),第一個(gè)下拉菜單就會(huì)隱藏起來(lái)。對(duì)其他的菜單項(xiàng)重復(fù)上述操作。但要注重設(shè)置“菜單二”時(shí),第二層顯示,其他層隱藏;設(shè)置“菜單三”時(shí),第三層顯示,其他層隱藏;依此類(lèi)推下去。好了,按F12看看效果吧。
8. 實(shí)現(xiàn)定義的超級(jí)鏈接文字顏色
文字超級(jí)鏈接的顏色(包括未被訪問(wèn)的鏈接顏色、鼠標(biāo)的鏈接上的顏色、已被訪問(wèn)過(guò)的鏈接顏色等等)可以用層疊樣式表來(lái)(CSS)定義,下面就介紹如何能隨心所欲地設(shè)置文字鏈接的顏色。
(1)超級(jí)鏈接的默認(rèn)顏色是:未被訪問(wèn)的超級(jí)鏈接是藍(lán)色、被訪問(wèn)過(guò)的超級(jí)鏈接是紫色;
(2)要想使CSS定義的顏色起作用,在超級(jí)鏈接的文本的顏色屬性中什么都不要填;
(3)若你已定義了文本的顏色,發(fā)現(xiàn)CSS中定義的超級(jí)鏈接顏色不起作用,你可以取消文本的顏色定義,或取消超級(jí)鏈接再重新定義一次,CSS定義的顏色就起作用了;
(4)超級(jí)鏈接上各種狀態(tài)下文本顏色的關(guān)系:一旦定義了被訪問(wèn)過(guò)的鏈接的顏色(A: visited),則當(dāng)鏈接被訪問(wèn)過(guò)后,該鏈接的顏色不再改變,即定義鼠標(biāo)在超級(jí)鏈接上的顏色(a: hover)將不起作用了。若不定義被訪問(wèn)過(guò)的鏈接的顏色(A: visited),則當(dāng)鼠標(biāo)在超級(jí)鏈接上顯示a: hover 中定義的顏色,當(dāng)鼠標(biāo)移開(kāi)時(shí)顯示a 中定義的顏色。
9. 實(shí)現(xiàn)網(wǎng)頁(yè)每過(guò)五分鐘自動(dòng)刷新一次
在Dreamweaver的功能面板上選擇“head”功能組面板,在這面板上點(diǎn)擊“Refresh”功能圖標(biāo),在彈出的“Insert refresh”對(duì)話框中,在“Delay”中輸入要刷新的間隔時(shí)間,以秒計(jì),例:隔五分鐘刷新一次,則輸入300即可。再在該對(duì)話框上選擇“Refresh This Document”(刷新當(dāng)前窗口),按OK,大功告成。當(dāng)你再次瀏覽該網(wǎng)頁(yè)時(shí),它將自動(dòng)地隔五分鐘刷新一次。
10. 在Dreamweaver中將圖設(shè)為透明alpha設(shè)置
<html>
- 用Dreamweaver在網(wǎng)頁(yè)中插入Flash按鈕
- 在Dreamweaver中編寫(xiě)CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動(dòng)換行
- 探討Dreamweaver制作網(wǎng)頁(yè)時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁(yè)的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開(kāi)發(fā)效率
- 在DreamWeaver中編寫(xiě)CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁(yè)
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- Dreamweaver開(kāi)發(fā)ASP實(shí)例視頻教程修改數(shù)據(jù)庫(kù)記錄
- Dreamweaver MX2004視頻寶典教程 配色原則
- Dreamweaver制作網(wǎng)頁(yè)幻燈片效果
- 技巧:讓網(wǎng)頁(yè)中文字替代圖片
- DW2004 中文亂碼解決方案 [2]
- 充分利用Dreamweaver CS3的代碼片斷功能面板
- 入門(mén):用Dreamweaver簡(jiǎn)單描述制作網(wǎng)頁(yè)的基本步驟
- 首頁(yè)的實(shí)現(xiàn)-Dreamweaver構(gòu)建Blog
- Dreamweaver里使用層的一些建議
- Dreamweaver網(wǎng)頁(yè)制作教程:行為事件
猜你也喜歡看這些
- 相關(guān)鏈接:
- 教程說(shuō)明:
Dreamweaver教程-Dreamweaver 4.0使用技巧集錦(2)
。