行业分享 2019-02-20 网站 如何建立手机网站

如何建立手机网站?

随着智能手机的流行,现在pc端已经被智能手机用户超越,而且几乎是不可逆的超越,而手机端的用户还有上升空间。在这样的环境下,手机端网站就成为企业网络推广中必不可少的媒介,那么如何建立手机网站呢?独立手机网站需要什么样的技术那,今天我们就来了解一下。

45.jpg

1.手机网页的标记语言

WML : 

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


XHTML:

未来智能手机的市场份额会越来越大,考虑到这点,现在进行手机网页设计制作时,我们会用到更加熟悉的标记语言Xhtml。现在大部分智能手机的浏览器都能正确处理Xhtml,它会识别两种类型的Html。

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

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

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


2.手机类型

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

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


3.手机网页的目标群体

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


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


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


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

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

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

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


5.选择域名

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


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

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

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

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


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

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

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


7.为手机网页不断测试

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

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


下一篇 网站建设技术指的都是什么?

最新案例 查看更多

查看