2016 - 2024

感恩一路有你

使用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进行预览。你会看到第一幅图是刚打开的效果,一秒后自动切换到第二幅图。

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。