怎么用Dreamweaver制作網(wǎng)頁(yè)中常用的過(guò)渡效果

這篇文章主要講解了“怎么用Dreamweaver制作網(wǎng)頁(yè)中常用的過(guò)渡效果”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“怎么用Dreamweaver制作網(wǎng)頁(yè)中常用的過(guò)渡效果”吧！

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)建站！專(zhuān)注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、小程序制作、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶(hù)創(chuàng)新互聯(lián)還提供了阿圖什免費(fèi)建站歡迎大家使用！

注：通過(guò)模板所建網(wǎng)頁(yè)無(wú)法添加網(wǎng)頁(yè)過(guò)渡效果!

制作步驟：

1、 打開(kāi)一個(gè)頁(yè)面，這一步非常關(guān)鍵。為什么要打開(kāi)一個(gè)頁(yè)面，而不是在編輯過(guò)程中進(jìn)行設(shè)置呢?這是因?yàn)榫W(wǎng)頁(yè)過(guò)渡的代碼必須在代碼窗口的一些特定區(qū)域顯示才能起作用。而剛打開(kāi)的窗口，光標(biāo)在代碼窗口的最上一行的最前邊，是合適的位置之一，對(duì)于不熟悉代碼者來(lái)說(shuō)，這樣簡(jiǎn)單、易操作。但有些網(wǎng)頁(yè)剛打開(kāi)時(shí)光標(biāo)也不在代碼窗口的最上一行的最前邊，那要通過(guò)邊框的滾動(dòng)條找到代碼的第一行，然后在最前邊點(diǎn)擊鼠標(biāo)，把光標(biāo)定位在代碼窗口的最上一行的最前邊。

2、單擊菜單欄中的插入-HTML-文件頭標(biāo)簽-Meta，會(huì)彈出Meta對(duì)話(huà)框。

3、在對(duì)話(huà)框中的屬性選項(xiàng)的下拉列表中選HTTP-equivalent選項(xiàng)，在值一格中鍵入Page-Enter，表示進(jìn)入網(wǎng)頁(yè)時(shí)有網(wǎng)頁(yè)過(guò)渡效果。 在內(nèi)容一格中鍵入 Revealtrans(Duration=4,Transition=2)，Duration=4 表示網(wǎng)頁(yè)過(guò)渡效果的延續(xù)時(shí)間為4秒，Transition表示過(guò)渡效果方式，值為2時(shí)表示圓形收縮，各種效果數(shù)字代碼如下。

4、輸入完后單擊確定，保存。這樣當(dāng)我們進(jìn)入這個(gè)頁(yè)面時(shí)就可以看到效果了。剛才你看到效果了吧!要不然你再回到主頁(yè)，再到這一頁(yè)看一下。

5、另外還有二十多種效果供你選擇，只要將Transition的值改為相應(yīng)的效果的代號(hào)即可，具體效果和設(shè)置如下表所示 ：

效果 　　　Transition　　　　　 　效果 　　　　　　Transition

盒狀收縮　　　　　 0 　　　　　　　溶解 　　　　　　　　12

盒狀展開(kāi)　　　　　 1 　　　　　　　左右向中部收縮　　　 13

圓形收縮　　　　　 2 　　　　　　　中部向左右展開(kāi) 　　　14

圓形展開(kāi) 　　　　　3 　　　　　　　上下向中部收縮 　　　15

向上擦除 　　　　　4　　　　　　　 中部向上下展開(kāi)　　　 16

向下擦除 　　　　　5 　　　　　　　階梯狀向左下展開(kāi) 　　17

向左擦除 　　　　　6　　　　　　　 階梯狀向左上展開(kāi) 　　18

向右擦除 　　　　　7 　　　　　　　階梯狀向右下展開(kāi)　　 19

垂直百葉窗 　　　　8 　　　　　　　階梯狀向右上展開(kāi)　　 20

水平百葉窗　　　　 9　　　　　　　 隨機(jī)水平線(xiàn)　　　　　 21

橫向棋盤(pán)式　　　　 10 　　　　　　 隨機(jī)垂直線(xiàn) 　　　　　22

縱向棋盤(pán)式　　　　 11 　　　　　　 隨機(jī) 　　　　　　　　23

undefined

感謝各位的閱讀，以上就是“怎么用Dreamweaver制作網(wǎng)頁(yè)中常用的過(guò)渡效果”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)怎么用Dreamweaver制作網(wǎng)頁(yè)中常用的過(guò)渡效果這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

標(biāo)題名稱(chēng)：怎么用Dreamweaver制作網(wǎng)頁(yè)中常用的過(guò)渡效果
分享URL：http://muchs.cn/article14/ieppge.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、網(wǎng)站收錄、網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、全網(wǎng)營(yíng)銷(xiāo)推廣、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)