wap2.0开发总结-20120824.docx

Wap2.0开发总结概述WAP（Wireless Application Protocol) 为无线应用协议，是一项全球性的网络通信协议。WAP使移动Internet 有了一个通行的标准，其目标是将Internet的丰富信息及先进的业务引入到移动电话等无线终端之中。WAP定义可通用的平台，把目前Internet网上HTML语言的信息转换成用WML（Wireless Markup Language)描述的信息，显示在移动电话的显示屏上。WAP只要求移动电话和WAP代理服务器的支持，而不要求现有的移动通信网络协议做任何的改动，因而可以广泛地应用于GSM、CDMA、TDMA、3G等多种网络。WAP发展1. Wap 1.xWAP1.0版本是WAP的第一个版本，在1998年夏被通过。这一版本推介出了WAP的核心内容、i.e.WAP协议条款、WML以及WMLScript等。 WAP1.1版本于1999年夏推出，这是1.0版本的改良版，是对以前的版本进行归纳反馈的结果。1.1版是第一个商业版，在这一版本中的主要变化仍然是用XHTML对WML进行编排以得出W3C的详细说明。这一版本支持WBMP格式的图像操作，从而提高了无线电话应用（WTA）规格及WML的所有标记，现在它已用小写取代了大写。WAP1.2版本现已被通过，这一版本采用了WAP推进架构、用户代理结构（UAPROF）、WDP通道、提高无线电话应用（WTA）规格以及包括支持附加的用户网络技术。2. Wap 2.0WAP是一种协议，但实际上WAP2又不止于协议层，它还包括应用层，也就是之前说的WML语言这一类规范。现在的WAP 2.0在协议层上由于引入了wTCP/wHTTP，WAP 2.0终端和WAP 2.0网关可以建立起wHTTP链接，并且无需WAP 1.x时的内容编码、协议转换等工作。抛开那些我也不怎么明白的专业术语，也就是说WAP 2.0在协议层上具有更大的数据包传送和更快的传输速度等优点。而在应用环境上WAP 2.0在W3C的XHTML规范基础上定义了XHTML MP以及Wireless CSS等规范，从而使得WAP标记语言更靠近Internet，且提供了更丰富的表现形式。前面说到XHTML MP，XHTML MP是OMA（Open Mobile Alliance）采纳了W3C XHTML Basic（XHTML1.0的移动版本）并通过修改使其专用于移动浏览器的，也是WAP 2.0所规定的标准语言。因此这里也就出现了一个状况，由于WAP 2.0的语言由WML升级到了xHTML MP，那么现有的所有WML写的WAP网站到了WAP 2.0的年代也就全部都需要更新换代了。加上无限美好的3G的到来，网络带宽上的大为改善，新一轮的WAP网站大潮也就该来了。对于原有的SP，也就是现在那些WAP运营商而言，使用XHTML MP升级现有的WAP应用是理所当然的正道。XHTML MP技术1. 介绍1. XHTML MP（eXtensible HyperText Markup Language Mobile Profile）2. WAP2.03. 与WCSS（WAP CSS /WAP Cascading Style Sheet）配套使用4. 是XHTML的子集5. XHTML Basic (XHTML子集)+另外的一些XHTML的元素和属性6. WAP浏览器与互联网之间7. 以前WAP网站（WML and WMLScript ）8. 更多的展示表现（presentation control ）9. 优势：开发的站点可以在WEB和无线上都可以使用，也可以用任何Web浏览器访问WAP2.0应用10. 向后兼容：XHTML MP / WCSS 和 WML / WMLScript 2. 优点1. 最大优点：开发者可用相同的技术开发适用于WEB和WAP的站点。2. 有HTML、XHTML、CSS基础即可入门。3. 同样的开发工具可以用来开发WEB和WAP站点。4. 开发过程中一般的WEB浏览器可以浏览你的WAP站点。5. HTML/XHTML页面可以通过较小的修改成XHTML MP，甚至不用修改（注意：布局是否适应小屏幕，文件大小是否出最大）。6. 支持WCSS。移动设备有很多不同的特征，比如屏幕大小，只需写一次结构，使用不同的WCSS文件即可。7. 更多的表现控制。3. 语法1. 标签必须完全闭合。2. 标签和属性必须小写。3. 属性值必须包含在引号标记内。4. 不允许无属性值存在。5. 标签必须完全嵌套。4. MIME类型 1. MIME类型： application/vnd.wap.xhtml+xml、application/xhtml+xml 、text/html。2. 动态生成MIME类型。获得HTTP请求中的accept header信息。3. 文件扩展名：.xhtml、.html、.htm 5. 文档结构Hello worldHello world. Welcome to . 6. 常用标签1. 注释：，和HTML和WML1.X相同。 2. 换行： ，和HTML和WML1.X相同。 3. 水平线：。不能包含在标签之内。4. 标题：-（不同的大小和样式），有些设备看起来一样的。5. 字体样式：XML可以使用标签来改变字体样式（ 、等）。但一些浏览器只支持其中的部分，不支持的忽略，不会出错。 WCSS 控制字体格式。6. 与格式化文本：在XHTML MP中，标签间空白不显示，此外，段落中2个或更多的空白只显示一个，如果想保持文字的格式，可使用。 7. 列表：、。对于元素，可以用属性 start 指定数字开始的序列。还可以用WCSS来做更精确的控制。8. 显示图片：标签用来显示图片。和HTML一样。如果文件没发现或者图片格式不支持，显示alt属性文本。Height和width属性来指定图片显示区域的高度和宽度9. 表格：创建表格，需要使用、标签，默认表格没有边线。属性有rowspan和colspan。10. 锚链接：一般用在导航。标签为。属性href定义指定的URL。当前页面位置的跳转：先设置目标链接，通过id属性设置；再设置锚链接的URL为#id名称。11. 选择列表：选择列表使用标签，包含一个或更多的标签。标签的name属性定义选择列表的名字。name用来取得被选择的item的值（option的value属性定义）。1. 多重选择列表：Option的selected属性用来设置默认的option。如果想设置多重选择列表，可使用标签的multiple属性，只有一个唯一值multiple。2. Option分组：使用标签，label属性定义option组的名称。12. 输入元素：Text field、Password fireld、Checkbox、Radio button、Hidden field。通过元素创建。传输数据到服务器，元素必须和一起使用。Type属性用来定义input元素的类别。Name属性用来定义名称，方便取得用户数据。 input -wap-input-format: 10N 13. form元素：、等元素不能直接包含在form元素下，XHMTL MP标准规定必须有块级元素。如果有non-ASCII字符，需使用POST方法来避免编码问题。 14. 提交按钮：所有的表单都必须包含一个提交按钮。元素用来创建一个提交按钮。而type属性被定义为submit。 15. 重置按钮：并不是必须的。元素用来创建一个重置按钮。而type属性被定义为reset。16. Div和Span。WCSS/WAP CSS 技术 1. 介绍1. WCSS/WAP CSS/Wireless CSS/Wireless Profile CSS（WAP Cascading Style Sheet ）2. 是CSS2的子集+一些WAP特有的扩展3. 目的：定义文档的风格和布局，从文档内容中分离。4. 重要性：不同的手机设备有多样的特征，比如屏幕大小。5. WML不支持WCSS6. W3C CSS Mobile Profile和WAP CSS 不同。2. 优点1. 主要：学习成本降低，可用相同的开发工具，可用WEB浏览器浏览。2. 表现和结构的分离：匹配不同无线设备的特征（屏幕大小）、不同客户端代理（PC、PDA、手机）；降低维护成本（新手机）；改变视觉和布局仅需CSS；重复使用CSS；便于工作细分。3. 比WML更好的控制表现：可以定义元素的color，font，background，border，margin，padding等属性。4. 移动设备第一次访问站点下载样式（Cache）。5. 使用外部WCSS，XHTML MP的文档大小变小，提高下载时间。WAP 2.0设计原则1. 设计站点前的准备工作 界面设计、挑选核心服务、WAP设备特性统计（浏览器等）2. 关注导航模型一致易学的导航模型。简洁精确且快速的信息。尽可能减少输入（考虑选择列表、复选框或单选按钮等。-wap-input-format：*N;避免模式转换。首字母。 ）3. 设计导航层次 导航模型一致、少用返回链接、避免深度太深（4-5）、返回首页或目录4. 考虑小尺寸屏幕的设计确保内容可见、少于14个字符、一致的样式、减少水平滚动、利用对齐属性增加可读性（1-3）、充分利用空间（图文）、避免过多使用文本样式属性、使用短小精确的词语、避免使用过多的颜色并保持一致、不用名字描述颜色。5. 保持较短的文档大小：内存有限，不支持WML的多card，使用锚链接等 不要包含长注释、去除缩进或空格、尽量少用id和class6. 用户任务流流畅和图片合理使用 图片不是用户目的尽少使用、避免使用大表格。7. 页面上提供足够信息首屏常用导航链接、搜索域、登录屏幕和大量信息；上下滚动困难，表单交互要简短。8 为用户操作提供信息反馈对用户操作、错