手机网页设计制作比想象的要容易，学完本教程

本教程适合对传统网页设计开发有一定经验的用户。

现在越来越多的人使用手机上网，未来移动互联网市场会越来越大。然而，很多手机网页的设计和制作并不如人们所愿。

移动网页的制作比预期的要容易。本教程将介绍手机网页设计与制作的七个方面，让您避免当前手机网页的一些弯路。完成本教程后，您将能够对移动网页的制作和设计有一个大致的了解手机网页制作，然后有针对性地学习相应的知识。

1.移动网页的标记语言

WML

WML（ ，），早期的移动互联网只能使用wap网站，而WML是制作手机wap网站的主要标记语言，比html消耗更少的内存和cpu。

因为WML多是针对早期低端手机，所以已经逐渐被其他技术取代，现在学习手机网页设计制作完全可以无视WML了。

不过还是有一些手机，比如诺基亚1100等超低价的低端手机，用户量在200万左右。如果移动网页的受众是这群人，还是应该使用WML。

XHTML

未来智能手机的市场份额会越来越大。考虑到这一点，我们现在将在设计和制作移动网页时使用更熟悉的标记语言 Xhtml。

现在大多数智能手机浏览器都可以正确处理Xhtml，并且可以识别两种类型的Html。

① Xhtml：Basic手机网页制作，与桌面浏览器相同的Xhtml

② Xhtml-MP：智能手机Xhtml

这两种类型的区别，Xhtml-MP包含的元素比较少，限制比较宽松，可以适合移动平台的渲染，

其实在设计和制作手机网页的时候，很多都是直接使用Xhtml的，问题不大。

2.手机类型

分辨率问题：这个问题已经开始出现在视频制作领域，因为以前很多电视都是4:3的分辨率，现在更多的是宽屏。许多视频制作人不知道如何放置徽标和信息。这也是网页设计者和开发者经常遇到的问题。

在移动网页的设计和制作中，这个问题就更难了。不仅要考虑分辨率和尺寸的兼容性，设计和制作还要考虑不同手机屏幕的形状。下图显示了不同分辨率的手机。屏幕的形状从近乎正方形到长方形不等，这在设计和制作移动网页时几乎令人抓狂。

手机根据屏幕大小可以分为几种常见的类型，例如：

128 x 160

176 x 220

240 x 320

320 x 480

通过这种方式，您可以在设计和制作移动网页时更有针对性。注意手机网页尽量简洁，因为手机没有鼠标，只能上下，用户不能轻易切换页面。

手机市场上不仅有非常高端的手机和谷歌手机，也有一些低端的诺基亚手机，采用单色点阵显示屏。这些低端机在浏览手机网页时有很多限制，比如屏幕分辨率、渲染Xhtml性能等，所以如果你的手机网页是针对这部分用户的，最好使用WML。

另一方面，它与Nexus One等高端智能手机类似，具有媲美桌面浏览器的网页渲染性能。对于这部分用户来说，良好的用户体验非常重要。它受手机传输速度的限制。手机网页的目标客户直接用普通电脑浏览的网页替换手机网页是不明智的。行为。

3.移动网页的目标群体

在为任何网站设计网页时，您应该了解您的目标群体，以便向他们提供最合适的信息。

这在设计移动网页时更为重要。因为你不仅要了解你的目标群体，还要了解他们浏览移动网页时的场景。

在浏览传统网站时，访问者会坐在一张带有大分辨率屏幕的桌子上。移动网页的访问者可能在排队、等火车、坐地铁等。

如何区分？在这一点上我们可以向谷歌学习。谷歌在使网络应用程序适用于手机方面付出了很多努力。 开发人员将观看移动网页的人分为三类。这对我们设计和制作移动网页有很大的参考价值。

A：普通手机用户

一般用户通过手机访问网页，使用电脑访问网页。他们对任何领域都不是特别热衷，他们只是利用空闲时间浏览网页。

对于浏览网页的计算机用户来说，这些空闲时间可能是休息时间。但对于使用手机浏览网页的用户来说，他们可能正在等朋友或通勤下班，这意味着他们随时可能中断网页浏览。如果你的目标群体是这些人，你在设计手机网页时应该特别注意这些手机用户的屏幕尺寸和时间限制。

因此，移动网页的设计和制作必须“记住”用户正在查看的内容所在的位置，以便他们随时返回浏览。最好不要使用大段的内容。相反，将移动网页的内容分成几个小部分来吸引他们的注意力。请记住，这些手机用户没有时间浏览大量内容。

B：回访者

回访者是指经常返回网页以获取他们感兴趣的内容的人。

如果你的手机网页提供天气预报、股票信息、体育等信息，那么目标人群中会有相当多的人。由于手机屏幕提供的信息有限，针对这些手机用户的网页设计和制作应该考虑到这些人需要什么信息，并将这些信息放在手机网页的重要位置，以防止这些人在手机上进行了很多操作。在网页上查找您需要的内容。

另一点是为移动网络用户提供定制服务，例如创建移动网络论坛。因为手机用户登录不是那么方便，所以如果可以避免，尽量避免。

有些专业网站允许手机用户通过电脑访问他们的网站，然后定制相应的手机网页。这将专门为用户生成一个 URL。下次用户带着手机访问时，可以直接套用自己定制的界面。

C：特殊手机用户

根据您的移动网页提供的服务不同，这部分用户也会有所不同。

例如，电商用户可能会通过手机网页向您发送“未收到货”等通知，或者一些航空公司会收到用户的通知，告知用户航班迟到并想立即退款。对于这些特殊用户来说，在设计和制作移动网页时，可以很方便的快速实现这些需求。

文章来源:http://www.360doc.com/content/17/0829/07/33219538_682923756.shtml

感谢您的来访，获取更多精彩文章请收藏本站。