用Dreamweaver制作幻灯片网页的步骤如下:
1、图形元素的制作和准备。
制作幻灯片所用的图片并将之放入Dreamweaver的层中。准备在每个幻灯片中实现7幅图片的交替变换,因此需要制作7幅内容不同的图片。注意图片要在Photoshop中进行优化压缩,并调整成相同的尺寸。建立一个层,插入初始图片,该图片就是幻灯片默认得头一张图片。将层命名为Layer_main,并把该层的Index值设为1。
2、制作播放器的外观和四个控制按钮。
利用Photoshop制作一个金属效果的播放器外观。作最佳优化后,输出一个透明的GIF图片。为了让鼠标移上后按钮有些变化,不得不每个按钮制作2张图片(共6个),两个按钮只需有颜色上的差异即可。先建三个层,调整好位置,并插入三个播放键的各自的二张翻滚图片(Rollover Image)(Insert-Rollover Image)。通过调节层的Index-Z的值,确保播放器所在的层在Layer_main层的上面,在按钮所在层的下面。
3、创建幻灯片播放时间链。
按Ctrl+F9键打开时间链浮动工具面板。选取其中幻灯片所在层(Layer_main)中的初始图片(确保选取的是图像,而不是层),用鼠标拖至时间链浮动工具面板,在时间链起始处释放鼠标。设定帧速率为Fps为5,并勾选Loop框。选择时间链中的其中一帧,右击鼠标,选择"Add Keyframe"(添加关键帧),选择另一幅幻灯片图片,以更换层(Layer_main)中的初始图片。重复这个操作,将剩下的5幅图片全部加到该时间链的不同关键帧上。最后适当调节各关键帧之间的距离。并将该时间链命名为TimeLine_main。
4、为按钮和其它添加行为(Behavior)。
点击选择PLAY按钮所在的图片,在行为浮动工具面板中,从+(添加)动作下拉列表中选择Timeline-Play Timeline(播放时间链),并在弹出的对话框中选择时间链Timeline_main。单击OK。默认方式下,就会为切换动作设置一个onClick事件。点击选择PAUSE所在的图片。在行为浮动工具面板中,从+(添加)动作下拉列表中选择Timeline---Stop Timeline(停止播放时间链),并在弹出的对话框中选择时间链Timeline_main。单击OK。默认方式下,就会为切换动作设置一个onClick事件。
点击选择REPLAY所在的图片。在行为浮动工具面板中,从+(添加)动作下拉列表中选择Timeline---Go to Timeline Frame(转向放时间链帧),并在弹出的对话框中选择时间链Timeline_main,在Frame文本框中输入1。单击OK。默认方式下,就会为切换动作设置一个onClick事件。再添加下一个动作。从+(添加)动作下拉列表中选择Timeline---Play Timeline(播放时间链),并在弹出的对话框中选择时间链Timeline_main。单击OK。默认方式下,就会为切换动作设置一个onClick事件。
通过js代码做的 随便百度下 轮换广告代码 或是js轮换广告 flsh轮换广告 好多的 下载下来放到自己网站合适位置即可
使用javascript,比如控制图片的大小,当图片的长宽小于10px时,将img的src更换为另一张图片,如果想做成让图片的透明度从100减小到0,那么可以制作一张gif的图片,gif图片呈现让图片的透明度从100减小到0,然后当完全看不见时更换img的src为另一张gif图片。
“插入”->“媒体”->“图像查看器”,保存
然后在右边中间位置“flash元素”修改参数
frameshow 改为 “是”
framethickness :表示每张图片切换的时间间隔,以秒计算
showcontrols 改为“是”
silideautoplay 改为 “是”
在imageurls里插入图片
单击imageurls的右边,出现一个对话框,就可以插入图片了
完成后在游览器预览即可。
希望对你有帮助。
先用flash做成幻灯片再应用到网页
很多的、。。要不我发一份给你算了
Photoshop|
Dreamweaver|
SVG|
WebGL|
Visual Studio|
PowerDesigner|
Eclipse|
Git|
Apache Ant|
Atom|
Composer|
CodeSmith|
Flex|
Gradle|
Maven|
Sublime Text3|
SVN|
Tableau|
Vim|
Chrome开发者工具|
OpenGL|
Unity|
Direct3D|
用户登录
还没有账号?立即注册
用户注册
投稿取消
文章分类: |
|
还能输入300字
上传中....