微信H5页面怎么制作?

来源:eidea编辑:xie浏览量:1411
在这个信息化的时代,手机几乎是人手不离的一个社交工具。并且相比于iPad和电脑,手机用起来更方便。所以现在很多公司在宣传自己公司和产品的时候,都愿意做一个微信H5页面来宣传。那这篇文章小编就给大家分享做H5页面的一些相关知识了。

微信H5页面


1、H5页面正规流程下需要用什么软件制作
首先需要澄清一下,H5页面,全称HTML5页面,指的其实是充分利用HTML5技术的网页。
而网页,归根其实就是资源+CSS+HTML5+JAVASCRIPT代码,涉及到服务端请求的,还需要后端的支持,因此制作丰富精美的HTML5页面,如果细化一下你所说的正规流程:
-文案出策划案与线框图。(笔、Balsamiq Mockup)
-设计师出高保真原型(PSD、Sketch、Axure)。
-程序(前端后端撰写JavaScript/CSS/HTML代码,后端代码PHP、Node.JS等)

2、需要用到哪些技术(比如哪些程序语言)
语言的第一个问题提到的。
前端表现效果:HTML、CSS、JAVASCRIPT
后端实现:PHP、Node.JS等。

3、微信里的一些特殊的动态效果,比如摇一摇、倾斜手机、举起手机是怎样实现的
你提到的微信的动态效果,有些是微信特有的,有些是浏览器本身就支持的。
这些其实取决于微信特定的功能开放清单,有些可以做有些不可以做,只要程序根据微信的开放API文档即可实现,文档在这里。

4、H5页面怎样发布到微信上
H5页面其实就是个链接,你可以通过直接将该链接发送给好友、朋友圈、嵌入公众号、嵌入公众号图文。
另外关于如何定制特定的分享图片文案,看这里。
微信JSSDK说明文档
也可以通过生成二维码来让用户通过识别二维码来查看链接。
生成二维码工具可以看这里。
草料二维码生成器

5、有什么相关参考资料
其实对于常见的HTML5工具,取决于你所要制作的形式,对于常见互动展示类,易企秀、MAKA其实足矣,功能非常强大,模版也很丰富。

响应式案例欣赏

八爪鱼教育

响应式企业官网制作

歌莉娅服饰

知名品牌H5响应式网站

木立方集成屋

响应式企业官网设计开发