使用Dreamweaver制作轮播广告
浏览量:1218
时间:2024-06-20 15:42:26
作者:采采
轮播广告指的是随机播放的一组图片,我们经常用这种方式来设计网站上的广告。下面将介绍如何使用Dreamweaver制作轮播广告。
创建新网页
首先打开你的Dreamweaver软件,按快捷键Ctrl N创建一个新的网页。
插入表格
点击菜单栏上的“表格”,选择“插入”一个表格。
在属性栏中设置表格的宽度和高度,确保它们与广告图片的尺寸相符。
添加可编辑区域
点击“插入”,选择“可编辑区域”,并在表格内部添加一个可编辑区域。这个区域在本例中并没有实际作用,只是为了能够保存模板。
保存为模板
点击“文件”,选择“另存为模板”。弹出对话框后,将页面存储为模板。
添加轮播广告
在模板中的表格位置放置光标,选择“命令”,然后选择“kaosweaver”,再选择“advanced random images”。这是一个Dreamweaver的扩展插件,你可以在百度经验《Dreamweaver如何安装扩展插件》中找到安装方法。
在弹出的对话框中设置“action”和“blidetime”,这两个值分别代表广告切换速度和切换时间间隔。点击加号按钮添加图片。
选择你想要添加的图片,并点击“确定”完成添加。回到模板页面时,你可能无法看到轮播广告的图片,因为需要新建页面进行预览。按快捷键Ctrl S保存页面。
预览轮播广告
新建一个页面,按快捷键Ctrl N,在新建对话框中选择模板。选择“banner轮播模板”,即刚刚创建的模板。
创建页面后,点击“拆分”按钮,找到添加图片的位置,并修改图片路径。如果你在本地测试,则需要修改为本地图片地址。如果你是在网站发布,就不需要修改了。
按快捷键F12进行预览。你会看到第一幅图是刚打开的效果,一秒后自动切换到第二幅图。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。