0
WML 编程技术
课程目标 掌握 WML 标签的使用  掌握使用 WML 语言开发 WAP 网站
理解 WML 语言 WML ( Wireless Markup Language -  无线标记语言),与 HTML 类似,主要包括元素和 标签。 HTML 写出的内容我们可以在 PC 机上用 IE 等浏览器进行查看,而  WML 语言写出的文...
理解 WML 语言 <ul><li>WML ( Wireless Markup Language -  无线标记语言),内置于移动设备中的微型浏览器能够解释这种标记语言。它是 XML 的一个应用子集,基于 WAP ( Wireless Appl...
WML 手机应用实例一 3G 首页  注册 与登陆:
WML 手机应用实例 二
WML 程序结构 WML 元素和标签  元素是符合 DTD( 文档类型定义 ) 的文档组成部分 标签规定元素的属性及元素在文档中的位置 单独标签 / 成对标签  <card> 内容 </card>   <br/>  <?xml  version...
WML 程序结构 <ul><li>WML 程序结构形式及组成 </li></ul><ul><li>语法  </li></ul><ul><li>文件声明  </li></ul><ul><li>标签  </li></ul><ul><li>元素  <...
<ul><li>WML 字符使用基本规则 </li></ul><ul><li>大小写敏感  </li></ul><ul><li>空格   </li></ul><ul><li>标签及属性  </li></ul><ul><li>不显示的内容  </...
<ul><li>卡片与卡片组 </li></ul><ul><li>Card 与 Deck  </li></ul>WML 语言基本知识
<ul><li><?xml version=&quot;1.0&quot; encoding=&quot;gb2312&quot;>  </li></ul><ul><li><!DOCTYPE wml PUBLIC &quot;-//WAPFOR...
<ul><li><?xml version=&quot;1.0&quot; encoding=&quot;gb2312&quot;?> </li></ul><ul><li><!DOCTYPE wml PUBLIC &quot;-//WAPFOR...
<ul><li><?xml version=&quot;1.0&quot; encoding=&quot;gb2312&quot;?> </li></ul><ul><li><!DOCTYPE wml PUBLIC &quot;-//WAPFOR...
<ul><li><?xml version=&quot;1.0&quot; encoding=&quot;gb2312&quot;?> </li></ul><ul><li><!DOCTYPE wml PUBLIC &quot;-//WAPFOR...
<ul><li><?xml version=&quot;1.0&quot; encoding=&quot;gb2312&quot;?> </li></ul><ul><li><!DOCTYPE wml PUBLIC &quot;-//WAPFOR...
<ul><li><?xml version=&quot;1.0&quot; encoding=&quot;gb2312&quot;?> </li></ul><ul><li><!DOCTYPE wml PUBLIC &quot;-//WAPFOR...
<ul><li><?xml version=&quot;1.0&quot; encoding=&quot;gb2312&quot;>  </li></ul><ul><li><!DOCTYPE wml PUBLIC &quot;-//WAPFOR...
<ul><li><?xml version=&quot;1.0&quot; encoding=&quot;gb2312&quot;>  </li></ul><ul><li><!DOCTYPE wml PUBLIC &quot;-//WAPFOR...
<ul><li><?xml version=&quot;1.0&quot; encoding=&quot;gb2312&quot;?> </li></ul><ul><li><!DOCTYPE wml PUBLIC &quot;-//WAPFOR...
JSP 简介 JSP(Java Server Pages) 是由 Sun Microsystems 公司倡导、许多公司参与一起建立的一种动态网页技术标准。  JSP 技术是用 JAVA 语言作为脚本语言的, JSP 网页为整个服务器端的 JAV...
JSP 优点 <ul><li>对于用户界面的更新,其实就是由  Web Server 进行的,所以给人的感觉更新很快。  </li></ul><ul><li>所有的应用都是基于服务器的,所以它们可以时刻保持最新版本。  </li></ul><u...
<ul><li><?xml version=&quot;1.0&quot; encoding=&quot;gb2312&quot;>  </li></ul><ul><li><!DOCTYPE wml PUBLIC &quot;-//WAPFOR...
<ul><li><%@ page contentType=&quot;text/html;charset=GB2312&quot;%> </li></ul><ul><li><?xml version=&quot;1.0&quot; encodi...
<ul><li>掌握 WML 编程语言的基本用法  </li></ul><ul><li>能够使用 wml 语言进行编程 </li></ul>总结
结束  谢谢 !
Upcoming SlideShare
Loading in...5
×

《Internet应用技术》第7章 wml编程技术

848

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
848
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 提问: 1. 我们前面学习过表单,请问表单有什么用途? 引导回答: 1) 在用户注册某种服务或活动时收集姓名、地址、电话号码、电子邮件地址和其他信息 2) 在用户购买商品时收集信息 3) 收集关于网站的反馈信息 2. 表单使用哪个标签?有哪些属性? 引导:学员可能回答不全,引出表单的属性讲解。
  • Transcript of "《Internet应用技术》第7章 wml编程技术"

    1. 1. WML 编程技术
    2. 2. 课程目标 掌握 WML 标签的使用 掌握使用 WML 语言开发 WAP 网站
    3. 3. 理解 WML 语言 WML ( Wireless Markup Language - 无线标记语言),与 HTML 类似,主要包括元素和 标签。 HTML 写出的内容我们可以在 PC 机上用 IE 等浏览器进行查看,而 WML 语言写出的文件则是专门用来在手机等一些无线终端显示屏上显示,供人们阅读的,并且同样也可以向使用者提供人机交互界面,接受使用者输入的查询等信息,然后向使用者返回他所想要获得的最终信息。
    4. 4. 理解 WML 语言 <ul><li>WML ( Wireless Markup Language - 无线标记语言),内置于移动设备中的微型浏览器能够解释这种标记语言。它是 XML 的一个应用子集,基于 WAP ( Wireless Application Protocol 无线应用协议,向移动终端提供互联网内容和服务的全球统一的开放式协议标准) </li></ul><ul><li>与 HTML 类似,主要包括元素和标签。 HTML 写出的内容我们可以在 PC 机上用 IE 等浏览器进行查看,而 WML 语言写出的文件则是专门用来在手机等一些无线终端显示屏上显示,供人们阅读的,并且同样也可以向使用者提供人机交互界面,接受使用者输入的查询等信息,然后向使用者返回他所想要获得的最终信息。 </li></ul>
    5. 5. WML 手机应用实例一 3G 首页 注册 与登陆:
    6. 6. WML 手机应用实例 二
    7. 7. WML 程序结构 WML 元素和标签 元素是符合 DTD( 文档类型定义 ) 的文档组成部分 标签规定元素的属性及元素在文档中的位置 单独标签 / 成对标签 <card> 内容 </card> <br/> <?xml version=&quot;1.0&quot; encoding=&quot;gb2312&quot;> <!DOCTYPE wml PUBLIC &quot;-//WAPFORUM//DTD WML 1.1//EN&quot; &quot;http://www.wapforum.org/DTD/wml_1.1.xml&quot;> <wml> <card id=&quot;card1&quot; title=&quot; 标题 &quot;> <p> Hello,World!<br/>Hello,WML! </p> <! –- 此处为注释不显示 --> </card> </wml> 使用手机模拟器测试 WML 程序
    8. 8. WML 程序结构 <ul><li>WML 程序结构形式及组成 </li></ul><ul><li>语法 </li></ul><ul><li>文件声明 </li></ul><ul><li>标签 </li></ul><ul><li>元素 </li></ul><ul><li>属性 </li></ul><ul><li>注释 </li></ul><ul><li>文档结构 </li></ul><?xml version=&quot;1.0&quot; encoding=&quot;gb2312&quot;> <!DOCTYPE wml PUBLIC &quot;-//WAPFORUM//DTD WML 1.1//EN&quot; &quot;http://www.wapforum.org/DTD/wml_1.1.xml&quot;> <wml> <card id=&quot;card1&quot; title=&quot; 标题 &quot;> <p> Hello,World!<br/>Hello,WML! </p> <!–- 此处为注释不显示 --> </card> </wml>
    9. 9. <ul><li>WML 字符使用基本规则 </li></ul><ul><li>大小写敏感 </li></ul><ul><li>空格 </li></ul><ul><li>标签及属性 </li></ul><ul><li>不显示的内容 </li></ul><ul><li>保留字符 </li></ul><ul><li>显示汉字 </li></ul>WML 语言基本知识
    10. 10. <ul><li>卡片与卡片组 </li></ul><ul><li>Card 与 Deck </li></ul>WML 语言基本知识
    11. 11. <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;gb2312&quot;> </li></ul><ul><li><!DOCTYPE wml PUBLIC &quot;-//WAPFORUM//DTD WML 1.1//EN&quot; </li></ul><ul><li>&quot;http://www.wapforum.org/DTD/wml_1.1.xml&quot;> </li></ul><ul><li><wml> </li></ul><ul><li><card id=&quot;one&quot; title=“ 第一个卡片 &quot;> </li></ul><ul><li>Hello,World! </li></ul><ul><li></card> </li></ul><ul><li><card id=&quot;two&quot; title=“ 第二个卡片 &quot;> </li></ul><ul><li>Hello,WML! </li></ul><ul><li></card> </li></ul><ul><li></wml> </li></ul>WML 编程 <ul><li>卡片、卡片组及其元素 </li></ul><ul><li>card 元素 </li></ul>
    12. 12. <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;gb2312&quot;?> </li></ul><ul><li><!DOCTYPE wml PUBLIC &quot;-//WAPFORUM//DTD WML 1.3//EN&quot; </li></ul><ul><li>&quot;http://www.wapforum.org/DTD/wml13.dtd&quot;> </li></ul><ul><li><wml> </li></ul><ul><li><card id=&quot;card1&quot; title=&quot;3G 首页 &quot;> </li></ul><ul><li>用户名称 :<input type=&quot;text&quot; name=&quot;userName&quot; size=&quot;6&quot; format=&quot;6a&quot;/><br/> </li></ul><ul><li>用户密码 :<input type=&quot;password&quot; name=&quot;userPass&quot; size=&quot;6&quot; format=&quot;5A&quot;/> </li></ul><ul><li></card> </li></ul><ul><li></wml> </li></ul>WML 编程 <ul><li>用户输入处理元素 </li></ul><ul><li>input 元素 </li></ul>
    13. 13. <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;gb2312&quot;?> </li></ul><ul><li><!DOCTYPE wml PUBLIC &quot;-//WAPFORUM//DTD WML 1.3//EN&quot; &quot;http://www.wapforum.org/DTD/wml13.dtd&quot;> </li></ul><ul><li><wml> </li></ul><ul><li><card id=&quot;card1&quot; title=&quot; 在线报名 &quot;> </li></ul><ul><li>真实姓名 :<input type=&quot;text&quot; name=&quot;userName&quot; size=&quot;6&quot; maxlength=&quot;6&quot;/><br/> </li></ul><ul><li>性别 : </li></ul><ul><li><select name=&quot;sex&quot;> </li></ul><ul><li><option value=&quot; 男 &quot;> 男 </option> </li></ul><ul><li><option value=&quot; 女 &quot;> 女 </option> </li></ul><ul><li></select> </li></ul><ul><li>学历 : </li></ul><ul><li><select name=&quot;education&quot; value=&quot;5&quot; multiple=&quot;false&quot;> </li></ul><ul><li><optgroup> </li></ul><ul><li><option value=&quot;08071A&quot;> 中专 </option> </li></ul><ul><li><option value=&quot;08071A&quot;> 高中 </option> </li></ul><ul><li><option value=&quot;08021A&quot;> 大专 </option> </li></ul><ul><li><option value=&quot;08051A&quot;> 本科 </option> </li></ul><ul><li><option value=&quot;08061A&quot;> 硕士或更高 </option> </li></ul><ul><li></optgroup> </li></ul><ul><li></select> </li></ul><ul><li></card> </li></ul><ul><li></wml> </li></ul>WML 编程 <ul><li>用户输入处理元素 </li></ul><ul><li>select 、 option 、 optgroup 元素 </li></ul>
    14. 14. <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;gb2312&quot;?> </li></ul><ul><li><!DOCTYPE wml PUBLIC &quot;-//WAPFORUM//DTD WML 1.3//EN&quot; &quot;http://www.wapforum.org/DTD/wml13.dtd&quot;> </li></ul><ul><li><wml> </li></ul><ul><li><card id=&quot;one&quot; title=&quot;one&quot;> </li></ul><ul><li><anchor> 链接到卡片 two </li></ul><ul><li><go href=&quot;#two&quot;/> </li></ul><ul><li></anchor> </li></ul><ul><li><br/> </li></ul><ul><li><a href=&quot;#two&quot;> 通过 a 标记链接到卡片 two</a> </li></ul><ul><li></card> </li></ul><ul><li><card id=&quot;two&quot; title=&quot;two&quot;> </li></ul><ul><li>two </li></ul><ul><li></card> </li></ul><ul><li></wml> </li></ul>WML 编程 <ul><li>锚点、图像、定时器及其元素 </li></ul><ul><li>anchor 、 a 元素 </li></ul>
    15. 15. <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;gb2312&quot;?> </li></ul><ul><li><!DOCTYPE wml PUBLIC &quot;-//WAPFORUM//DTD WML 1.3//EN&quot; &quot;http://www.wapforum.org/DTD/wml13.dtd&quot;> </li></ul><ul><li><wml> </li></ul><ul><li><card id=&quot;one&quot; title=&quot; 图片显示 &quot;> </li></ul><ul><li>图片一 :<img src=&quot;qq.bmp&quot; alt=&quot; 提示 &quot;/><br/> </li></ul><ul><li>图片二 :<img src=&quot;ss.bmp&quot; alt=&quot; 提示 &quot; width=&quot;50&quot; height=&quot;50&quot;/> </li></ul><ul><li></card> </li></ul><ul><li></wml> </li></ul>WML 编程 <ul><li>锚点、图像、定时器及其元素 </li></ul><ul><li>img 元素 </li></ul>
    16. 16. <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;gb2312&quot;?> </li></ul><ul><li><!DOCTYPE wml PUBLIC &quot;-//WAPFORUM//DTD WML 1.3//EN&quot; &quot;http://www.wapforum.org/DTD/wml13.dtd&quot;> </li></ul><ul><li><wml> </li></ul><ul><li><card id=&quot;splash&quot; title=&quot; 定时器 &quot; ontimer=&quot;input.wml&quot; > </li></ul><ul><li><timer name=&quot;timer1&quot; value=&quot;100&quot;/> </li></ul><ul><li><p align=&quot;center&quot;> 开始显示 ..... </li></ul><ul><li><img src=&quot;ss.bmp&quot; alt=&quot; 提示 &quot;/> </li></ul><ul><li></p> </li></ul><ul><li></card> </li></ul><ul><li></wml> </li></ul>WML 编程 <ul><li>锚点、图像、定时器及其元素 </li></ul><ul><li>timer 元素 </li></ul>
    17. 17. <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;gb2312&quot;> </li></ul><ul><li><!DOCTYPE wml PUBLIC &quot;-//WAPFORUM//DTD WML 1.1//EN&quot; </li></ul><ul><li>&quot;http://www.wapforum.org/DTD/wml_1.1.xml&quot;> </li></ul><ul><li><wml> </li></ul><ul><li><card id=&quot;three&quot; title=&quot; 段落 &quot;> </li></ul><ul><li><p>welcome to the IMTI!</p> </li></ul><ul><li><p align=&quot;center&quot;>welcome to <br/>the IMTI!</p> </li></ul><ul><li><p mode=&quot;nowrap&quot;>Welcome to the IMTI!</p> </li></ul><ul><li><p>aaaaaaaaaaaa<p>bbbbbbbbbbbbbbbbbbbbbbbbbb </li></ul><ul><li></card> </li></ul><ul><li></wml> </li></ul>WML 编程 <ul><li>文本格式化及其元素 </li></ul><ul><li>br 、 p 元素 </li></ul>
    18. 18. <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;gb2312&quot;> </li></ul><ul><li><!DOCTYPE wml PUBLIC &quot;-//WAPFORUM//DTD WML 1.1//EN&quot; </li></ul><ul><li>&quot;http://www.wapforum.org/DTD/wml_1.1.xml&quot;> </li></ul><ul><li><wml> </li></ul><ul><li><card id=&quot;style&quot; title=&quot; 字符标记的使用 &quot;> </li></ul><ul><li><p> 正常显示 <br/> </li></ul><ul><li><b> 粗体显示 </b><br/> </li></ul><ul><li><big>Big 字体 </big> </li></ul><ul><li><em>Emphasis 强调 </em> <br/> </li></ul><ul><li><i>Italics 斜体 </i><br/> </li></ul><ul><li><small>Small 字体 </small><br/> </li></ul><ul><li><strong>Strong 字体 </strong><br/> </li></ul><ul><li><u>Underlined 下划线 </u><br/> </li></ul><ul><li><b><small>Bolded Small 混合使用 </small></b> </li></ul><ul><li></p> </li></ul><ul><li></card> </li></ul><ul><li></wml> </li></ul>WML 编程 <ul><li>文本格式化及其元素 </li></ul><ul><li>b 、 big 、 em 、 i 、 small 、 strong 、 u 、元素 </li></ul>
    19. 19. <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;gb2312&quot;?> </li></ul><ul><li><!DOCTYPE wml PUBLIC &quot;-//WAPFORUM//DTD WML 1.3//EN&quot; &quot;http://www.wapforum.org/DTD/wml13.dtd&quot;> </li></ul><ul><li><wml> </li></ul><ul><li><card id=&quot;table&quot; title=&quot; 表格使用 &quot;> </li></ul><ul><li><p> </li></ul><ul><li><table columns=&quot;2&quot; border=&quot;1&quot;> </li></ul><ul><li><tr> </li></ul><ul><li><td> 姓名 </td> </li></ul><ul><li> <td> 性别 </td> </li></ul><ul><li><td> 电话号码 </td> </li></ul><ul><li></tr> </li></ul><ul><li><tr> </li></ul><ul><li><td> 张三 </td> </li></ul><ul><li> <td> 男 </td> </li></ul><ul><li><td>15866668888</td> </li></ul><ul><li></tr> </li></ul><ul><li> <tr> </li></ul><ul><li><td> 李四 </td> </li></ul><ul><li> <td> 女 </td> </li></ul><ul><li><td>15988889999</td> </li></ul><ul><li></tr> </li></ul><ul><li></table> </li></ul><ul><li></p> </li></ul><ul><li></card> </li></ul><ul><li></wml> </li></ul>WML 编程 table 元素
    20. 20. JSP 简介 JSP(Java Server Pages) 是由 Sun Microsystems 公司倡导、许多公司参与一起建立的一种动态网页技术标准。 JSP 技术是用 JAVA 语言作为脚本语言的, JSP 网页为整个服务器端的 JAVA 库单元提供了一个接口来服务于 HTTP 的应用程序。 在 HTML 或 WML 文件 (*.htm,*.wml) 中加入 Java 程序片段 (Scriptlet) 和 JSP 标记 (tag) ,就构成了 JSP 网页 (*.jsp) 。 Web 服务器在遇到访问 JSP 网页的请求时,首先执行其中的程序片段,然后将执行结果以 HTML 或 WML 格式返回给客户。程序片段可以操作数据库、重新定向网页以及发送 email 等等,这就是建立动态网站所需要的功能。。
    21. 21. JSP 优点 <ul><li>对于用户界面的更新,其实就是由 Web Server 进行的,所以给人的感觉更新很快。 </li></ul><ul><li>所有的应用都是基于服务器的,所以它们可以时刻保持最新版本。 </li></ul><ul><li>客户端的接口不是很繁琐,对于各种应用易于部署、维护和修改。 </li></ul>
    22. 22. <ul><li><?xml version=&quot;1.0&quot; encoding=&quot;gb2312&quot;> </li></ul><ul><li><!DOCTYPE wml PUBLIC &quot;-//WAPFORUM//DTD WML 1.1//EN&quot; </li></ul><ul><li>&quot;http://www.wapforum.org/DTD/wml_1.1.xml&quot;> </li></ul><ul><li><wml> </li></ul><ul><li><card id=&quot;card1&quot; title=&quot; 用户登陆 &quot;> </li></ul><ul><li>用户名称 :<input type=&quot;text&quot; name=&quot;userName&quot; size=&quot;6&quot; maxlength=&quot;6&quot;/><br/> </li></ul><ul><li>用户密码 :<input type=&quot;password&quot; name=&quot;userPass&quot; size=&quot;6&quot; maxlength=&quot;6&quot;/> </li></ul><ul><li><anchor> 登陆 </li></ul><ul><li><go href=&quot;login.jsp&quot;> </li></ul><ul><li><postfield name=&quot;uname&quot; value=&quot;$(userName)&quot;/> </li></ul><ul><li><postfield name=&quot;upass&quot; value=&quot;$(userPass)&quot;/> </li></ul><ul><li></go> </li></ul><ul><li></anchor> </li></ul><ul><li></card> </li></ul><ul><li></wml> </li></ul>WML 运用 编写 login.wml, 用于登陆,输入用户名和密码,点登陆进入到 login.jsp
    23. 23. <ul><li><%@ page contentType=&quot;text/html;charset=GB2312&quot;%> </li></ul><ul><li><?xml version=&quot;1.0&quot; encoding=&quot;gb2312&quot;?> </li></ul><ul><li><!DOCTYPE wml PUBLIC &quot;-//WAPFORUM//DTD WML 1.3//EN&quot; </li></ul><ul><li>&quot;http://www.wapforum.org/DTD/wml13.dtd&quot;> </li></ul><ul><li><wml> </li></ul><ul><li><card id=&quot;card1&quot; title=&quot; 用户登陆 &quot;> </li></ul><ul><li><%!String name; </li></ul><ul><li>String pass; </li></ul><ul><li>%> </li></ul><ul><li><% </li></ul><ul><li>name=request.getParameter(&quot;uname&quot;); </li></ul><ul><li>pass=request.getParameter(&quot;upass&quot;); </li></ul><ul><li>%> </li></ul><ul><li>欢迎您,您的用户名是 :<font color=&quot;red&quot;><%=name%></font>, 密码是 <font color=&quot;red&quot;><%=pass%></font> </li></ul><ul><li></card> </li></ul><ul><li></wml> </li></ul>WML 和 JSP 运用 编写 login.jsp, 用于获取用户输入的用户名和密码
    24. 24. <ul><li>掌握 WML 编程语言的基本用法 </li></ul><ul><li>能够使用 wml 语言进行编程 </li></ul>总结
    25. 25. 结束  谢谢 !
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×