尽管这曾经是Flash的领域-导致很多加载时间和潜在的兼容性问题，但HTML5已Swift成为创建动画和交互式 Web内容的主要方法。
是否想通过动画和互动内容 吸引读者 ？
如果您是其中的一员，也许HTML5Maker是您应该尝试的东西。
当然， 并不是每个人都有时间或技能来编写HTML5内容。
让我们看一下HTML5Maker。
而且，HTML5Maker还可以帮助您将HTML5内容托管在云上 ，因此您只需要专注于创建交互式的动画幻灯片即可。
HTML5Maker是一个在线的，云托管的Web应用程序，可用于非常轻松地设计动画和交互式HTML5内容 。
HTML5Maker入门
您无需注册即可立即开始处理HTML5动画（只需单击Create Animation即可 ），但是如果注册，就可以保存动画。
注册后，您将被带到仪表板，可以在其中管理动画，更改订阅计划和密码 。
只需选择您的定价计划 ，然后在Facebook或Google上注册，或创建一个新帐户即可。
创建一个新帐户很简单；
添加幻灯片，文本和图像
要创建新动画，请单击橙色的大的“ 创建动画”按钮，直接进入实际HTML5创建界面。
基本上，您的工作画布是一个三列界面 ：幻灯片在左侧，幻灯片视图在中间，右列显示“ 图像属性” ，“ 文本属性”或“ 画布属性” （默认）–右列将切换为图像或添加或编辑图像或文本时的文本属性。
您也可以使用幻灯片显示上方的按钮手动在这三个属性之间切换。
添加幻灯片
您还可以复制和删除幻灯片 ，设置每张幻灯片的持续时间，以及设置幻灯片之间的重叠时间 。
单击添加新幻灯片按钮以添加新幻灯片。
如果您以前使用过PowerPoint，则HTML5Maker可以与幻灯片相同。
添加图像
而且，如果这些都不符合要求，您还可以上传自己的图片 。
您可以从各种各样的图像中进行选择 ，从美丽的照片到设计元素再到图标，标志和背景。
单击添加图像将打开添加图像界面。
图像将被添加到幻灯片中，然后您可以根据需要调整图像的位置和大小 。
找到喜欢的图像后，将鼠标悬停在该图像上，然后点击添加 。
要调整图像大小或旋转图像，您需要转到“ 图像属性” ，以及其他选项，例如更改不透明度 ， 替换或修改图像。
单击修改将打开HTML5Maker的图像编辑器。
单击“ 替换”只是再次打开图像选择窗口。
您还可以应用过滤器和叠加层以及添加文本和框架。
在“图像编辑器”部分中，您可以执行基本的图像编辑，例如裁剪，模糊和调整对比度。
有很多不同的淡入和淡出样式可供选择，您甚至可以启用高级模式 ，以设置这些淡入的持续时间。
最后，您可以选择图像的出现和消失效果 。
添加文字
选择一种字体，字体大小或颜色，启用文本背景，调整格式设置选项，设置大小和文本位置，添加阴影或内部阴影或在此处添加指向站点或幻灯片的文本链接。
您可以直接从幻灯片上旋转和更改文本 ，或者在“ 文本属性”侧栏中签出更多选项。
单击添加文本按钮，一个文本框将出现在您的幻灯片上。
画布属性，预览和发布
您还可以启用或禁用一些选项，例如“ 自动播放” ，“在MouseOver上暂停”和“ 响应式动画” 。
您可以通过许多预设或自定义画布大小来更改画布的大小。
每种类型的滑块或控件都有许多选项供您调整 ，包括大小，图标类型，颜色，不透明度等。
您可以添加控件来播放，暂停，从一张幻灯片移到另一张幻灯片，使用计时器进度栏等等。
动画控件将打开一个新窗口，您可以在其中为动画选择“ 滑块选项 ”。
预览和发布
将动画另存为HTML5或Flash 。
满意后，请点击屏幕右上角的橙色大发布按钮。
HTML5Maker有两个预览选项 ：您可以预览当前幻灯片或预览整个动画。
您还可以在此处找到更多选项来嵌入或共享动画 。
可以从仪表板访问已保存的动画。
结论
有一个免费帐户，但是您只能使用该帐户保存一个动画 ，并且动画中必须有HTML5Maker水印。
HTML5Maker具有许多定价层，可以适应任何预算。
付费计划的范围从$ 4.99 –每月$ 49.99 –价格随动画限制而增加（$ 49.99 / month计划最高可达100）–并保证99.9％的正常运行时间，并使您可以访问高级专业模板。
尽管HTML5Maker可能不适合复杂HTML5内容（例如音乐网站Pitchfork的Cover Stories系列），但它仍然是功能强大的工具，应该可以满足大多数用户的需求 。
总而言之，如果您不具备自己编写HTML5的专业知识，但又想利用HTML5可以为您的网站提供的交互式响应式动画的优势，HTML5Maker就是一个很好的工具。
翻译自: https://www.hongkiat.com/blog/create-html5-animation-html5maker/