手机网站之所有称为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的查看大图页面就去掉了网站头。
在这里教大家一个原则就是“针对小屏幕移动设备的界面设计,在某些指定任务的界面,应优先于让用户关注当前任务,而不是应用程序本身。” 这个原则是行得通的,同样适用于设计移动设备应用程序,打个比方说,如果你在设计小屏幕移动设备访问的邮箱时,完全可以在写信、邮件阅读页去掉网站头。
公司介绍服务优势资质荣誉支付方式联系我们
外贸、外语、英文公司、企业、办公游戏、动漫、软件EDM、邮件、营销轻工、日化、化工酒店、餐饮、食品更多案例分类
域名注册主机空间外贸企业邮箱画册设计搜索优化微信网站
建站套餐网站策划建站流程网站维护样板选择
响应式网站商城网站通用网站
公司动态行业动态常见问题解决方案建站知识设计知识SEO优化
免费电话:400-666-5425 电话:020-28903657 邮箱:service@020el.com 地址:广州市番禺区市桥光明南路163号置业华逸大厦313室
Copyright © 2009-2016 广州壹策网络科技有限公司 All Rights Reserved 备案号:粤ICP备13012683号-8
手机网站制作分析
手机网站之所有称为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的查看大图页面就去掉了网站头。
在这里教大家一个原则就是“针对小屏幕移动设备的界面设计,在某些指定任务的界面,应优先于让用户关注当前任务,而不是应用程序本身。” 这个原则是行得通的,同样适用于设计移动设备应用程序,打个比方说,如果你在设计小屏幕移动设备访问的邮箱时,完全可以在写信、邮件阅读页去掉网站头。