课件：移动手机DAWA教程.ppt

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网站 The End! ( return obj ) THANK YOU SUCCESS * * 可编辑 （八）通用的元数据 周期性刷新。必须配合使用。不是所有浏览器都支持。 meta http-equiv=Cache-Control content=no-cache/ meta http-equiv=refresh content=15;URL=yuanxin.xhtml/ （九）常用标签介绍 注释：!-- -- ，和HTML和WML1.X相同。 换行：br/ ，和HTML和WML1.X相同。 水平线：hr/。不能包含在p/p标签之内。 标题：h1-h6（不同的大小和样式），有些设备看起来一样的。 （九）常用标签介绍 字体样式：XML可以使用标签来改变字体样式（ b、i、small、big等）。但一些浏览器只支持其中的部分，不支持的忽略，不会出错。 WCSS 控制字体格式。 与格式化文本：在XHTML MP中，标签间空白不显示，此外，段落中2个或更多的空白只显示一个，如果想保持文字的格式，可使用pre。 列表：ul、ol、li。对于ol元素，可以用属性 start 指定数字开始的序列。还可以用WCSS来做更精确的控制。 显示图片：img标签用来显示图片。和HTML一样。如果文件没发现或者图片格式不支持，显示alt属性文本。Height和width属性来指定图片显示区域的高度和宽度 （九）常用标签介绍 除了老的WBMP图片格式，WAP2.0还支持WEB上的图片格式（gif, jpg和PNG），但WAP2.0无线设备支持上面图片格式的某些。GPRS-gif,CDMA-png。可以通过accept HTTP header判断设置。 关于大图片的发布：很多WAP浏览器都没有水平滚动功能。如果宽度大于显示屏，很多的WAP浏览器会裁切图片。图片的按比例缩小不能帮助提升性能。大图片还会造成访问站点用户的费用。 优化图片：1、用制图软件按比例缩小图片；2、如果是gif图片，减少颜色，但降低了图片质量，权衡。3、如果是jpg图片，保存一定的压缩比例，依然是权衡。 使用multipart messages，先下载的XHTML MP文档， （九）常用标签介绍 后请求图片，产生多个请求。该方式可以使文档和图片在一个请求，意味着一个页面只有一个请求。减少服务器的压力。 表格：创建表格，需要使用table、tr、td标签，默认表格没有边线。属性有rowspan和colspan。 锚链接：一般用在导航。标签为a/a。属性href定义指定的URL。当前页面位置的跳转：先设置目标链接，通过id属性设置；再设置锚链接的URL为#id名称。 对锚链接设置快捷键：a标签的accesskey属性，有效的值为：*，#，0-9。