- A+
随着智能手机逐渐普及，手机网站所占比重逐年上升。因此在网站建设时，手机网站的布局成了一个重头戏。下面我们说说手机网站建设注意细节攻略.
布局
我们一起来看看区分元素在布局中的使用情况：
(1) 标志
标志是布局的核心之一。标志要尽量做到引人注视，但与此同时，应注意它的尺寸，并确保它的大小不会超过2KBs。由于，移动网络载入图片通常要花很长时间，你也不想由于个体差异而使得自己的网站载入不完全。
(2) 网站导航
导航是设计中最重要的事之一。不管怎样，你都需要导航栏来链接到网站的各个位置，它的位置通常在网站顶部。你也明白，大多数移动装备根本不便于使用QWERTY实体或虚拟键盘。因此，为网站创建导航是移动网站界面友好的一个关键环节。
(3)内容
内容在移动网站中占据着核心位置。人们用移动装备访问网站，最主要的目的就是为了获得内容信息。所以要确保你的移动网站的内容不会有任何改变，否则，你终究可能将面对用户流失。
人们使用移动装备时，通常处于移动状态，所以他们没有太多时间来浏览网站内容。为此，你应当采取缩减内容的措施，并选取内容中有价值的部份，与此同时，你要将完全内容的链接提供给用户。如果你的个人博客处于活跃状态，你可以疏忽这个问题，由于，你不会每天都去对每篇博文的内容进行缩减。
我们都明白图片在内容中的重要性。但是移动网站不宜使用过量图片，由于，大部份手机载入这些图片要花很长时间，所以尽量地少用，如若上下文中触及到相干图片时，图片则不可少。
如果你希望在移动网站上添加图片，最好使用占用空间小的.JPEG，.GIF，.PNG等图片格式。为了不用户对图片进行缩放，一定要对图片进行紧缩。现在几近所有的装备都能显示图片，但是，有些用户可能在浏览时会关闭图片显示。因此，推荐大家用ALT替换文本显示图片信息。一些读者或访问者会放大图片，为了不这类情况，图片的尺寸一定要固定。
(4)页脚：
老话说得好：“看男人不能只看它的衣服，要看它的鞋”。许多网站的页脚做得非常烂。我常常逛博客和营销网站，看到页脚放慢了杂乱的超链接，我跟大多数人对此都非常讨厌，再加上，移动网站的屏幕尺寸小，这便可能造成客户或读者流失。所以，制作吸引人的页脚非常有必要。
所以，如果你希望你的利用程序/网站的移动界面大获全胜，你就应当把重心放在布局上面，做到零毛病，由于用移动装备进行网页浏览将会是未来发展的大趋势。
代码设计
很多开发新人在写移动界面代码时一直很犹豫，下面的建议有助于你打消这些考疑虑：
(1)有效代码
使用适合的代码，确保其100%有效，由于大部份移动浏览器达不到电脑真个浏览器性能。
(2)活动布局：
在所有移动浏览器上查看布局效果，这常常是不现实的，由于用来浏览网页的移动装备太多，逐一去追踪效果让人很头疼。活动布局可以很好解决或避开这个问题，它可以根据屏幕尺寸自动调剂。
(3) 具体的样式表
你可随时使用各种移动装备找出更好的用户体验。比如，使用手持装备浏览你的网站的用户。
(4)谢绝使用花梢的脚本
你的移动网站想要成功，不要使用Javascript脚本，Flash动画或其它任何花梢的脚本语言。由于大多数移动装备没法解析这些脚本语言，终究，要末装备死机，要末出乱子。
如果你非用不可的话，那末就应当给出友谊提示，告知用户他们的移动装备正在载入和启用这些脚本。如果出了过失，也错不在你，由于你事前已提示了他们。
(5)谨慎插入广告
这一点应当引发大家的重视，不要让你的移动网页遮天蔽日都是广告，PC真个网站一样也应当注意这个问题。
俗语说得好：“一颗耗子屎搅坏一锅汤”。这对许多网站而言，倒是大实话。由于许多网站都是广告满天飞，他们根本不关心用户体验，一个个都利欲熏心。由于移动装备的CPM（每千人浏览页面的费用）很高。
所以我建议，不要让网站淹没在广告里，特别不要插入那些五彩缤纷的广告。
(6)自动辨认移动浏览器
为了成功打响你的招牌，你应当在服务器端纳入“移动浏览器侦测和重定向”服务的脚本（比如说PHP）。你可能用得着User Agent侦测服务，服务器会根据当前浏览器所描写的信息来判定它应当访问移动还网页或原网页。你可以用User Agent 侦测替换前面提到的“PHP移动浏览器侦测”。再介绍另外一例实现办法，通过实时的JavaScript脚本语言，要求存储了装备相干信息的DeviceAltlas或WURFL数据库，进行浏览器判定。
(7)可开发专门的客户端程序
如果你的用户群体数量非常高，可以为此开发一款针对多种移动界面的利用程序。Facebook、Gmail、Twitter、Yahoo和许多大公司都有自己的客户端利用程序，这也是他们如此成功的缘由。如果你有了自己的客户端程序，就没必要再担心那些花梢的脚本语言了，由于你可以依照自己的方式提升程序性能。
