這篇文章主要講解了“怎么用Dreamweaver制作網頁中常用的過渡效果”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“怎么用Dreamweaver制作網頁中常用的過渡效果”吧!
網站建設哪家好,找創(chuàng)新互聯(lián)建站!專注于網頁設計、網站建設、微信開發(fā)、小程序制作、集團企業(yè)網站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了阿圖什免費建站歡迎大家使用!
注:通過模板所建網頁無法添加網頁過渡效果!
制作步驟:
1、 打開一個頁面,這一步非常關鍵。為什么要打開一個頁面,而不是在編輯過程中進行設置呢?這是因為網頁過渡的代碼必須在代碼窗口的一些特定區(qū)域顯示才能起作用。而剛打開的窗口,光標在代碼窗口的最上一行的最前邊,是合適的位置之一,對于不熟悉代碼者來說,這樣簡單、易操作。但有些網頁剛打開時光標也不在代碼窗口的最上一行的最前邊,那要通過邊框的滾動條找到代碼的第一行,然后在最前邊點擊鼠標,把光標定位在代碼窗口的最上一行的最前邊。
2、單擊菜單欄中的插入-HTML-文件頭標簽-Meta,會彈出Meta對話框。
3、在對話框中的屬性選項的下拉列表中選HTTP-equivalent選項,在值一格中鍵入Page-Enter,表示進入網頁時有網頁過渡效果。 在內容一格中鍵入 Revealtrans(Duration=4,Transition=2),Duration=4 表示網頁過渡效果的延續(xù)時間為4秒,Transition表示過渡效果方式,值為2時表示圓形收縮,各種效果數(shù)字代碼如下。
4、輸入完后單擊確定,保存。這樣當我們進入這個頁面時就可以看到效果了。剛才你看到效果了吧!要不然你再回到主頁,再到這一頁看一下。
5、另外還有二十多種效果供你選擇,只要將Transition的值改為相應的效果的代號即可,具體效果和設置如下表所示 :
效果 Transition 效果 Transition
盒狀收縮 0 溶解 12
盒狀展開 1 左右向中部收縮 13
圓形收縮 2 中部向左右展開 14
圓形展開 3 上下向中部收縮 15
向上擦除 4 中部向上下展開 16
向下擦除 5 階梯狀向左下展開 17
向左擦除 6 階梯狀向左上展開 18
向右擦除 7 階梯狀向右下展開 19
垂直百葉窗 8 階梯狀向右上展開 20
水平百葉窗 9 隨機水平線 21
橫向棋盤式 10 隨機垂直線 22
縱向棋盤式 11 隨機 23
undefined
感謝各位的閱讀,以上就是“怎么用Dreamweaver制作網頁中常用的過渡效果”的內容了,經過本文的學習后,相信大家對怎么用Dreamweaver制作網頁中常用的過渡效果這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關知識點的文章,歡迎關注!
標題名稱:怎么用Dreamweaver制作網頁中常用的過渡效果
分享URL:http://jinyejixie.com/article14/ieppge.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供手機網站建設、網站收錄、網站建設、關鍵詞優(yōu)化、全網營銷推廣、響應式網站
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)