HTML5技术从何学起？

1.如果题主零基础的情况下想去学代码的话，就得把HTML5、CSS3、JavaScript三个一口气都学了，这样就不需要各种求供应商和技术了。

这种情况下建议题主在网上学习+课本学习同步进行：

网上学习强推网易云课堂上浙大的翁恺老师的计算机课程。

其一，翁恺老师本身就是高校里面的人气教师，讲课简明生动，很适合初学者入门【之前学过一些计算机课程，因为太过晦涩，对程序语言甚至有点心理阴影，所以初学者学的课程还是要谨慎选择】。

其二，翁恺老师在网上授课已经有蛮多经验了，也不会出现什么讲课中途遮住了PPT，代码看不清等等诡异的问题。。。

其三，网易云课堂上的三门课程都已经整理完毕，方便学习，平台也比较稳定。而且这些课程完全免费，每门课都有几万人在学

HTML5入门：HTML5入门-网易云课堂

CSS3：CSS3-网易云课堂

JavaScript：JavaScript-网易云课堂

书的话，还是推荐一些经典的吧：

《HeadfirstHTML&CSS》：入门级必备，难度合适

《JavaScriptDOM编程艺术》：同样入门级教材

《HTML5权威指南》：内容全面，进阶阶段可看

《JavaScript高级程序设计》：JS圣经，殿堂级教材

建议交错搭配学习，加深理解，不过这样学习来比较费时间就对了

2、如果只需要能制作出简单的H5页面，就可以绕过代码这关，善用各类H5制作平台，应该都能轻松上手。

Maka：MAKA.im|简单、强大的HTML5创作工具

印象中是最早开始做H5页面的平台之一，目前只有web端没有移动端，但网页上各类模板齐全，动态效果和交互也做得不错，只要自己填充内容就好，简单易上手。

初页：初页-优质H5手机页、微信海报

和maka不同，专门做移动端的，也有一些预设的模板，支持添加文字、图片、音乐等，方便在手机上直接制作，胜在速度。

秀制作：秀米XIUMI

来自微信公众号排版常用的工具秀米出品，可以和秀米配合使用，目前也只有web端。

Epub360意派：Epub360意派-专业级H5微场景设计平台

模板不多，但自由度较高，适合有设计感的设计师来 *** 刀制作，发挥交互功能，不过只能免费制作10个，而且作品还自带logo，有ipad版和web版。

随着移动互联网时代的到来，市场营销人的工作也越来越复杂化，尤其是设计营销页制作的时候，必须要跟设计人员和技术人员打交道，十分头疼。

伴随着一些H5页面制作工具的诞生，这个问题得到了解决。市场营销人员只要对图片和文字稍加处理，就可以达到自己满意的效果。

那么，有哪些工具是特别好用的呢？

1

Page页面制作工具，来自M1云端市场部

这款工具是梅花网新推出的，针对集客营销的H5页面制作工具。这款工具拥有丰富的模板和插件，能够在较短的时间内做出美观又简洁的H5页面。

另外，这款工具搭配了表单以及客户管理系统等功能，能够快速的完成一次完整的营销活动，更为重要的是，这样一款工具竟然是免费的，不得不说是业内良心。

2

易企秀

该应用有多种动态模板，并实现多种动态效果，并且，易企秀拥有IOS移动客户端，可以在手机上进行H5的页面制作工作。

3

MAKA

Maka也是一款优秀的H5页面制作工具，模板丰富多样，在交互效果方面非常人性化，该工具有免费版，不过免费版不提供外链等功能。

4

Wix

Wix 基于HTML5技术的建站工具，向用户提供多种网页模板， *** 作非常简便，智能拖拽便可完成简单的网页建设。据Wix统计每天有超过45000的新用户加入 Wix，每个类目下有上百的HTML5模板可供使用，支持页面自适应，在手机端也有很好的展示。

5

Google Web Designer

Google Web Designer是谷歌是专门为设计者打造的的可视化HTML5设计开发工具。它提供了所见即所得的设计环境，包含设计视图和代码视图，还能制作Banner广告动画，功能丰富且强大。

6

Weebly

Weebly是一款HTML5拖放式智能建设工具，支持中文，拥有多种个优秀的网页模板，在交互设计商业为人称道，并且设有IOS和Android客户端，方便管理自己的网页、随时随地进行跟踪。

7

Ceilfire

Ceilfire是一个HTML5游戏设计平台。用户可以直接在浏览器中创建游戏、参与游戏、分享游戏，无需编程知识和相关技术细节。想做简单的HTML5游戏可以用这种方式试试手。

8

Jimdo

Jimdo 是一款德国的在线网页自助建站平台，在全球12个国家拥有超过1000万用户。用户可在不懂任何网页制作方面知识的情况下

HTML5页面制作工具，大体分为两类：基于HTML5的网站工具和手机APP工具（当然还有一些其他的，例如基于微信公众号的等，下面也会介绍）。

先总的说一下个人感受

1.基于HTML5的工具网站：功能较强大，单页面的 *** 作性较强，可完成各种页面交互效果；但是某些时候会有 *** 作“失灵”的现象，如上传图片失败，点击保存失败，生成失败等。原因你懂得~

2.手机工具APP：相比起工具网站来讲，显得比较顺手，有大量模板套用，制作简单快捷；但是拘泥于现有的模板，使得单页面不会有较大的可 *** 作空间，从而无法实现DIY交互效果。

下面展开说下每个使用过的工具吧

基于HTML5的工具网站：

【兔展】

优点：页面DIY程度较高，动效实现起来也简易方便，可制作比较任性的H5页面。

缺点：屏幕界面大小不可调节，上传的图会比例失调；生成后到各尺寸屏上页面会存在拉伸现象。

（此图意在说明上传的图片的尺寸都是网站自己默认的一个尺寸，不是图片本身的尺寸，不利于使用者调整）

【MAKA.im】 可以具体编辑，单页 *** 作性较高，有新手（有模板）和高阶（无模板）两种编辑模式；翻页效果比兔展多，模板也更强大一些。

【居高互动刊】

优点：最简单易上手的工具之一，根据提示一步一步的添加，共4步，最后生成微杂志。相比其他在线工具，较稳定。

缺点：目前没试通制作单页上的交互效果，没找到开启pro功能的入口。

【ANIMATRON】

优点：像flash的在线版，功能强大，可以创建HTML5动画。适合有动画基础的人做演示制作。

缺点：需要动画制作基础；工作界面响应时间长；貌似只能分享到twitter、Facebook、google+、tumblr？

【iSpring 7】

噱头是PPT转HTML5工具，完美与PPT兼容，可制作Html5移动课件。

不过，目前我只能连着VPN再用Safari才能打开网站链接。

【秀制作】

优点：版式轻松，制作快捷，宽带稳定。

缺点：对图片和文字在各种屏幕上的显示没有做很好的适配；不能对模板中文字的编辑调整位置。

手机工具APP：

【初页】

优点：模板质量高，套用模板编辑时效率高， *** 作简单快捷，效果和体验在制作H5页面的APP工具里面算是出类拔萃。

缺点：单页面可 *** 作性较低，仅支持套用模板。

【快邀约】快速制作邀请函

优点：易上手，省时高效，便于统计。

缺点：页面简陋，只能选择固有模板创建文字和添加图片。

【易企秀】中小微企业的移动场景营销管家

优点：套用模板，创建快捷，用来做企业介绍、产品推荐。拥有强大的推广统计、客户管理功能。嗯，这里应该赞一个。

缺点：只能用模板，DIY程度低；统计数据是否准确需要进一步确认，目前看来可能有遗漏数据的现象（在小范围测试中，统计到的数量小于应有的数量）。

【微贴】：通过微信公众号创建H5页面

优点：手机公众号内直接创建简单页面，根据提示创建即可，无脑方便快捷。

缺点：只是单页面展示，承载不了交互效果等特效和更多内容。

总结

工具网站做的H5页面，多注重单独页面的自定义交互方案，DIY程度高，相对来说用时较长，又受制于带宽因素，故影响 *** 作；

工具APP做的H5页面，多注重效率，目前都是套用模板，因而对单页面的DIY程度较低，交互效果受限。

作为我个人而言，移动互联的新任PM，我平时常用到的是【MAKA】和【兔展】，这两个相对来说更适合半天时间来完成；如想快速制作展示页面就用【初页】，这个在功能效率与设计感方面更突出一些；组织活动、制作邀请函、分发活动通知等用【快邀约】；平时推广新产品、联络客户和招聘新人用【易企秀】。

转载

---