手机网页如何设计制作？wap网页设计的注意事项有哪些？

我们上网的主要方式是手机和电脑，不过，这两种产品是有所不同的。那在设计网页时，大家知道手机网页如何设计和制作吗？还有，wap网页设计的注意事项有哪些呢？今天就一起跟小编来详细了解一下吧。

　　手机网页如何设计制作？

　　1.手机网页的标记语言

　　因为WML大部分针对早期和低端的手机，现在已经逐步被其他的技术取代了，现在学习手机网页设计制作完全可以忽略WML。

　　XHTML

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

　　现在大部分智能手机的浏览器都能正确处理Xhtml，它会识别两种类型的Html。

　　① Xhtml:基础的，和桌面浏览器相同的Xhtml

　　② Xhtml-MP:针对智能手机的Xhtml

　　这两种类型的不同之处，Xhtml-MP包含比较少的要素和相对宽松的限制，能适合手机平台的渲染，现在很多手机网页设计制作直接用Xhtml，也没什么大问题。

（图片来自网络）

　　2.手机类型

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

　　另一方面，类似于iPhone和Nexus One这种高端智能机，拥有可以和桌面浏览器相媲美的渲染网页的性能。对这部分用户而言，良好的用户体验是很重要的，受限于手机的传输速度，如果直接用一般的电脑上浏览的网页来代替手机网页，对手机网页的目标客户来说，并非明智之举。

　　可以把手机根据屏幕尺寸分成几种常见的类型，如:

　　128 x 160 pixels

　　176 x 220 pixels

　　240 x 320 pixels

　　320 x 480 pixels

　　3.手机网页的目标群体

　　任何网站设计网页时都应该明白自己的目标群体，以便向他们传输最合适的信息。这点在进行手机网页设计制作时更为重要。因为你不仅要知道你的目标群体，还要知道他们浏览手机网页时的情景。浏览传统的网站，访客会坐在桌上，有着大分辨率的屏幕。手机网页的访客则有可能是在排队、等交车、坐在地铁等。

　　手机网页的目标群体，谷歌的开发者将看手机网页人群分为三大类，这对我们进行手机网页的设计和制作，很有参考意义。

　　4.根据具体需要提供网站内容

　　一个很常见的误区是很多网页开发者认为只需要简单的设置，就可以将一个传统的网页变成可以适应手机浏览的网页，他们认为只需要在CSS样式表将media=”screen”变成media=”handheld”就能使网页神奇般地适用于手机。

　　这是错误的想法。

　　虽然针对手机用户变更网页的CSS可以过滤一部分的内容，或者一些CMS网页也提供了相应的转换插件。但这些方案并不完善。

　　W3c定义了“一个网站”的概念，意思是手机网页不一定要提供和传统网站完全一样的内容和设计，而是要根据手机的性能、带宽等方面的不同提供一些差异化服务。

　　根据这个定义，一些传统网页的内容和功能不能在手机上实现是很合理的。不同手机能处理的内容和功能也都是不一样的。所以也可以根据这些手机进行相应的网页制作。

　　5.选择域名

　　为手机网页选择什么域名取决于你的目标群体是如何进入网站的。这里有三种域名可供选择:

　　A:为手机网页使用独立域名

　　B:为手机网页使用子域名

　　C:为手机网页注册mobi的顶级域名

　　D:判断客户端，并自动显示对应内容

　　6.为手机网页验证标记语言

　　电脑的网页浏览器对错误比较宽容，一些html标记的忘记书写或者没有正确嵌套在电脑浏览器都会正确显示，当然容错率高意味着消耗更高的cpu和内存。

　　手机浏览器的性能还无法和电脑相提并论，所以手机浏览器对手机网页的错误要严格一些。所以在设计和制作手机网页时，你必须不断进行检查、验证和纠错。验证手机网页和验证一般传统的网页没什么区别，如果你使用Xhtml编写，可以使用相同的工具。W3C验证器可以验证一些简单的错误，当然这里有一个更适合验证手机网页的版本。

　　7.为手机网页不断测试

　　当通过了手机网页的验证之后，就要针对几种不同的手机进行各种测试了。用电脑的浏览器虽然可以进行模拟测试，但是并不完善。这种方式通过的手机网页不能适用于某些手机。

　　有些手机文件尺寸的限制可能会很小，所以你制作的手机网页在这些设备上甚至无法显示。另外浏览器支持的文件类型也会不同，支持的图像格式也会不同。测试时候手机网页当然不可能拥有所有手机，所以制作网页时可以使用一些替代手段。

　　wap网页设计的注意事项

　　一、与计算机共享同一套网页

　　这里的与计算机共享网页，指的是计算机用的网页完全不经修改、就直接给手机浏览。前提是网站本身的元素要够简单、版面不能太复杂。

　　二、制作手机专用网页

　　这个做法在90年代非常盛行，当时电信业者的GPRS/WAP广告打得正火热，手机能浏览的网站都是WAP网站，也就是用WML编写的手机网，WML是很简陋的HTML，内容通常只有文字跟选单。

　　▲用这个方法的好处是，WAP可以在所有的手机上正常显示，不过要同时维护手机版和桌面版的网页会很困难，使得信息常常无法同步。

　　三、用浏览器来判断装置

　　Opera有桌面版和手机版，同样的Chrome、Safari、Firefox也是。有的网站会使用浏览器嗅探机制(browsersniffing) 来判断你是用哪一种、什么装置的浏览器，不过browsersniffing的设定很繁琐，而且经常出差错。最快的方法是在网页上加入各种版本的连结，让 浏览者可以自由选择格式。

（图片来自网络）

　　四、开发复合型网站

　　复合版网站就是能同时给桌面和手机使用的网站，它跟刚谈到的「与计算机共享」并不一样，复合版网站虽然内容相同，但是它会根据屏幕大小来呈现版面。要做复杂 合型网站其实并不难，只要用CSS与HTML标签来调整就行，比如HTML的viewport以及CSS的media queries。

　　关于手机网页如何设计制作以及wap网页设计的注意事项有哪些的相关内容，小编就先介绍到这里了。如果大家想了解更多网页设计的信息，敬请继续留意我们的网站。