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