手机网站页面如何做?

手机网站页面如何做？虽然国内用手机上网的速度实在不咋的，3G要么速度奇慢，要么费用巨高，Wifi热点因为某些部门的禁止而无法普及。或者也是个好事，指不定哪天美国佬因为Wifi的辐射造成了大批量死亡，那就是我们某些部门的高瞻远瞩了，手机页面如何做？当然会更注技术层面的东西，今天我就把我对国内手机网站开发的一些看法分享给大家，为什么要说国内呢，因为国内要考虑手机上网的资费和速度问题。

 

手机以及手机上网的特点

1. 手机屏幕小，一般在240 * 320以上的称之为大屏幕手机
2. 处理器频率低，也就意味着只能执行小量的运算，不要用一大推JS去考验手机，jQuery这种东西不适合手机用，哪怕是智能机。
3. 上网速度慢，特别是移动的用户，TD-CDMA上网的速度，可不是一般的慢，有些地区可能好一些，难道我运气差？
4. 上网资费高，这也算是中国特色了，Wifi不让用，3G交费高，摆明着要吸血，现在3G资费下降了还好些，以前下个Mp3得100多块钱啦，现在基本上是0.3元/M了吧。
5. 输入麻烦，选择也麻烦，特别是过多的选择，非触摸屏手机是很痛苦的
6. 浏览器众多，兼容性差。这个是很头痛的问题，各浏览器的差别太大了，不是IE6与Firefox3之间的差别，咱们也不用考虑太多，智能机（iPhone/Android/Windows Mobile）和非智能机就成了

 

手机网站的开发原则

1. 网页要尽可能的简单，能不要的尽量不要，遵从简约而不简单的原则
2. 少用使用图片，尽量用颜色代替，不要完全使用图片代替文字，因为有用户会禁止图片的显示
3. 网页体积要求尽可能地小，一般控制在20k以内
4. 在选项不多的情况下使用选择，反之应该考虑使用输入
5. UI要求更人性化，让用户尽可能快地找到相应的内容。实际上手机网站更考验UI的设计能力，因为手机的输入方式一般有键盘输入和触摸屏两种，有大屏和小屏，这些都是我们需要考虑到的
6. 应该根据不同的手机类型支持不同的版本，最起码要包括智能机与非智能机两个版本
7. 每页内容不应该太多，每页内容一方面反应内容的承载量，另一方面，可以反应出用户需要要滚之少次屏才能看到数据，这是一把双刃剑，过多的内容意味大的体积，也意味着滚屏太多

 

后面，我还是要强调一下，手机网站最起码要有两个版本，为什么呢？因为现在智能机的用户越来越多，智能机与非智能差别非常大，而且智能机对 Javascript的支持都非常好。所以在智能机应该有更佳的用户体验，如果你要折中的话，那是两边不讨好，如果你真的只有一个版本，你就考虑智能机或 者非智能机好了，千万不要折中，手机页面基本要求做法。

---