设计手机网站网页要注意的几点事项

1.布局

 　　由于网页本身和外在的因素影响，用手机浏览网页也许会是一件比较耗时的事情。所以记住，让您的移动网站规划得便利使用者。比如，把所有你想让手机用户看到的最主要的信息放到页面顶部;最大限度的防止在界面的左右两侧放置导航，由于为了便利浏览，我们更多需要把页面内容规划成单一的分栏形式。也应该减少表格的使用，如果一定要加入表格，也不应超过2列，同时防止行与列的融合。由于屏幕大小的限制，很多情况下铺天盖地的菜单是不被允许的。菜单也许有必要选用垂直的方式，但如果每一个单页都需要用户去向下滚动菜单才能看清所有的内容，这也许又会很不舒服。所以，如果你的网站只有三个或者更少的连接，能够选用一直浮在可视窗口形式的菜单，在这种情况下，它恰巧能够是横向的。比如，在第一页使用导航，在其他页面的顶部使用连接或者面包屑连接到首页。

 　　2.内容

 　　由于用户在浏览你的网页时也许正处于行走的状态，所以应该保证网站上的信息很容易阅读和浏览，并且让用户疾速的识别并轻松的找到想要的信息。要确定好最终要在移动界面上展现的内容，合理地规划好的菜单和文本，防止由此造成的不合理缩放变化。至于所呈现文本的版式，能够考虑用标题来控制字体大小。

 　　3.编码

 　　在实践制作移动网站中对于编码应该没有什么特殊的需求，使用XML或者XHTML编码就很便利。也能够用最基础的HTML和CSS编码。标题标签，描述meta标签，头部标签和文件名应该用方针关键词精心地制作，以使得小优化内容可用性的最大化。

 　　4.图片

 　　正常情况下大多数手机载入的图片对它们来说都非常深重，所以在相关地方使用的图画要尽也许的小。而且图片应该是JPEG,GIF或者是PNG格式的，由于这些格式的图片很轻盈。另外保证你的图片被压缩过，以免图片在页面中变得很大。还有值得一提一点是：用户经常会浏览到没有打开的图片。因而，最佳始终使用alt文本，这是一个值得推荐的做法。

 　　5.页面大小

 　　为一个移动网站指定个性时，保持所有的东西简练，尽量追求小页面是非常有必要的。移动页面最大容量是20KB，所以要保证一切尽量满足这一点。如果也许的话，页面的大小能够小于10KB。要知道，用户在移动网络上的数据费用是以KB为单位收取的。

 　　6.网页连接

 　　一个好的移动网站规划要有返回按钮和连接。由于一部分手机并没有返回的硬按键，因而要尝试为他们提供这样一个摆脱当前死角页面的功能按钮。另外要承认所有的页面都能连接到其他的页面。甚至，如果它本来就是一个电话内容的页面，我们完全能够加上呼叫类型连接功能。在移动网站中输入文本比较困难。规划师需要为用户提供便利的单选按钮和列表，让用户能够根据自己需要来疾速的选择。所有的一切都会很小，连接也不例外，同时你又要保证它能够被用户容易准确的点击，我们能够在连接上用大一些的字体，或者在周围使用大面积的留白。当连接被选中时，除了为之加上下划线和改变色彩外，最佳也同时改变它的背景色彩(即便连接在段中也是如此)，这样能够便利移动设备用户承认他们点击的连接内容。

 　　7.屏幕大小

 　　每个手机都有不同尺度的屏幕，有的手机会有两种方式的转换：纵向和横向。所以你的网站不能是固定的像素宽度，使用百分比和EMS会更好，这种方法能使你的网站适应各种屏幕尺度。