如何把代码变成动态图片
A. 如何用Dreamweaver製作网页动态展示的图片
dw中可以用组图轮播的方式实现动态展示图片。参考：在DW中插入一个图片，然后回车重复步骤1直到所有图片添加完成选择所有图片，格式菜单－〉列表－〉项目列表，製作一个图片列表然后再插入一个div，id命名为「LunBoNum」，在div内写入代码如下：<span class="CurrentNum">1</span><span>2</span><span>3</span><span>4</span><span>5</span>插入一个新id为「LunBo」的div，并包含如上全部内容，代码如下：<div class="LunBo"><ul><li class="CurrentPic"><img src="images/1.png" width="490" height="170"></li><li><img src="images/2.jpg" width="490" height="170"></li><li><img src="images/3.jpg" width="490" height="170"></li><li><img src="images/4.jpg" width="490" height="170"></li><li><img src="images/5.png" width="490" height="170"></li></ul><div class="LunBoNum"><span class="CurrentNum">1</span><span>2</span><span>3</span><span>4</span><span>5</span></div></div>在网页的<head></head>代码间加入jQuery框架链接<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>编写JS代码如下<script type="text/javascript" language="javascript">var PicTotal = 5;// 当前图片总数var CurrentIndex;// 当前滑鼠点击图片索引var ToDisplayPicNumber = 0;// 自动播放时的图片索引$("div.LunBo div.LunBoNum span").click(DisplayPic);function DisplayPic() {// 测试是父亲的第几个儿子CurrentIndex = $(this).index();// 删除所有同级兄弟的类属性$(this).parent().children().removeClass("CurrentNum")// 为当前元素添加类$(this).addClass("CurrentNum");// 隐藏全部图片var Pic = $(this).parent().parent().children("ul");$(Pic).children().hide();// 显示指定图片$(Pic).children("li").eq(CurrentIndex).show();}function PicNumClick() {$("div.LunBo div.LunBoNum span").eq(ToDisplayPicNumber).trigger("click");ToDisplayPicNumber = (ToDisplayPicNumber + 1) % PicTotal;setTimeout("PicNumClick()",1000);}setTimeout("PicNumClick()",1000);</script>链接CSS文件，文件内容如下* {margin: 0px;padding: 0px;font-size: 14px;}div.LunBo {position: relative;list-style-type: none;height: 170px;width: 490px;}div.LunBo ul li {position: absolute;height: 170px;width: 490px;left: 0px;top: 0px;display: none;}div.LunBo ul li.CurrentPic {display: block;}div.LunBo div.LunBoNum {position: absolute;left: 374px;bottom: 11px;width: 83px;text-align: right;background-color: #999;padding-left: 10px;}div.LunBo div.LunBoNum span {height: 20px;width: 15px;display: block;line-height: 20px;text-align: center;margin-top: 5px;margin-bottom: 5px;float: left;cursor: pointer;}div.LunBo div.LunBoNum span.CurrentNum {background-color: #3F6;
B. 如何用html代码在做成的网页中插入gif动态图
你在什么地方插入就在什么地方使用<img src='你要插入的图片路径/加上文件名'/> 即可
C. 如何在网页插入动态图片
第一步，找到一张动态图。
D. 写代码时html中如何添加动态图片
动态图片是指动画（GIF，FLASH）还是指让图片在网页上飘动？前者就只需要GIF的图片和FLASH动画了，直接放进网页就行了后者的话就要加程序了，往上有JS特效或者其他的让图片动的函数！
E. 动态svg格式动图如何转成动态 gif 格式动图
SVG格式的动画是可以交互的，不过也得基于浏览器的支持，比如现在很多品牌特别喜欢在公众号做SVG动画，就是因为微信公众号支持，可是我们却不能像图片那样保存。
因为，SVG不是传统意义上的图片格式，如果是静图（jpg、png等）、动图（gif、webp等）是可以保存下来的。
SVG这种图形文件，严格来说应该是一种开放标準的矢量图形语言，可让你设计激动人心的、高解析度的Web图形页面。用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有交互功能，并可以随时插入到HTML中通过浏览器来观看。
底层是代码，所以要变成gif图片的话，就只能录製成视频然后转成gif就好了