webapp微场景，主要的需求来自微信，微信中经常可以看到一些html5活动页，手指往下一滑动，划过一屏，这个就是场景应用，现在网上出现了很多免费的场景应用直接生成的网站，也可以快速生成，不过这里介绍的是手动教你制作一个场景应用的方法。
1，建立一个网页
通过dreamweaver新建一个网页index.html，添加三个目录imgs,js,css。加载jquery和响应的插件，用到的插件：
hammer.min.js——手势插件，可以监控手势动作，然后基于它你可以为每个手势单独添加一个事件（普及一下，用fullpage.js的时候，可以不用该插件）。
fullpage.js——滚屏插件，手指滑动滚屏。
2，div+css布局
根据fullpage.js指定的方法完成网页的布局，手机下测试，ok。
这个方法可以启发你，如果觉得这个步骤很繁琐，我们开发了一款切图触景js框架（chujing.qietu.com），包含了这些文件，并且内置了很多css3动画，你只需要布局就行了，如果你想了解更多关于微场景应用开发的知识，以加我们微信：qietuwang,或者加入支付宝群聊（前端开发）。
切图网始于2007年，长期致力于提供高品质的psd转html5、响应式切图、webapp切图，h5切图等web前端开发服务，专注web前端开发技术，关注用户体验，加我们公众微信账号：qietuwang（长按复制）