Dreamweaver高级进阶之可控幻灯片效果（上）

　　Dreamweaver中连续播放的幻灯片效果利用时间线和层的结合能够轻松做出来，读者能够从大部分教程中看到做法。我就不罗嗦了，下面我给大家介绍结合Dreamweaver的Behavior功能来制作能够控制幻灯片播放的幻灯片效果。为方便读者自己动手实践，做法的介绍部分采用步骤的形式。

一、幻灯片效果层的添加

1、打开Insert菜单，选择Layer命令。




　　层可是好东东，层能够精确定位您的WEB页。Dreamweaver还为不支持层的浏览器考虑，提供了转换层为表格的命令。(位置在Modify——>Layout Mode——>Convert Layers to Table)

　　您能够在object面板中直接点击Layer部件，然后用鼠标拖拉的方法来插入一个新层。

2、定位光标在Layer（层）内打开Insert菜单，选择Image命令。

　　在这里，插入图片充当幻灯片的角色。

　　在选择图片时，最好使用同样大小的图片，这样能够使您的幻灯片放映的更流畅。

3、点击层的边界来选中层，在属性面板中配置L为217px，T为106px，W为200px，H为115px。



　　T为层左上角到屏幕左上角的垂直距离。L为层左上角到屏幕左上角的水平距离。W和H自然是层的宽度和高度了。

4、 您幻灯片中的图片重复1到3步。



二、添加层到时间线

1、 开Window菜单，选中Timeline命令来打开时间线面板。您也能够直接键入Ctrl F9来打开时间线面板。

　　时间线的加入是Dreamweaver的一大突破，使我们不用考虑代码而自定义动态页面成为可能。

2、选中层1，拖动其到时间线面板的1通道里。（有没有发现Dreamweaver又是通道，又是层，跟Photo Shop如出一辙）



3、重复步骤2，直到任何图片拖动完毕。

4、把任何层结束帧位置移动到第11帧。



　　为了使图片间交换时有间隔，配置结束帧的位置为图片的数量乘以二再加一。如本例中，五张图片，则配置结束帧为第十一帧。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有