使用Dreamweaver輕松實(shí)現(xiàn)網(wǎng)頁過渡效果_Dreamweaver教程
網(wǎng)頁中經(jīng)常會有一些像動畫那樣的刷新效果,如卷動、百頁窗等。這樣的網(wǎng)頁看起來會更有動感,不過也要注重適可而止,否則太花哨的變化也輕易引起瀏覽者的反感。
效果說明:建立兩個(gè)頁面,并在兩個(gè)頁面之間建立超鏈接,當(dāng)單擊超鏈接時(shí),即可以動畫的形式進(jìn)入到另一個(gè)頁面,我們可以看到網(wǎng)頁之間的動態(tài)過渡效果。
創(chuàng)作思想:打開 Dreamweaver MX 2004 軟件,新建兩個(gè)頁面,然后分別為其建立對應(yīng)的超鏈接并插入圖片,執(zhí)行【插入】=>【 HTML 】=>【文件頭標(biāo)簽】=>【 Meta 】命令,在打開的【 META 】對話框中輸入?yún)?shù),最后保存文件完成制作。
操作步驟
�。� 1 )打開 Dreamweaver MX 2004 軟件新建兩個(gè)基本的 HTML 文件。為了在插入圖片時(shí)不提示相對路徑,可以先保存頁面為“ test1.htm ”和“ test2.htm ”。
�。� 2 )添加超鏈接并插入圖片。在頁面中添加“網(wǎng)頁過渡”字樣,并設(shè)置超鏈接鏈接到“ test2.htm ”頁面,然后插入圖片使網(wǎng)頁過渡特效更加清楚。
�。� 3 )然后對“ test2.htm ”文件執(zhí)行相同的操作,不過文字的超鏈接網(wǎng)址為“ test1.htm ”。
�。� 4 )在 test1.htm 文件中插入代碼。下面將實(shí)現(xiàn)網(wǎng)頁過渡特效并在頁面中插入 META 代碼,如圖 1、2 所示。


提示:圖 2 中添加的 Revealtrans(Duration=4,Transition=2),Duration=4 代碼是網(wǎng)頁過渡特效的參數(shù)。
�。� 5 )對照上面的操作步驟,對“ test2.htm ”文件執(zhí)行相同的操作,但輸入的內(nèi)容為“ Revealtrans(Duration=4, Transition=7),Duration= 4 ” 。
�。� 6 )保存文件,完成特效制作。
實(shí)現(xiàn)網(wǎng)頁過渡特效,可以增加網(wǎng)頁的動態(tài),但它也有弊端,會減慢瀏覽速度,所以應(yīng)適當(dāng)使用。
提示:特效有 24 種可供選擇,只要將 Transition 值改為相應(yīng)的效果代號即可,具體效果和設(shè)置如下表所示:
效果
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- 使用Dreamweaver插件個(gè)性化IE滾動條
- 網(wǎng)站優(yōu)化必須要重視的14點(diǎn)
- 技巧:用Dreamweaver進(jìn)行網(wǎng)頁優(yōu)化
- Dreamweaver 基礎(chǔ) :DW的“文檔”窗口
- Dreamweaver滑動菜單的制作
- Dreamweaver網(wǎng)頁制作教程:創(chuàng)建導(dǎo)航條
- 通過Dreamweaver學(xué)習(xí)了解CSS
- dreamweaver套用源格式,將混亂無序的代碼變得整潔
- Dreamweaver 8來構(gòu)建符合標(biāo)準(zhǔn)的Web站點(diǎn)
- Dreamweaver網(wǎng)頁制作教程:行為事件
猜你也喜歡看這些
- 巧學(xué)巧用Dreamweaver8制作網(wǎng)頁
- 網(wǎng)站重構(gòu)&web標(biāo)準(zhǔn)設(shè)計(jì)教程
- Dreamweaver8制作網(wǎng)頁教程下載
- 織夢DedeCMS視頻教程(織夢官方版主華強(qiáng)主講)
- Dreamweaver8中文版職業(yè)應(yīng)用視頻教程(打包下載)
- Dreamweaver 8 完美網(wǎng)頁設(shè)計(jì)—CSS網(wǎng)頁設(shè)計(jì)篇
- 別具光芒:DIV+CSS網(wǎng)頁布局與美化
- PHP+MYSQL網(wǎng)站設(shè)計(jì)入門實(shí)踐
- 精通JavaScript+jQuery視頻教程
- 薛欣Dreamweaver8視頻教程
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-使用Dreamweaver輕松實(shí)現(xiàn)網(wǎng)頁過渡效果
。