Wap的前世今生

WAP 的前世今生 —— WML and XHTML MP 吴永照

一、 WAP 的介绍二、 WML 基础三、 WML 的任务与事件四、 WML 的用户交互功能五、 XHTML MP 六、 WCSS/WAP CSS 七、 WAP2.0 的设计原则

1.1 WAP 起源 ( 一 ) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

1.1 WAP 起源 ( 二 ) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

1.2 WAP 历史 ( 一 ) ,[object Object],[object Object],[object Object],[object Object],[object Object]

1.2 WAP 历史 ( 二 ) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

1.3 WAP 规范 ( 一 ) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

1.3 WAP 规范 ( 二 ) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

1.4 WAP 体系结构 ( 一 ) ,[object Object]

1.4 WAP 体系结构 ( 二 ) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

1.4 WAP 体系结构 ( 三 ) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

2.1 WML 简介 ,[object Object],[object Object],[object Object],然而，和 HTML 相比， WML 提供了一组“受限”的 WML 标签（ tag ），主要是从 WML 的使用设备环境考虑：较小的屏幕，较弱的 CPU 运算能力，较小的内存，较高的网络通信延迟等。

2.2 WML 导言 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],注意：这两句的位置和顺序不能更改，且中间不能有空行

2.3 WML 基本概念与结构 ( 一 ) WML 的页面通常称为 Deck, 由一组 cards 组成。 Card 之间可以互相链接。 Card 可以包含文本，标记，链接，输入控制，任务和图象等。当访问一个 WML 页面时，页面的所有 cards 都会从 WAP 服务器下载到无线设备中。 Card 之间的切换由电话内置的计算机处理，无需每次都到服务器上取信息。

2.4 WML 基本概念与结构 ( 二 ) <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card id="card1" title=“First Card"> <do type=“accept1” label=“ok”> <go href=“#Card2” /> </do> <p align=“center”> First WML Example <br/> Input Name : <input name = “username”/> </p> </card> <card id=“Card2” title=“Second Card”> <p> User Name : $(username) </p> </card> </wml> XML Type Daclaration Deck WML Document Card Link Input Variables

2.4 WML 基本概念与结构 ( 三 ) ,[object Object],[object Object],[object Object],[object Object],Card 的大小是有限制的，减少查看信息时的屏幕翻滚

2.4 WML 基本概念与结构 ( 四 ) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

2.5 WML 文档实例 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

2.6 段落标记 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

2.6 段落标记：例 1 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

2.6 段落标记：例 2 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

2.7 文字样式标记 ,[object Object],[object Object],标记字体样式 <b> 粗体　 <big> 大字体 <em> 强调字体 <i> 斜体 <small> 小字体 <strong> 加重强调字体 <u> 下划线字体

2.7 文字样式标记：例子 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

2.8 表格标记 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Left Right Center

2.8 表格标记：例子 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

2.9 图像标记 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

2.10 WML 变量 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

3.1 WML 任务 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

3.2 跳转标记 <go> ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

3.3 跳转标记 <go> ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],思考： <go> 虽然提供了触发任务的有利手段，但是一个任务是怎样被触发的呢？或者说在什么情况下会被触发呢？这就涉及到事件的概念。

3.4 事件 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

3.4 事件例子 ( 一 ) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],当 forward & backward 事件发生时，初始化变量 origin 为 “ Card # one “

3.4 事件例子 ( 二 ) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],当 forward & backward 事件发生时，初始化变量 origin 为 “ Card # two “

3.4 事件例子 ( 三 ) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

3.4 事件例子 ( 四 ) Card 1 Card 2 Card 1 Card 3

3.5 TIMER 定时器 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

3.5 TIMER 定时器：例子 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

3.6 用户触发的事件 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

3.6 用户触发的事件：例子 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

3.6 用户触发的事件：例子 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

四、 WML 的用户交互功能

4.1 在 WAP 中实现用户交互 ,[object Object],[object Object],[object Object],[object Object]

4.2 输入文本框 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

4.3 输入文本框的格式 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

4.4 输入文本框：例子 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

4.4 输入文本框：例子 ,[object Object],[object Object],[object Object],[object Object],[object Object]

4.4 输入文本框：例子 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

4.5 复杂数据输入 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],<fieldset title="Name" > First Name: <input name="firstname" /> <br/> Last Name: <input name="lastname" /> <br/> </fieldset>

4.6 选项列表 ,[object Object],[object Object],[object Object],[object Object],[object Object],<select> <option onpick="#name"> Your name </option> <option onpick="#gendercard"> Your gender </option> 。。。。。。 </select>

4.7 选择列表格式 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

4.8 选项列表：例子 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

4.9 选项列表：例子 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

4.9 选项列表：例子 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

5.1 XHTML MP 介绍 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

5.1 XHTML MP 介绍 ,[object Object],[object Object]

5.2 无线标记语言发展 ,[object Object],[object Object],[object Object],[object Object],[object Object]

5.2 无线标记语言发展 ,[object Object],[object Object],[object Object],[object Object]

5.3 XHTML MP 的优点 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

5.4 不支持的 WML 特性 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

5.4 不支持的 WML 特性 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

5.4 不支持的 WML 特性 ,[object Object],[object Object],[object Object]

5.5 语法规则 ,[object Object],[object Object],[object Object],[object Object],[object Object]

5.6 MIME 类型和文件扩展名 ,[object Object],[object Object],[object Object]

5.7 文档结构 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

5.7 文档结构 ,[object Object],[object Object],[object Object],[object Object],[object Object]

5.8 通用的元数据 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

5.8 通用的元数据 ,[object Object],[object Object],[object Object]

5.9 常用标签介绍 ,[object Object],[object Object],[object Object],[object Object]

5.9 常用标签介绍 ,[object Object],[object Object],[object Object]

5.9 常用标签介绍 ,[object Object]

5.9 常用标签介绍 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

6.1 WCSS 介绍 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

6.2 使用 WCSS 的优势 ,[object Object],[object Object],[object Object],[object Object],[object Object]

6.3 使用 WCSS 的劣势 ,[object Object],[object Object]

6.4 MIME 类型和文件扩展名 ,[object Object],[object Object]

6.5 WCSS 的语法规则 ,[object Object],[object Object],[object Object],[object Object]

6.6 如何在 XHTML MP 文档中应用 ,[object Object],[object Object],[object Object],[object Object]

6.7 不同的选择器 ,[object Object],[object Object],[object Object],[object Object]

6.8 常用的属性值 ,[object Object],[object Object],[object Object]

6.9 字体和文本属性 ,[object Object],[object Object],[object Object],[object Object]

6.10 列表属性 ,[object Object],[object Object],[object Object]

6.11 颜色属性和 border 属性 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

6.12 WAP 特有的 CSS 扩展 ,[object Object],[object Object],[object Object]

6.12 WCSS 快捷键扩展 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

6.12 WCSS 输入扩展 ,[object Object],[object Object],[object Object],[object Object],[object Object]

6.12 WCSS 输入扩展 ,[object Object],[object Object],[object Object],[object Object]

6.12 WCSS Marquee 扩展 ,[object Object],[object Object]

WAP2.0 设计原则 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

WAP2.0 设计原则 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

附录 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Wap的前世今生

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Wap的前世今生

Ähnlich wie Wap的前世今生 (8)

Mehr von Tony Deng

Mehr von Tony Deng (20)

Wap的前世今生