這篇文章主要介紹了Dreamweaver如何制作網(wǎng)頁(yè)打開特效,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
站在用戶的角度思考問(wèn)題,與客戶深入溝通,找到龍子湖網(wǎng)站設(shè)計(jì)與龍子湖網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品,建站類型包括:成都做網(wǎng)站、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、申請(qǐng)域名、虛擬主機(jī)、企業(yè)郵箱。業(yè)務(wù)覆蓋龍子湖地區(qū)。
Dreamweaver v8.0 簡(jiǎn)體中文版(附注冊(cè)機(jī)+8.02補(bǔ)丁):https://www.yisu.com/softs/243.html
1、按快捷鍵ctrl+n新建一個(gè)頁(yè)面,選擇基本頁(yè) html,創(chuàng)建。
2、接著我們插入一個(gè)圖片使得我們的效果更好看出來(lái)。點(diǎn)擊插入——圖像。
3、在插入圖片對(duì)話框中選擇一個(gè)圖片,我們選擇du小策的藝術(shù)照一張。
4
插入圖片以后,我們?cè)趫D片上方輸入du小策和du幫幫。
5、按快捷鍵ctrl+s,儲(chǔ)存,文件名為du小策。
6、同樣的方法我們建立du幫幫的個(gè)人頁(yè)面。
7、接著我們給du小策這幾個(gè)字添加指向“du小策.html”的文件的鏈接。如圖所示,我們選中du小策這幾個(gè)字,然后拖動(dòng)鏈接匡右側(cè)的小圓圈,拖到du小策這個(gè)文件處。
8、同樣的方法把du幫幫這幾個(gè)字做一個(gè)鏈接,指向du幫幫的頁(yè)面。接下來(lái)我們要添加特效,點(diǎn)擊插入——html——文件頭標(biāo)簽——meta。
9
彈出這個(gè)對(duì)話框中,屬性選擇http_equivalent,值你要自己輸入Page-Enter。內(nèi)容你要填“Revealtrans(Duration=4,Transition=2),Duration=4”,這段代碼的意思是:duration指的是特效持續(xù)時(shí)間,transition指的是效果樣式,我們?cè)趨⒖假Y料中的表格中可以看到特效值對(duì)應(yīng)的特效。我們使用的特效是第三個(gè),圓形收縮。
10、同樣的方法我們給du小策的頁(yè)面也添加特效。然后按快捷鍵F12看看效果,點(diǎn)擊du小策和du幫幫在他倆之間切換,筆者提示你注意,由于本地瀏覽無(wú)法看到特效,你需要發(fā)布網(wǎng)頁(yè)以后看效果,不過(guò)你學(xué)會(huì)了這個(gè)技術(shù)及可以了。
注意事項(xiàng)
transition的特效值介紹,以上所有用的圖片來(lái)自網(wǎng)絡(luò)搜集。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“Dreamweaver如何制作網(wǎng)頁(yè)打開特效”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,,關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!