在DW里制作图片轮番图片显示效果图文教程

图 1站点新建三个文件夹

第二步：下载JS、SWF、以及图片。
为了方便你，在这里我把下载地址做了连接，你点连接就下载了。
1.AC_RunActiveContent.js这时JS文件，点击后，会出来一个对话框，你选择“保存”指向你的站点scripts，意思就是要把这个下载的JS文件，放在 scripts文件夹里；
2. playswf .swf这是swf模板，请你下载保存在swf文件夹里；
3. images.rar这是下压缩的一个图片文件夹，你解压后，把这五张图片放在你站点 images文件夹里就行了， 今天就写到这里，晚上接着写。

第三步：打开Macromedia Dreamweaver 8（网页制作专业工具），新建一个网页。
1. 双击桌面 Dreamweaver 8，网络中人们简称DW，单击左上菜单“文件”，单击“新建”，在弹出的“新建文档”中选择“类别”为基本页，右边选择“HTML”，再单击下面的“创建”，你就新建了一个网页了。如图2

图2 新建一个网页

2.单击拆分，这样既能看到代码部分，又能看到文档窗口，整个工作区一目了然。养成一个良好的习惯，马上在标题栏处输入网站标题，如“初学FLASH”。然后单击左上“文件”，另存为“index.html 在弹出的对话框中找到站点文件夹，保存。如图3

图3新建一个网页

第四步：插入表格，并对表格进行设置。如图4。

图4单击菜单，插入，指向表格。

在弹出的表格属性对话框中对表格进行如下设置。如图5，这个表格做为头部设计，又称Banner。
注：我们在这里设置1行，1列，宽986，边框、单元格边距、单元格间距均为0。

图5 设置表格

鼠标单击文档窗口的表格边框，也可以在表格中点右键，表格-选择表格，下面会显示表格的属性，我们对表格进一步进行设置。首先设置表格的对齐方式为居中，然后设置表格的高度，如图6。

下面我们选中这个表格看一下它的代码，如图7

图7 表格代码

　注意：代码中的<td>与</td>之间有个 ，我们称它为空格符，我们在这里有把它去掉。去掉后的代码就是
<td></td>。
第五步：复制代码。如图8

图8 复制代码

复制代码后，鼠标再单击刚才我们新建的表格，看代码中是的鼠标光标在什么位置闪动，就在闪动的光标中点右键，贴上代码就行了。如图9

图9在<td>光标闪动的地方粘贴代码

　 第五步：分析和修改代码。

第六步：准备5张宽为986像素，高为170像素的图片，并分别重命名为tp1.jpg、tp2.jpg、tp3.jpg、tp4.jpg、
tp5.jpg。（注意：图片命名必须要和代码中的图片命名相同）。
以上图片准备好后，直接放在 images 这个文件夹后，就可以浏览你制作的网页啦！以后想更换图片，用相同名复盖就完成了。
在调试过程中可能出现的问题：
1.图片不显示，在本地查看可以，但上传到服务器上就不显示了，你要检查images 放的路径是不是和在本要一样的，假如不一样需进行修改路径，重新上传。
2. 在本地调试能显示，上传路径也正确，但就是不显示图片，这说明你的图片过大，在网络上显示慢，要对图片进行减肥。
3. 图片显示有点卡，不流畅，说明网速问题，其次图片文件过大，都会影响图片的显示速度。
在DW里制作图片轮番显示效果图文教程，就写到这里了，你还有什么问题，你可以直接在网站上给我留言，我会尽力帮助你的，
最后，祝你成功！你有更好的经验也要相互交流哟。如果需要压缩包密码的或者直接需要3个文件的压缩包的，就直接进入：http://item.taobao.com/item.htm?id=16435591656找我免费赠送。