使用Dreamweaver制作輪播廣告
輪播廣告指的是隨機(jī)播放的一組圖片,我們經(jīng)常用這種方式來設(shè)計(jì)網(wǎng)站上的廣告。下面將介紹如何使用Dreamweaver制作輪播廣告。 創(chuàng)建新網(wǎng)頁 首先打開你的Dreamweaver軟件,按快捷鍵Ctrl
輪播廣告指的是隨機(jī)播放的一組圖片,我們經(jīng)常用這種方式來設(shè)計(jì)網(wǎng)站上的廣告。下面將介紹如何使用Dreamweaver制作輪播廣告。
創(chuàng)建新網(wǎng)頁
首先打開你的Dreamweaver軟件,按快捷鍵Ctrl N創(chuàng)建一個(gè)新的網(wǎng)頁。
插入表格
點(diǎn)擊菜單欄上的“表格”,選擇“插入”一個(gè)表格。
在屬性欄中設(shè)置表格的寬度和高度,確保它們與廣告圖片的尺寸相符。
添加可編輯區(qū)域
點(diǎn)擊“插入”,選擇“可編輯區(qū)域”,并在表格內(nèi)部添加一個(gè)可編輯區(qū)域。這個(gè)區(qū)域在本例中并沒有實(shí)際作用,只是為了能夠保存模板。
保存為模板
點(diǎn)擊“文件”,選擇“另存為模板”。彈出對(duì)話框后,將頁面存儲(chǔ)為模板。
添加輪播廣告
在模板中的表格位置放置光標(biāo),選擇“命令”,然后選擇“kaosweaver”,再選擇“advanced random images”。這是一個(gè)Dreamweaver的擴(kuò)展插件,你可以在百度經(jīng)驗(yàn)《Dreamweaver如何安裝擴(kuò)展插件》中找到安裝方法。
在彈出的對(duì)話框中設(shè)置“action”和“blidetime”,這兩個(gè)值分別代表廣告切換速度和切換時(shí)間間隔。點(diǎn)擊加號(hào)按鈕添加圖片。
選擇你想要添加的圖片,并點(diǎn)擊“確定”完成添加?;氐侥0屙撁鏁r(shí),你可能無法看到輪播廣告的圖片,因?yàn)樾枰陆撁孢M(jìn)行預(yù)覽。按快捷鍵Ctrl S保存頁面。
預(yù)覽輪播廣告
新建一個(gè)頁面,按快捷鍵Ctrl N,在新建對(duì)話框中選擇模板。選擇“banner輪播模板”,即剛剛創(chuàng)建的模板。
創(chuàng)建頁面后,點(diǎn)擊“拆分”按鈕,找到添加圖片的位置,并修改圖片路徑。如果你在本地測(cè)試,則需要修改為本地圖片地址。如果你是在網(wǎng)站發(fā)布,就不需要修改了。
按快捷鍵F12進(jìn)行預(yù)覽。你會(huì)看到第一幅圖是剛打開的效果,一秒后自動(dòng)切換到第二幅圖。