手机网站制作分析

来源: 外贸网站建设   点击数:   发布时间: 2011-5-5

手机网站之所有称为WAP网站,其实起源于WAP无线协议,WAP能运行在各种无线网络上,比如常见的GSM/GPRS/CDMA等,而如今大部分手机都已经具备访问WWW的能力,内置的浏览器,大都是WebKit核心,所以很多WAP手机网站制作人员都采用HTML+CSS来制作WAP手机网站了。

那么在制作WAP手机网站的时候,您可能会碰到一下问题:

1.手机分辨率太多太杂;
2.手机上网流量费用太贵;
3.UC浏览器占据过年大部分市场;


UC浏览器相对于其他手机浏览器而言,对HTML标签和CSS属性存在有特殊的、自定义的处理方式,而所做的这些特殊处理,按目前来看,应该将会继续保留较长一段时间,直到手机上网费用得到较大幅度的下降,令消费者更大胆地移动上网之时。

针对UC浏览器,笔者觉得在制作WAP手机网站的时候可以注意以下问题:

1.不支持font-family属性,也就是说,在UC浏览器你只能看到一种字体:
2.不支持font-szie属性,也就是说,在UC浏览器你只能看到一样大小的字体;
3.不支持width、height、padding、margin、line-height属性,也就是说,在UC浏览器只能通过p、br等HTML标签来换行以达到字符上下间隔;
4.不支持固定像素的宽度,100%显示页面,也就是说,在UC浏览器始终将看到的是“满屏的”;
5.不支持浮动、层叠布局,float和position属性无效,也就是说,在UC浏览器你只能看到“左对齐”。
6.支持background-color,但不支持background-image,也就是说不支持CSS背景图显示,在UC浏览器你只能看到背景色。


不过,笔者仍然认为,如今制作WAP手机网站的时候,完全可依据WebKit引擎的浏览器作为标准进行界面开发。换句话说,我们设计支持UC浏览器的网页,而不是设计以UC浏览器为标准的网页,这样做还有个好处,可以在大部分的手机浏览器上保证相对一致的样式。而针对UC这种连float等标准CSS属性也不支持的浏览器,别过于纠结它!但为了保证界面中各元素在UC浏览器仍具有良好的阅读顺序,严重建议HTML编码人员留意各个HTML标签的先后顺序。因为只有在支持float、position属性的浏览器下,页面各个容器才可以任意浮动或层叠的。否则,浏览器将按HTML标签的先后顺序显示。

另外一些WAP手机网站制作知识补充:

考虑到WAP手机网站的一些特性,制作网站的时候,有些可以去掉网站头,比如flick的查看大图页面就去掉了网站头。

 

在这里教大家一个原则就是“针对小屏幕移动设备的界面设计,在某些指定任务的界面,应优先于让用户关注当前任务,而不是应用程序本身。” 这个原则是行得通的,同样适用于设计移动设备应用程序,打个比方说,如果你在设计小屏幕移动设备访问的邮箱时,完全可以在写信、邮件阅读页去掉网站头。

 

上一篇: 用CSS实现图片替换文字 下一篇: 广州网站建设基本知识与经验