了解HTML5如何发布内容

作者:课课家教育更新于： 2016-09-01 16:40:40

　　对于HTML5，相信大家看完我们前面的课程，大多数还是不了解的，所以我们课课家教育，继续为大家带来的是与HTML5相关的课程：HTML5技术教程之如何发布内容，这个是基础入门的内容，希望能对新手及各位爱好者有所帮助。就在我们上节教程：插入曲线变形动画后，我们紧接着是需要，发布内容了，其实就在动画作品制作好后，就要拿来使用的意思，怎么发布到想要的位置也是动画制作者比较关心的问题。这一节，我们讲述怎样将制作好的动画内容发布到想要的地方。对制作好的内容，可能的使用场景主要有以下三种：

　　①：直接导出内容;

　　②：发布到MugedaCDN上面;

　　③：上传到你自己的或者第三方的服务器上。

　　然后我们需要直接导出到本地，并部署在其他地方。接着点击工具栏上的导出按钮，或者点击菜单栏的File\\导出\\动画，那么这样我们就可以把动画包的ZIP文件下载到本地，解压缩后就是动画包的文件夹。然后你可以部署到其他地方。

　　我们导出的动画包的内容如下图：

　　因为这是根据制作的动画内容的不同，所以动画包的内容也会有所不同。根据动画有没有使用脚本的分开，主要有两种类型。

　　类型1：适用于用户创建了脚本，或者带有动画控制(包括帧跳转，例如gotoAndPlay、gotoAndPause、nextframe、previousframe)的动画内容。这种类型的包内容如下图，包括了资源文件(如图像)、动画数据、用户创建的脚本、HTML文件(用于浏览或者基于iframe的标签)、Loader用于基于脚本标签、Mugeda公共库文件。

　　类型2：这种类型比较适用于用户没有创建脚本，或简单动画控制除了帧跳转(例如，暂停、播放)的普通Mugeda动画内容。这种类型的包内容如下图，包括了资源文件，css样式文件(多个文件中只有一个匹配浏览器类型的文件会被传输和使用)，HTML文件，Loader文件(用于基于脚本标签)，Mugeda公共库文件。

　　我们需要导出并部署Mugeda内容步骤（具体有四个小步骤）：

　　①：首先我们需要导出内容包（这个可以根据自己的喜欢导出来）

　　②：上传整个包，并获得上传路径的URL（上传的时候需要选择正确的路径）

　　③：应该创建基于脚本或基于iframe的广告标签上。

　　④：基于脚本的广告标签如下图所示，

　　⑤：基于iframe的广告标签如下，

　　接着我们到了发布到MugedaCDN的步骤：

　　其实我们要发布的时候，并需要部署一个创意到MugedaCDN：

　　步骤1：在用户首页的"动画作品"菜单里选择要发布的作品点击发布按钮(如下图)。

　　步骤2：我们在点击“发布”后就会进入到配置选项页面，自定义发布地址的“备注名”(方便用于区分所发布作品的链接地址)点击“下一步”(如下图)。

　　步骤3：当我们发布成功的时候，并需要上传作品信息到Mugeda服务器，此时修改已发布作品的内容并不会影响到发布链接里的内容

　　步骤4：当再次发布同一作品时，如果选择使用已有的发布地址，则新内容覆盖原有内容;如选择新地址发布，则生成新内容的新链接，这是统计系统统计的是两个链接的总浏览量（分为一些小步骤）。

　　①：首先我们需要获取在MugedaCDN上的URL，用来创建脚本或iframe广告标签

　　②：然后上传到第三方服务器步骤

　　③：接着导出的Mugeda内容包可以被上传至所需的服务器,并使用URL创建广告标签

　　可选：对于白标签客户，按照共同达成的协议Mugeda可以直接上传包到指定服务器。

　　总结，其实我们做好的mugeda作品可以有三种方式发布使用：

　　①：直接导出并部署;

　　②：发布到MugedaCDN;

　　③：上传到你自己的或者第三方的服务器上。对这三种方式，你可以根据自己的需要选择适合自己的方式。

　　下一节，我们将要讲述MugedaAPI。通过MugegaAPI你可以编写脚本代码控制动画作品，以此来实现一些复杂的动画。

　　小编结语：相信大家看完之后，都不会觉得太难吧，而且我们也向大家介绍HTML5的发布内容的过程，其实这个是非常简单的，只要大家用心去学，那么一切困难都能克服，不过这也是日积月累的过程，如果大家还需要更多更精彩的教程，那么请继续关注我们课课家教育，我们将为大家带来更多更精彩的教育咨询，谢谢大家的支持。