WAP 2.0介绍和使用规范(4)

（十二.2）WCSS输入扩展
如果值语法错误，则WAP浏览器忽略该属性。
       也可以包含转义字符：’/’在WCSS中是特殊字符，使用’//’。
控制文本框是否可以留空：-wap-input-required（值为：false和true ），帮助控制文本框是否可以空白。使用元素同上。
       当-wap-input-format和-wap-input-required冲突时，以required优先。

 

（十二.3）WCSS Marquee扩展
可以在屏幕上滚动一些内容（一行文字，一个图片，一个链接等），但一些WAP浏览器只支持滚动文字。当内容超过屏幕时很有用。
包含四个属性和一个属性值：-wap-marquee属性值（display属性的值），-wap-marquee-dir属性（指定marquee的方向,值：ltr，rtl-默认），-wap-marquee-loop属性（指定marquee重复的时间，infinite永远，大多数默认为1），-wap-marquee-speed属性（指定marquee的速度，值：slow，normal-默认，fast），-wap-marquee-style（指定marquee在屏幕上如何滚动，有三个值：scroll-默认，slide，alternate）
             

（十二.3）WCSS Marquee扩展

             

二、WAP2.0设计原则
WAP2.0设计原则
设计站点前的准备工作
       界面设计、挑选核心服务、WAP设备特性统计（浏览器等）
关注导航模型
       一致易学的导航模型。简洁精确且快速的信息。尽可能减少输入（考虑选择列表、复选框或单选按钮等。-wap-input-format：*N;避免模式转换。首字母。 ）
设计导航层次
       导航模型一致、少用‘返回’链接、避免深度太深（4-5）、返回首页或目录
             

WAP2.0设计原则
考虑小尺寸屏幕的设计
       确保内容可见、<title>少于14个字符、一致的样式、减少水平滚动、利用对齐属性增加可读性（1-3）、充分利用空间（图文）、避免过多使用文本样式属性、使用短小精确的词语、避免使用过多的颜色并保持一致、不用名字描述颜色。
保持较短的文档大小：内存有限，不支持WML的多card，使用锚链接等
       不要包含长注释、去除缩进或空格、尽量少用id和class
6.       用户任务流流畅和图片合理使用
       图片不是用户目的尽少使用、避免使用大表格。
             

WAP2.0设计原则
7.       页面上提供足够信息
       首屏常用导航链接、搜索域、登录屏幕和大量信息；上下滚动困难，表单交互要简短。
为用户操作提供信息反馈
       对用户操作、错误和问题情况提供正确的反馈。
9.       尽可能减少图片数量和减小图像容量大小
       每张图片都是一个请求，降低页面显示的速度，且内容可能重排序，占用时间和资源，全站规划相同图片。
定义图像的高度和宽度属性
       定义了预占位，改善用户体验，
             

WAP2.0设计原则
11.       谨慎使用表格
       单元格宽度使用绝对宽度；嵌套层数增加，页面复杂度和处理时间增加；表格边框避免太粗。
12.       考虑添加样式定义选项
       权衡！
使用Unicode字符编写XHTML MP内容      
进行可用性测试

附录
1. 常用WAP模拟器
WinWAP、OpenWave、Opera

2. 常用WAP网站
www.wapforum.org
www.spforum.net
www.csdn.com
www.blueidea.com

 

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/prufeng/archive/2009/03/25/4024284.aspx