当前位置:编程学习 > wap >>

WAP技术课程

答案:

一、配置web服务器

在设计wap网页时不论你使用的wap开发工具是up.sdk 或nokia wap tookit 或者ericsson wapide,你都必须进行web服务器设置,故在此将常

见的几种web服务器的设置介绍如下:

1、window nt 平台的iis

a、启动菜单->程序->windows nt option pack ->iis4.0

b、右击internet information server的子项计算机名,在快捷菜单上选择‘属性’

c、在属性页面的下部,有一个‘文件类型(f)’按钮,单击此按钮,会出现文件类型界面 d、单击‘新增类型’按钮,然后在相关的扩展名

栏中填写 .wml ,在内容类型(mime)栏中填写 text/vnd.wap.wml

e、单击‘确定’按钮 f、重复c、d、e 三步,再增加其他的mime类型。

2、apache web server on nt or solaries or linux or other unix

a、不管是nt 还是unix 或linux ,都是修改 apache 安装目录下的conf/mime.types文件

b、在该文件中增加以下内容: text/vnd.wap.wml .wml image/vnd.wap.wbmp .wbmp application/vnd.wap.wmlc .wmlc text/vnd.wap.wmls

.wmls application/vnd.wap.wmlsc .wmlsc c、存盘 d、重新启动apache web server 即可。

 

二、wap网页设计入门

这里介绍wap协议标准组织所制定的标记语言wml,由于和以前介绍的hdml在手机浏览器专用网页的特征上基本一致,所以概念部分就略去了,

直接讲述语言。

1。基本规则  

 * wml使用xml文档字符集,目前支持unicode 2.0,和hdml不同,wml的所有标签,属性和规定的可接收值必须小写,card的名字和变量也是

区分大小写的。和hdml一样,对于连续的空字符,只显示一个空格。标签内属性的值必须用"或者'括起来,属性名,=和值之间不能有空格

。对于不成对出现的标签,必须在 > 前加 / ,比如<br/>。在对变量的引用上和hdml基本相同,有:

$(var1:esc)  

 $(var1:noesc)  

 $(var1:unesc)

三种形式,具体含义参见前面hdml的相关部分。在对保留字符的处理上也基本相同,对应的取代字符有:

< <

> >

? '&apos

" "

& &

$ $$

空格  

- ­

这里要指出的是在url的传递过程中,用来连接参数的 & 必须转化为 & 。

2。基本格式和文件头

  wml文件的一般格式:

<?xml version="1.0"?>

<!doctype wml public "-//wapforum//dtd wml 1.1//en" "http://www.wapforum.org/dtd/wml_1.1.xml">

<wml>

<head>

<access/>

<meta..../>

</head>

<card>

some contents...

</card>

<wml>

  结构看上去和html文件很类似,对于每一个deck,在其文档开头必须指明以下的类型声明。

<?xml version="1.0"?>

<!doctype wml public "-//wapforum//dtd wml 1.1//en" "http://www.wapforum.org/dtd/wml_1.1.xml">


千万注意字母的大小写。对于一个deck,其文件大小最好不要超过1.2k。

  <wml>标签和html中的<html>标签一样,用来表明这是一个wml的deck,它有一个可选的xml:lang属性来制定文档的语言,比如<wml

xml:lang="zh">表示文档语言为中文。

  和html一样<head>标签包含了该desk的相关信息。<head>标签之间可以包含一个<access>标签和多个<meta>标签。

  <access domain="域" path="/路径" />相当于html中的<base>标签,指定该deck的访问控制信息,它用两个可选的属性,domain用来指

定域,默认值为当前域,path用来指定路径,默认值为"/",即根目录。由于<access>单独使用,所以要用/结尾,以后对于类似的情况不再赘

述。

  <meta 属性 content="值" scheme="格式" forua="true|false"/>和html中的类似,提供了该deck的meta信息。属性是必选的,包括一下三种情况
  name="name" up.link server忽略meta数据
  http-equiv="name" up.link server将meta数据转为http响应头(同html)
  user-agent="agent" up.link server直接将meta数据传给手机设备
content属性也是必选的,其内容根据属性而定。scheme属性目前尚不支持。forua为可选属性,指定在该wml文件传到客户端之前,<meta>标签是不是被中间代理删除(因为传输的协议可能改变),默认值为false。

  目前支持的meta数据:
  <meta http-equiv="cache-control" content="max-age=3600"/>指定deck在手机内存缓存中的存储时间段,默认的为30天(除非内存耗尽),在该期间,手机对于访问过的deck直接从缓存里调用。如果信息是对时间敏感的,可以用max-age指定deck在缓存里的生存期,最小单位是秒,如果指定为0,则每次都需通过连接服务器来调用该deck。

  <meta user-agent="vnd.up.markable" content="false"/>和<meta user-agent="vnd.up.bookmark" content="指定的url"/>类似于普通浏览器的书签功能。当用户将一个card做了书签后,手机浏览器首先用一个标记记录该card,这个标记默认的是<card>标签中的title属性(以后会讲到),然后当用户选择了该书签以后,浏览器就会打开被记录的url。但是因为在默认的情况下,手机会记录所有的deck,所以,一般<meta>被用来使手机不要记录当前的url,即<meta user-agent="vnd.up.markable" content="false"/>。此外,如果要为书签指定不同于当前dreck的url,用<meta user-agent="vnd.up.bookmark" content="指定的url"/>。

  一个deck可以包含多个card,每个card的内容可能不止一屏显示,注意deck,card和屏幕显示范围的关系。一个card用<card>和</card>包含。<card>可以包含以下可选的属性:
<card id="name" title="label" newcontext="false" ordered="true" onenterforward="url" onenterbackward="url" ontimer="url">
  *id属性用来指定card的名字,可用来在card间跳转,相当于在html中在页内跳转时用<a name="jumphere">。
  *title属性用来作为书签的标记,该属性一般不会显示在屏幕上。
  *newcontext属性,默认值为false,用来指示当跳转到本card时,手机是不是要清除以前保留的信息,包括变量,堆栈里的历史记录,重新设置手机状态等。
  *ordered属性,默认值是true,表明该card里的内容是按固定的顺序显示,还是按用户的选择来显示。这点和html不同,card页面里的内容可以按一定的顺序显示,默认的是按线性顺序显示,即按代码的顺序,但是,要注意的是,以下三个标签必须按以下顺序来写<onevent> <timer> <do>,(这和以后要讲的“事件”有

[page_break] 关)。这样做是为了方便填表单,当ordered设置为true时,如果一个表单的内容不能在一屏里显示完,就分成多屏显示;当ordered设置为false时,手机可以显示一个概要card来总结有效的选项,用户可以从中选取表单选项来填写。
  *onxxx属性,类似于html标签中的onxxx属性,用来捕捉事件,当事件被触发时执行指定的操作(任务),在这里是转向某个url。

3。显示文本

  在文本的显示上wml基本和html相同。文字段落包含在<p align= "alignment" mode=" wrapmode">和</p>之间,align属性指定该段文字的对齐方式,默认的是left,其他可选择right和center;mode属性指定当一行显示不下所有的文字时是否自动换行,默认的是自动换行wrap,如果选nowrap,则在一行中显示,浏览器会通过类似于水平滚动条
的机制来显示所有文字。

  换行标签也一样为<br/>,这里先替一下,在标单中如果有多个<input>或者<select>,其间不要用<br/>,否则会使手机浏览器认为是断点而把表单分页显示。

  文字的修饰标签有<b>、<i>、<u>、<em>、<strong>、<big>和<small>,意义和html里的相同。

  表格的显示标签也和html相近,使用<table title="name" align="left|right|center" columns="列数">、<tr>和<td>来显示,<table>的title属性用来给表格取个名字,columns属性指定表的列数,不能为0,可选的align属性和前面提到的一样是对齐方式。表格中可以包含文字和图片。

test1.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>
<p align="center">
<i>hello</i><br/>
<b><i>world!</i></b>
<table title="mytable" align="right" columns="2">
<tr>
<td>1-1</td>
<td>1-2</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
</tr>
</table>
</p>
</card>
</wml>

4。显示图片

  显示图片(1位黑白bmp图片)的标签一样类似于html,<img alt="text" src="url" localsrc="icon" align="left" height="n"

width="n" vspace="n" hspace="n"/>,属性中alt和src是必须要有的,其他可选。另外要注意的是<img>要放在<p>里,不能放

在<do>和<option>等功能健标签和选单标签里。

  *alt属性用来指定当手机不支持图片显示时用来显示的文字。

  *src属性指定图片的url,但当有了以下的localsrc属性时,手机浏览器就忽略src属性。

  *localsrc属性用来指定显示存在手机rom中的图标,如果找不到,则到up.link server上去找。

  *可选的align属性用来表明图片同当前行文本的对齐方式,默认值为bottom,可选to和middle。

  *height、width、vspace、hspace属性分别指定图片的长宽和距环绕文字的间距,目前不是所有的wap手机都支持这些属性。

test2.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>
<p align="center"><img alt=":)" src="http://www.wapzj.com/html/33/16/html/xxx.bmp" localsrc="smileyface"/></p>
</card>
</wml>

5。锚和任务

  连接是html页面里最基本的功能,在wml里也一样用<a href=>

定了要打开的url,可选的title属性给该连接取个标记名字,这个名字将作为软按钮之一的accept键(详见以前的hdml入门文章)的标记显示在

屏幕的软按钮区,所以通常可以将属性作为提示文字是用。

  然而,以上的连接在wml里只是任务的一种情况,为了能够使用其它任务,所以引进了新的标签<anchor title="label">任务标签 文

本</anchor>,<a>其实是当任务标签为<go/>时的简单表示方式。

test3.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>
<p>
<anchor title="link1"><go href=><a title="link2" href=></p>
</card>
</wml>

  wml里的任务标签有以下几种,除了用于<anchor>,还可以用在事件中:

  1)<go>用来指示浏览器显示指定的url,包括deck的第一个card或者指定的card。语法如下:
  <go href=>  <postfield name="name" value="value"/>
  <setvar name="name" value="value"/>
  </go>
  其中href属性为必选,其他为可选。sendreferer属性表示是否传递调用href所指定的url的页面的url,也就是当前页的url,即http头中的http_referer,默认值为false,可选值为true。method和html中的表单form的method属性一样,指定表单是以get的方式还是post的方式递交,以便cgi处理,默认的值为get,但如果未指定method但<go></go>间存在<postfield>,手机自动以post方式传递。accept-charset属性可覆盖在http头里指定的字符集,可以写多个字符集,如accept-charset="utf-8,us-ascii, iso-8859-1"。
  <postfield name="name" value="value"/>可以看作是html表单form中的<input type="hidden" name="变量名" value="值">,通过它可以向指定的url传递以“变量名/值”形式的数据。name和value属性都是必选的。注意只有这里的变量是用来递交给cgi程序的。
  除了<postfield>,还可以在<go>和</go>间加入一句或者多句<setvar name="name" value="value"/>,该语句的意思是,当触发某一事件时,给变量赋值。
  要注意的是,当<go>和</go>之间没有任何语句时,要用<go/>的形式,这点比较特别,比如<anchor title="link1"><go href=>

  2)<prev>用来将当前页面的url压入url历史堆栈,并打开此前的url,若该url不存在,则<prev>无效。语法类似<go>:<prev><setvar name="name" value="value"/></prev>,<prev>和</prev>之间可加入一句或多句<setvar name="name" value="value"/>,若不加,则必须变成<prev/>的形式。

  3)<refresh>用来刷新当前的页面,从而使得页面内的变量刷新,语法为<refresh><setvar name="name" value="value"/></refresh>。

  4)<noop>,表示什么也不做,该标签不能用在<anchor>中,一般用在覆盖deck级的<do>(以后会说明)。

 

三、当我用模拟手机浏览wap网页时,汉字显示出现乱码或编译出错的设置

以下有几种方法可以设置:

1、可在web服务器中设置mime表时,在text/vnd.wap.wml后加上“;charset=charset_

上一页  [1] [2] [3]  下一页

[page_break] name”,如gb2312汉字 :

text/vnd.wap.wml;charset=gb2312 content mime type extension wml text/vnd.wap.wml; charset=charset_name wml

2、若你在设计动态wap网页时,出现汉字显示乱码,你可以在程序中将返回类型指明所使用的字符集。 在程序中,将charset加在向用户浏览

器发送信息的类型后, 按以下方式写: "content-type: text/vnd.wap.wml; charset=gb2312"。 如在asp中: response.contenttype =

"text/vnd.wap.wml; charset=gb2312" ,在php、perl等服务器端脚本中比较类似。 3、你也可以用字符转换工具来转换,将你的程序代码转

换为utf8、或unicode。

上一页  [1] [2] [3] 

上一个:WAP技术入门(续)
下一个:基于蓝牙的WAP解决方案

更多图片编程知识:
更多wap疑问解答:
新人求助QPainter
为什么程序都退出了还可以收到推送?如果大多设备都可以推送那运营商怎么办?
qt 4.7 sqlserver2000 存储过程调用
关于ANDROID4.0.1编译问题!
Android FrameBuffer读屏幕30秒后mmap失败
联通粗定位用java程序如何来请求和接受数据
为什么QT运行Android平台的程序时,mouseMoveEvent事件响应的间隔时间很长??????????
android与PC蓝牙通讯
指定大小的label 内容可变,如果内容超出label的宽度,将未能显示的部分显示在另一个label上
Android调试
android如何通过wifi连接无线打印机
运行程序,release目录下产生一个乱码文件夹
分享个某机构最新安卓资料,自己验证了
service启动不起来,掉不了service connection
求助:QT5.0 没有QPrinter吗
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,