如何制作一个html5单页微信游戏?

方法1：学习html+css+js，学习canvas API，熟悉一种html5游戏开发引擎（比如egret,createjs）。

创新互联建站专注于下花园网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供下花园营销型网站建设，下花园网站制作、下花园网页设计、下花园网站官网定制、微信平台小程序开发服务，打造下花园网络公司原创品牌,更为您提供下花园网站排名全网营销落地服务。

方法2：花点钱，外包出去。

方法3：百度搜索“微信游戏制作工具”。

有哪些不用编写代码就能轻松制作生成HTML5页面

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】和【兔展】，这两个相对来说更适合半天时间来完成；如想快速制作展示页面就用【初页】，这个在功能效率与设计感方面更突出一些；组织活动、制作邀请函、分发活动通知等用【快邀约】；平时推广新产品、联络客户和招聘新人用

HTML5未来发展趋势要点有哪些

未来趋势要点有：

1、更加符合后web2.0的潮流

2、响应式设计，屏幕根据内容自动调整大小

3、简化设计，结合留白和文本，创造出一个视觉上简单而内容丰富的网页

4、更多单页HTML5站点

5、离线缓存，在离线情况下，web应用正常运行

6、在移动设备上发展更多的应用

7、游戏开发相关领域

求高手给做个HTML5模版

拿着模板，自己修改，去模板里，把文字的地方都改成相对于的语言。再去栏目，内容改改，如果还有没改的，可以去数据库修改下。如果单单只是语言需要翻译，这个本不是难事，难在你对是否会越南语。

HTML单页模板

你这样说 ，我看这样看， 还真不能知道你想要什么样的效果！

假如100页 怎么显示

1：要是你有多少页显示多少页，最简单了 ， 你js for 循环 生成 div 即可

如 div style="..."a href="#" 页数 /a/div 或者 给div或 a 加 点击事件 来实现提交

2：要是 显示例如 1 2 3 ....50,51,52 ... 100 ， 你要写点逻辑了

当前文章：html5单页,什么是H5单页
转载来于：http://scyanting.com/article/dsesddg.html