H5页面的制作
一般情况下，一个H5项目涵盖策划、创意、平面、动画交互、前后端的开发、推广等方面，需要多人团队的配合，随着互联网的发展，H5技术的普及，对人力成本的控制和开发效率要求，萌生出一堆H5工具。
H5页面制作工具大抵上分两种：模板类和专业类
H5工具推荐
专业H5页面制作工具推荐：意派∙Epub360
推荐理由：意派Epub360可以实现高质量的H5页面功能，专业组件化的功能，简易上手的操作，企业用户更容易快速完成专业的H5页面上线。
总结：
代码开发和H5工具制作的本质没啥大的区别，因为H5作为网页都是基于html，css这些代码组成，符合html5书写规范，有区别就在于成本、实现难度、制作效率、数据安全、灵活行和兼容性等大的方面。
而题主想要的“不需要依靠技术部门，能让市场部门独立完成线上营销的工具”应该是具备高灵活度、操作相对容易的专业H5工具，这里推荐 epub360 。
是啊，都是网页源码做出来的，但网上很少有免费的（特别是手机页面这种，毕竟现在html5和手机页面这些比较流行，没什么人免费放源码出来，因为本人也曾经找过，差不多找不到免费的），建议你还是去购买收费的吧。一、克服恐惧，建立自信对纷繁复杂的代码的恐惧，往往成为很多意志不坚定的学习者的绊脚石
首先你要有明确的意识：
1. 代码就是搭积木，作品可简单可复杂，开始搭起来肯定奇丑无比，随着对不同积木元素特性的持续深入的了解，会搭出更漂亮的作品。所以开始不要要求太高，只需要简单粗暴可用即可。
2. 敲代码对于中国人来讲几乎没有什么智商阻碍可言，保持耐心+细心+持之以恒。
二、初步了解HTML5、CSS、Javascript
大概花3天时间，在W3C school上大致浏览下以上几种语言的定义、大致内容等，做到有初步印象
链接：HTML 系列教程
W3C 教程有几个优点：
1. 每个页面都有对应的实例，这样可以一边看一边自己手动改代码查看结果；
2. 在最短时间内浏览整个语言的内容框架，这样到后面案例学习过程中，看到不懂的标签，可以快速地查找到详细内容；
三、用CodeCademy上手
CodeCademy是我在比较了国内外众多H5学习教程后，最后确定采纳的学习方案。它有几个核心优势，是我在其他中文教程网站上没有看到的：
1. 通过一个案例由浅入深的过程，解锁更多代码语言；
2. 按部就班的教程，让我无捷径可抄，保证了知识体系的完整性；
3. 核心练习内容的筛选，让学习者更快地掌握核心/最高频应用的H5知识；
4. 大量的解释说明，如针对具体标签的字面解释和通俗解释（太重要了）、缩写的解释；
5. 知识体系梳理；充分利用麦肯锡MECE分析法，将知识脉络梳理清，省得学员盲人摸象不着边际
