开启左侧

快速制作网页幻灯片——学习网页设计的同学看过来

[复制链接]
etthink 发表于 2014-10-26 22:39:01 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
网页幻灯片,也就是图片或视频等元素轮转播放效果,现在很多网页中采用这种方式呈现信息大大提高了页面的视觉效果。
但网页幻灯片的播放及切换效果实现则很麻烦,这里为大家推荐Amazing Carousel软件只需要三步,就可以制作出华丽的网页幻灯片效果。
不信看看这个示例:查看示例

软件使用和具体制作过程:

1、下载软件:http://www.etthink.com/plugin.php?id=mini_download:index&mod=view&sid=30
软件支持中文,具体注册方法见安装说明。
slider-web.jpg
2、软件安装后,添加内容:支持视频和图片。
slider-web-2.jpg

后来重新试了,支持批量导入,而且每一张图片都可以设置相应的弹出切换效果
3、选择幻灯片切换样式、设置外观。
slider-web-3.jpg
4、输出成html文件或其它指定模块
slider-web-4.jpg

生成网页文件会有两个文件夹和一个html文件,如果使用就相应把文件上传到自己网站,并把html代码添加到自己想要的位置
slider-web-6.jpg
添加代码时要注意文件路径和头部代码及内容代码位置
slider-web-7.jpg

预览效果截图:
slider-web-5.jpg

示例文件下载: 网页幻灯片示例文件@教育技术论坛.rar (478.45 KB, 下载次数: 122)

本帖被以下淘专辑推荐:

学教育技术,上教育技术论坛!http://www.etthink.com

精彩评论1

正序浏览
wrbinny 发表于 2014-10-27 10:24:52 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
欢迎大家多发帖,参与讨论,增进彼此了解。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


11关注

462粉丝

7862帖子

会员达人更多+
广告位

最新信息

更多+

关注我们:教育技术人

官方微信

官方微博

教育技术热线:

13955453231

学教育技术,上教育技术论坛!

教育技术论坛征稿范围:教育技术应用案例、教程文章、优秀作品等。

Email:sf@etthink.com

Copyright   ©2007-2026  应用思考-教育技术论坛  Powered by©Discuz!  技术支持:且行资源    ( 皖ICP备10014945号-4 )