随着移动端的逐渐兴起,由于移动端一般屏比较小,现有的在PC上使用的网站在移动端上显示效果非常不理想,很多已有PC网站的公司企业,为了获取大量移动端的客户,做个APP或移动网站对于业务开展还是非常有用的,本文就拿个例子说下制作移动网站经常遇到的困难。
现有的PC网站前台表现一般使用CSS+HTML+JS或JQUERY,移动网站最好使用CSS3+HTML5+JqueryMobile框架来编写,它集成了很多功能如宽度自适应,像素大小自适应,图片自适应,自带了很多样式及行为,列表图标,动态加载页面等很多有用的东西,可快速节约开发时间。
下面看个移动网站,此站中有APP中常见的下部5个按钮导航菜单,选中某项后可以改变样式,宽度自适应,分辨率自适应,页面切换之间有动态滑动效果,切换加载之间有加载等待图标,每个页面头部有返回按钮,有文章列表,图片列表,图片切换效果,详情显示页,联系我们中的电话,及短信如果在手机上点击会自动播通指定的电话或发送短信。把此站截图贴上
有了手机网站,移动网站如果像APP那样在手机上有个图标,直接点图标就能打开呢,免得用记住网站,可以做个APP壳,通过APP壳可以设置图标,加载图,加载后载入哪个网站,想了解更多这方面的知识请看如何把网站放进APP里