用h5页面制作工具制作的东西怎么得到源代码

Posted 2023-04-17

用H5工具制作的H5页面一般是不能导出源码的，如果您是需要部署到自己的服务器，可以使用我们的 epub360制作，支持导出html网页包，可以离线观看或者单独部署到自己的服务器发布。 参考技术A 　　一、Adobe Edge

　　目前还处于预览阶段的Adobe Edge是用HTML5、CSS、javascript开发动态互动内容的设计工具。内容可以同时兼容移动设备和桌面电脑。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性，此外Edge还将整合TypeKit这样的字体服务。

　　动画和图形可以添加到HTML元素中，程序也能通过Edge自身的代码片段库或者JavaScript代码进行扩展。动画可以在独立的时间线上进行嵌套，还能实现互动功能。符合可以服用并通过API和代码片段控制。通过Edge设计的内容可以兼容ios和android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器。

怎么_如何制作h5页面？

近年来，h5突然开始风靡全国，与此同时也涌现出了一批以此为生的h5页面开发商或软件供应商。

尽管如此，还是有许多人喜欢亲自动手开发h5页面。下面，笔者将会从几个方面简单地介绍如何制作h5页面。

完整的H5页面的制作流程包括：策划案——原型图——文案拟定——视觉设计——动画设计——音效编辑——代码或工具实现——上线

代码/工具实现就是开发的过程。

在开发的过程中，需要用到的工具通常有以下几种：

大众型工具：MAKA、兔展、易企秀，还有很多，也很优秀。利用模板，支持一定范围的自由创作，推荐MAKA。

专业型工具：支持自由创作，推荐ih5和意派

需要用到的技术包括：

Html5,、CSS3、js、three.js、webGL、node.js、SVG、PHP……

如果是做H5的游戏，就涉及到egret和layabox和cocos。

还有一些开发接口：百度API、微信红包API以及图片识别和声音识别的接口

以上就是笔者根据经验简单介绍了开发过程中需要用到的工具和技术，实操部分因为内容实在太多了，就不在这里详细展开。

最后想说，h5的学习制作过程是复杂的，需要耐心和毅力。如果自学h5的原因是商业推广方面的需要，也可以找专业的服务商来做。在没有时间和精力的情况下，也是不错的选择。笔者也尝试找过几家h5页面制作的服务商，效果都挺满意的，像汇桔宝这类都做的挺好的。