手机网站的功能介绍和开发心得

/
072013

手机网站的功能介绍和开发心得

  • By ZesMob
  • 2 标签
  • 围观:2,460 次

在移动互联网迅速发展的今天,手机网站对于大多数用户还是比较新鲜的事物,但很多企业意识到移动互联网是一个很好的宣传平台,结合着二维码推广,手机网站已经慢慢进入更多人的视野。

一个手机网站的建设是基于各种用户不同的需求之上的,和手机APP一样,手机网站也分很多类,比如企业宣传型网站、手机门户网站、电商购物型网站、社交娱乐性网站,这些网站都具有自己独特的功能,那么让我们一起来了解下企业宣传型的手机网站具体是什么样的。

一、界面

手机网站的界面应该是简洁大方并且而突出企业的重要元素,要展示出企业的特色,并且突显出手机网站的内容,让浏览者一目了然,如下图所示,首屏应该包含企业的logo和slogan。

手机网站界面

二、排版

手机的分辨率比电脑的分辨率小很多,所以排版尤为重要。用户一般喜欢上下滑动界面,所以手机网站的横向排版显得尤为重要,要选取最重要的版块放在网站的顶端,比如“企业介绍”、“联系我们”,因为浏览网页的人就是想在手机网站上获取有效的信息,比如“公司动态”,用户不一定感兴趣,所以直接有效的信息呈现在用户的视野中是很有必要的。纵向排版就可以丰富网站的内容,“案例介绍”、“产品中心”、“友情链接”、“打电话”、“发短信”、“留言”等板块就可以添加进去。

手机网站排名

三、内容

所谓企业宣传型的手机网站,重点是宣传,展示企业的风采,所以在内容上要少而精,毕竟手机用的是移动网络,在浏览网页的时候会消耗一定的流量,在公共场所或者在家里才能够有wifi分享。考虑到用户体验,我们在内容设计上不能像在PC网站上那样大篇幅的去展示自己的产品。

在产品的图片格式上,我们最好选择PNG格式的图片,这是最原始的图片格式,在变换图片大小的时候不易失真,文件也不是很大。我们还需要注意到的一点就是没有必要把PC网站上的所有板块和内容完全照搬到手机网站上,合理筛检,从用户的角度出发,把用户最需要的信息和功能放到手机网站上即可。

手机网站内容

在开发手机网站时,我们在技术层面也需要注意一些地方:

1、页面的适用性问题

对于移动终端,有不一样的分辨率与屏幕尺寸,如果还像电脑端的设计限制网页的宽度为固定像素值,那么不一样的终端的效果差别会很大。所以这里,最好让网页的宽度自适应屏幕。

2、版本制作问题

移动页面往往针对不同的手机设置不同的版本,一般有精简版、标准版、3G版、触屏版、智能手机版等,这些除了在页面设计上有不同外,页面语言也会不同的。

精简版采用wap 1.0 的wml脚本编写,这个通用性以前很强,很多国产手机都支持这个语言的,但这个语言是很精简的。标准版的一般可以采用wap 2.0技术,对应的脚本语言是xhtml mp(xhtml mobile profile),这个语言是xhtml的子集,这个并且支持大部分的css,基本上和电脑版的差不多,但一般不能用js,这是考虑到这些手机是不支持js的。对于智能手机版,由于现在的智能手机都支持js,这个版本的制作上就简单多了,不过,又由于大部分智能手机(基本上除去塞班手机,包括Android,ios,wp7等)都支持Html5,因此,智能手版可以采用html5来制作。

3、版本控制问题

可能这部分是比较不好解决的,如何判断手机的最佳版本并跳转,可以想办法得到手机的操作系统,比如Android的、ios,就可以跳转到html5版了,windows系统毫无疑问用电脑版。获得手机系统,可能通过得到手机型号,现在的方法是通过浏览器的UA(user agent),获得手机的一些信息,简单一点的,直接可以通过UA判断手机的制造产商。要想获得更多的信息,就得有一个数据库,因为不同手机型号会有不一样的UA信息,世界上的手机有很多,自己要想做一个这样的数据库还是很难的,不过,已经有人为我们做好了这样的数据库,或者更方便的,做好了一个识别手机适用最佳版本的函数库,这里我推荐用Wurfl。还有一种方法,就是可以通过页面的脚本来判断浏览器对js和html5的支持。

综上所述,本文介绍了企业宣传型的手机网站功能,并分享了我的一些开发心得体会,肯定会有纰漏之处,希望各位多多交流,共同探索移动互联网的开发乐趣。(本文作者:Daniel)



上一篇:
COMMENTS