1、启动Edge Animate，打开/asmurf+spriteSheet+Tutorial+1.zip解压后其中的smurf.an文件。
成都创新互联公司是专业的岳阳楼网站建设公司，岳阳楼接单;提供网站建设、成都网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行岳阳楼网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
在舞台上选择蓝精灵元素（或者可以在右上角的Elements面板中选择smurf_sprite），点击右键，点击“Convert to Symbol”命令，转换元素为元件。转换后的元件不仅包含原有元素的资源，而且包括其中设置的独立时间线动画和脚本。
2、在弹出的“Create Symbol”提示框中输入新的元件名称，比如“Smurf”。默认选中Autoplay Timeline，点击OK。此时，你可以在右边Lirary面板的Symbols子面板中，看到生成的新的Smurf元件。此时，舞台上的原有Smurf_Sprite元素也变为名为“Smurf”的元素，时间轴上也对应做出修改。如下图：
3、在舞台上，可以从Library的元件面板中，拖拽元件到舞台上来创建多个新的元件实例。比如，我们可以把现在舞台上的蓝精灵删除，然后在元件面板中拖拽Smurf元件到舞台上。每当拖拽Smurf元件到舞台上，Animate都会为你生成一个新的Smurf实例，并为新的实力元素自动命名。如下图：
现在，在舞台中只留下一个蓝精灵元件实例，并在Elements面板中命名其为SmurfBoy（双击元素面板中名称即可重新命名）。
这种如果只是效果。用HTML拼一下不就出来了。。。。一条主线。两个箭头，4个节点。下面那个滚动。。。如果用JS就找个插件用用吧。
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。设置音量的方法为：
1、鼠标左键选中时间轴需要修改的音频。
2、用鼠标将音频导轨拖宽，直到看见一条中线为止。
3、Ctrl+鼠标左键，点击音频中线（也是音频音量的标准线），点击一下出现一个小点，这个点叫做关键点。
4、将中间的2、3点分别用鼠标左键向下拖拽。这样播放一下，效果——就声音变小，然后又恢复正常，如果想变大，就将第2、3关键点用鼠标左键向上托即可。如果2、3关键点都拖到低就会出现静音的效果。
注意事项：
与传统的技术相比，HTML5 的语法特征更加明显，并且结合了 SVG 的内容。这些内容在网页中使用可以更加便捷地处理多媒体内容，而且 HTML5中还结合了其他元素，对原有的功能进行调整和修改，进行标准化工作。
Sublime Text
Sublime Text界面优美、功能强悍、性能优越，它并不是IDE（集成开发环境），而是一个单纯的文本编辑工具，但其代码高亮显示、语法提示、自动完成且反应快速，还有各种丰富插件的支持，使得文本编辑过程非常规范且快速高效。同时，Sublime Text支持Windows、Linux、Mac OS X等操作系统。
Sublime Text更多功能介绍：
WebStorm
WebStorm的牛逼之处在于商家在不断的更新版本。WebStorm在JavaScript开发中，被誉为Web开发神器。
WebStorm集成了ZenCoding、HTML5、ftp、即时编辑（Chrome）、自动完成、基于Mozilla的JavaScript调试器、JSLint、Less支持、CoffeeScript支持、Node.js等特性。
Atom
Atom 是GitHub专门为程序员推出的一个跨平台文本编辑器，具有简洁和直观的图形用户界面，并有很多有趣的特点：支持HTML、CSS，JavaScript等编程语言。它还支持宏，自动完成分屏等功能，集成了文件管理器。
因为科技编辑身份，之前曾以HTML5工具专业性为主要指标为国内iH5平台做过排名。有四个指标，功能是H5工具使用的基础，模板属于工具适用性的象征，定制服务能体现平台的生态性，易用度则是用户友好范畴。结果如下，希望对你有帮助。
第一名：iH5（14星）
工具功能 ★★★★★ 模板质量 ★★★
定制支持 ★★★★ 易用度 ★★
【优点】PC端云端编辑，提供H5编辑、效果监测和平台社交功能，包括事件控制、时间轴、多屏控制和数据库等高级功能。工具使用免费，教程详细，能搜索案例联系设计师。
【缺点】工具的熟练使用需要较多学习时间。
[备注] 原为VXPLO互动大师。
第二名：易企秀（13星）
工具功能 ★★ 模板质量 ★★
定制支持 ★★★★ 易用度 ★★★★★
【优点】 提供HTML5设计的APP，针对移动互联网营销，能像PPT一样制作移动H5页面。模板丰富，超过1000个。支持场景定制，提供设计师展示平台。
【缺点】功能有限，缺乏高级功能。成品动效一般，屏幕自适应效果不是很好。
[备注] 已进军海外市场。
第二名：ME微杂志（13星）
工具功能 ★★★ 模板质量 ★★★
定制支持 ★★★ 易用度 ★★★★
【优点】PC端云端编辑，网站定位明确，而且编辑界面美观度较强且友好，包含表单、投票功能。
【缺点】模板质量参差不齐，大部分较一般。以功能组件为主，拓展性不强。
并列第二：场景应用（13星）
工具功能 ★★★ 模板质量 ★★★
定制支持 ★★★ 易用度 ★★★★
【优点】PC端云端编辑，提供创作、推广、效果分析服务，包括抽奖、卡券等高级功能，模板丰富，提供H5定制。
【缺点】编辑界面不够简洁，功能有限，缺乏高级功能。
[备注] 背后设计团队为云来。
并列第二：Epub360（13星）
工具功能 ★★★★ 模板质量 ★★
定制支持 ★★★★ 易用度 ★★★
【优点】PC端云端编辑，编辑界面美观，包含一定的HTML5编辑高级功能，作品管理功能较好。
【缺点】模板数量较少，以功能组件为主，拓展性不够强。需要Chrome浏览器，免费版限制较大。
第三名：MAKA（12星）
工具功能 ★★ 模板质量 ★★★
定制支持 ★★ 易用度 ★★★★★
【优点】提供HTML5设计的APP，主要面向个人用户，分为是否有模板两种编辑模式。模板大约60个，比较美观（题外话，运营团队强大）。
【缺点】功能有限，自主编辑的性能低，增值服务性价比低。
并列第三：搜狐快站（12星）
工具功能 ★★★★ 模板质量 ★★
定制支持 ★ 易用度 ★★★★★
【优点】提供HTML5设计的APP，网站定位明确，提供移动建站成套服务，包括优惠券、投票等功能。
【缺点】以提供功能组件为主，网站建设者编辑自由度不高，模板美观性一般。
并列第三：Mugeda（11星）
工具功能 ★★★★ 模板质量 ★★
定制支持 ★★ 易用度 ★★★
【优点】PC端云端编辑，编辑界面美观，提供事件控制、时间轴等高级功能。
【缺点】免费版功能非常有限，不提供私有模板。
第四名：We+（11星）
工具功能 ★★ 模板质量 ★★
定制支持 ★★★ 易用度 ★★★★
【优点】PC端云端编辑，编辑页面和模板较美观，主要提供H5定制，包括方案策划和新媒体传播。
【缺点】模板数量极少，作为主要面向企业的H5工具，功能单一，且增值费用高昂。
第五名：兔展（10星）
工具功能 ★★ 模板质量 ★★
定制支持 ★ 易用度 ★★★★★
【优点】PC端云端编辑，能像PPT一样制作移动H5页面，模板有大约130个。编辑页面简单易上手，动画实现方便。同时提供H5定制，包括方案策划和新媒体传播。
【缺点】模板精美度一般，编辑界面大小不可调节，上传的图会比例失调。免费版功能比较有限。
第五名：爆米兔（10星）
工具功能 ★★ 模板质量 ★★
定制支持 ★ 易用度 ★★★★★
【优点】PC端云端编辑，模板有大约40个。容易上手，有切图的特色功能。
【缺点】模板动态效果一般，工具功能有限，模板和作品数量极少。
上面列表中，模板质量没有超过三颗星的，原因很简单，真正好的H5作品靠的是重构的创意，而非套用。
以上。
是一个警告，脚本没有错误也会出现，只是提醒开发者：html5 canvas中，时间轴编号是从0开始。而在swf中，时间轴编号是从1开始。
如：你在html5 canvas中，执行this.gotoAndStop(5)，实际停在时间线的第4帧上，而在swf中，则停在时间线的第5帧上。