WAP网站制作WAP网站建设全攻略教程Word格式.docx
《WAP网站制作WAP网站建设全攻略教程Word格式.docx》由会员分享,可在线阅读,更多相关《WAP网站制作WAP网站建设全攻略教程Word格式.docx(25页珍藏版)》请在冰点文库上搜索。
![WAP网站制作WAP网站建设全攻略教程Word格式.docx](https://file1.bingdoc.com/fileroot1/2023-5/8/4b05405a-47e4-4adc-b586-943b1bca9f69/4b05405a-47e4-4adc-b586-943b1bca9f691.gif)
但是,目前由于无线网的带宽等等因素的限制,WAP手机的在多媒体上的应用如:
可视会议、多媒体教学等等,还须一段时日。
WAP规范还在不断地完善,WAP论坛成员们在加紧开发功能完善的WAP设备,这无疑加快其在无线因特网综合服务领域的扩展速度。
关于WAP有几点,应该注意一下:
1.WAP不只是将手机带入IP/Internet网络
WAP规范考虑了很多无线网络和手机的特性。
即便是3G的手机也无法把屏幕做的象通用计算机一样,来浏览HTML页面。
直接接入IP网,9110在98年就可以,但是应用呢,不可能Nokia,Motarola,Ericsson推出手机时各自定义一套应用。
象WWW一样,在规范推出以前,已经有了很多基于IP网络的应用,包括一些做的很好的软件。
但Internet遍地开花却是在WWW规范推出之后。
WAP很大的意义在于统一的标准。
WAP和无线IP网络并不矛盾,WAP协议规定,若承载基于IP,WDP就是UDP。
等无线IP网络普及,若认为上面几层太繁琐,最多是WAP协议中间几层略掉(其实也没太多东西)。
2.WAP应用模式很多
只要手机和网络支持统一标准,业务发展是不可限量的。
这一点就不多说了。
3.WAP是发展的
WAP规范不仅定义了和Internet结合部分,还定义WTE,及话音部分,可以说发展还早呢。
要是以后通讯核心网建起来,话音业务没准都采用WAP来实现。
WML学习
(一)
概述
WML(WirelessMarkupLanguage-无线标记语言)这种描述语言同我们常听说的HTML语言同出一家,都属于XML语言这一大家族。
HTML语言写出的内容,我们可以在我们的PC机上用IE或是Netscape等浏览器进行阅读,而WML语言写出的文件则是专门用来在手机等的一些无线终端显示屏上显示,供人们阅读的,并且同样也可以向使用者提供人机交互界面,接受使用者输入的查询等信息,然后向使用者返回他所想要获得的最终信息。
基本规则
*WML使用XML文档字符集,目前支持Unicode2.0,和HDML不同,WML的所有标签,属性和规定的可接收值必须小写,CARD的名字和变量也是区分大小写的。
和HDML一样,对于连续的空字符,只显示一个空格。
标签内属性的值必须用“或者‘括起来,属性名,=和值之间不能有空格。
对于不成对出现的标签,必须在》前加/,比如《br/》。
在对变量的引用上和HDML基本相同,有:
以下为引用的内容:
$(var1:
esc)
noesc)
unesc)
三种形式,具体含义参见前面HDML的相关部分。
在对保留字符的处理上也基本相同,对应的取代字符有:
《《
》》
’&
apos;
”“
&
&
$$$
空格
--
这里要指出的是在URL的传递过程中,用来连接参数的&
必须转化为&
。
WML学习
(二)
基本格式和文件头
wml文件的一般格式:
《?
xmlversion=”1.0“?
》
《!
DOCTYPEwmlPUBLIC”-//WAPFORUM//DTDWML1.1//EN“”http:
//www.wapforum.org/DTD/wml_1.1.xml“》
《wml》
《head》
《access/》
《meta.。
../》
《/head》
《card》
Somecontents.。
.
《/card》
结构看上去和HTMl文件很类似,对于每一个DECK,在其文档开头必须指明以下的类型声明:
千万注意字母的大小写。
对于一个DECK,其文件大小最好不要超过1.2K。
《wml》标签和HTML中的《html》标签一样,用来表明这是一个WML的DECK,它有一个可选的xml:
lang属性来制定文档的语言,比如《wmlxml:
lang=”zh“》表示文档语言为中文。
和HTML一样《head》标签包含了该DESK的相关信息。
《head》标签之间可以包含一个《access》标签和多个《meta》标签。
《accessdomain=”域“path=”/路径“/》相当于HTML中的《BASE》标签,指定该DECK的访问控制信息,它用两个可选的属性,domain用来指定域,默认值为当前域,path用来指定路径,默认值为”/“,即根目录。
由于《access》单独使用,所以要用/结尾,以后对于类似的情况不再赘述。
《meta属性content=”值“scheme=”格式“forua=”true|false“/》和HTML中的类似,提供了该DECK的meta信息。
属性是必选的,包括一下三种情况name=”name“UP.LinkServer忽略meta数据
http-equiv=”name“UP.LinkServer将meta 数据转为HTTP响应头(同HTML)
user-agent=”agent“ UP.LinkServer直接将meta数据传给手机设备,content属性也是必选的,其内容根据属性而定。
scheme属性目前尚不支持。
forua为可选属性,指定在该wml文件传到客户端之前,《meta》标签是不是被中间代理删除(因为传输的协议可能改变),默认值为false。
目前支持的meta数据:
《metahttp-equiv=”Cache-Control“content=”max-age=3600“/》指定DECK在手机内存缓存中的存储时间段,默认的为30天(除非内存耗尽),在该期间,手机对于访问过的DECK直接从缓存里调用。
如果信息是对时间敏感的,可以用max-age指定DECK在缓存里的生存期,最小单位是秒,如果指定为0,则每次都需通过连接服务器来调用该DECK。
《metauser-agent=”vnd.up.markable“content=”false“/》和《metauser-agent=”vnd.up.bookmark“content=”指定的URL“/》类似于普通浏览器的书签功能。
当用户将一个CARD做了书签后,手机浏览器首先用一个标记记录该CARD,这个标记默认的是《card》标签中的title属性(以后会讲到),然后当用户选择了该书签以后,浏览器就会打开被记录的URL。
但是因为在默认的情况下,手机会记录所有的DECK,所以,一般《meta》被用来使手机不要记录当前的URL,即《metauser-agent=”vnd.up.markable“content=”false“/》。
此外,如果要为书签指定不同于当前DRECk的URL,用《metauser-agent=”vnd.up.bookmark“content=”指定的URL“/》。
一个DECK可以包含多个CARD,每个CARD的内容可能不止一屏显示,注意DECK,CARD和屏幕显示范围的关系。
一个CARD用《card》和《/card》包含。
《card》可以包含以下可选的属性:
《cardid=”name“title=”label“newcontext=”false“ordered=”true“onenterforward=”url“onenterbackward=”url“ontimer=”url“》
*id属性用来指定CARD的名字,可用来在CARD间跳转,相当于在HTML中在页内跳转时用《ANAME=”jumpHere“》。
*title属性用来作为书签的标记,该属性一般不会显示在屏幕上。
*newcontext属性,默认值为false,用来指示当跳转到本CARD时,手机是不是要清除以前保留的信息,包括变量,堆栈里的历史记录,重新设置手机状态等。
*ordered属性,默认值是true,表明该CARD里的内容是按固定的顺序显示,还是按用户的选择来显示。
这点和HTMl不同,CARD页面里的内容可以按一定的顺序显示,默认的是按线性顺序显示,即按代码的顺序,但是,要注意的是,以下三个标签必须按以下顺序来写《onevent》《timer》《do》,(这和以后要讲的“事件”有关)。
这样做是为了方便填表单,当ordered设置为true时,如果一个表单的内容不能在一屏里显示完,就分成多屏显示;
当ordered设置为false时,手机可以显示一个概要CARD来总结有效的选项,用户可以从中选取表单选项来填写。
*onXXX属性,类似于HTML标签中的onXXX属性,用来捕捉事件,当事件被触发时执行指定的操作(任务),在这里是转向某个URL。
WML学习(三)
显示文本
在文本的显示上WML基本和HTML相同。
文字段落包含在《palign=”alignment“mode=”wrapmode“》和《/p》之间,align属性指定该段文字的对齐方式,默认的是left,其他可选择right和center;
mode属性指定当一行显示不下所有的文字时是否自动换行,默认的是自动换行wrap,如果选nowrap,则在一行中显示,浏览器会通过类似于水平滚动条的机制来显示所有文字。
换行标签也一样为《br/》,这里先替一下,在标单中如果有多个《input》或者《select》,其间不要用《br/》,否则会使手机浏览器认为是断点而把表单分页显示。
文字的修饰标签有《b》、《i》、《u》、《em》、《strong》、《big》和《small》,意义和HTML里的相同。
表格的显示标签也和HTML相近,使用《tabletitle=”name“align=”left|right|center“columns=”列数“》、《tr》和《td》来显示,《table》的title属性用来给表格取个名字,columns属性指定表的列数,不能为0,可选的align属性和前面提到的一样是对齐方式。
表格中可以包含文字和图片。
test1.wml
--------------
《palign=”center“》
《i》Hello《/i》《br/》
《b》《i》World!
《/i》《/b》
《tabletitle=”mytable“align=”right“columns=”2“》
《tr》
《td》1-1《/td》
《td》1-2《/td》
《/tr》
《td》2-1《/td》
《td》2-2《/td》
《/table》
《/p》
《/wml》
显示图片
显示图片(1位黑白BMP图片)的标签一样类似于HTML,《imgalt=”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.LinkServer上去找。
*可选的align属性用来表明图片同当前行文本的对齐方式,默认值为bottom,可选to和middle。
*height、width、vspace、hspace属性分别指定图片的长宽和距环绕文字的间距,目前不是所有的WAP手机都支持这些属性。
test2.wml
---------------
//www.wapforum.org
/DTD/wml_1.1.xml“》
《palign=”center“》《imgalt=”:
)“src=”xxx.bmp“localsrc=”smileyface“/》《/p》
WML学习(四)
锚和任务
连接是HTML页面里最基本的功能,在WML里也一样用《ahref=”url“title=”label“》和《/a》来包括用来建立连接的文字,必选属性href指定了要打开的URL,可选的title属性给该连接取个标记名字,这个名字将作为软按钮之一的ACCEPT键(详见以前的HDML入门文章)的标记显示在屏幕的软按钮区,所以通常可以将属性作为提示文字是用。
然而,以上的连接在WML里只是任务的一种情况,为了能够使用其它任务,所以引进了新的标签《anchortitle=”label“》任务标签文本《/anchor》,《a》其实是当任务标签为
《go/》时的简单表示方式。
test3.wml
《p》
《anchortitle=”Link1“》《gohref=”test1.wml“/》News《/anchor》《br/》
《atitle=”Link2“href=”test2.wml“》Sports《/a》
WML里的任务标签有以下几种,除了用于《anchor》,还可以用在事件中:
1)《go》用来指示浏览器显示指定的URL,包括DECK的第一个CARD或者指定的CARD。
语
法如下:
《gohref=”url“sendreferer=”false|true“method=”get|post“accept-charset
=”charset“》
《postfieldname=”name“value=”value“/》
《setvarname=”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“。
《postfieldname=”name“value=”value“/》可以看作是HTML表单FORM中的《INPUTTYPE=”HIDDEN“NAME=”变量名“VALUE=”值“》,通过它可以向指定的URL传递以“变量名/值”形式的数据。
name和value属性都是必选的。
注意只有这里的变量是用来递交给CGI程序的。
除了《postfield》,还可以在《go》和《/go》间加入一句或者多句《setvarname=”name“value=”value“/》,该语句的意思是,当触发某一事件时,给变量赋值。
要注意的是,当《go》和《/go》之间没有任何语句时,要用《go/》的形式,这点比较特别,比如《anchortitle=”Link1“》《gohref=”test.wml“/》News《/anchor》。
2)《prev》用来将当前页面的URL压入URL历史堆栈,并打开此前的URL,若该URL不存在,则《prev》无效。
语法类似《go》:
《prev》《setvarname=”name“value=”value“/》《/prev》,《prev》和《/prev》之间可加入一句或多句《setvarname=”name“value=”value“/》,若不加,则必须变成《prev/》的形式。
3)《refresh》用来刷新当前的页面,从而使得页面内的变量刷新,语法为《refresh》《setvarname=”name“value=”value“/》《/refresh》。
4)《noop》,表示什么也不做,该标签不能用在《anchor》中,一般用在覆盖DECK级的《do》(以后会说明)。
WML学习(五)
显示表单
类似于HTML的《FORM》,《fieldset》可用来包括一组表单选项,但不是必须的。
前面说过,当《card》的ordered设置为false时,手机可以显示一个概要CARD来总结有效的选项,方便用户从中选取表单选项来填写,概要CARD就是根据《fieldset》和独立的输入框《input》以及选单《select》来总结的。
语法为,《fieldsettitle=”label“》表单内容《/fieldset》,可选的title属性除了可用来表示表单的名字外,还在概要CARD里作为选择项的标题。
表单内容可以是嵌套的《fieldset》,输入框《input》,选单《select》和必要的提示文本。
《inputname=”variable“title=”label“type=”type“value=”value“default=”default“format=”specifier“emptyok=”false|true“size=”n“maxlength=”n“tabindex=”n“/》,用来输入文本,除了name属性是必要的,其他可选。
*name属性,指定了用来存储该输入文本的变量名字。
*title属性,该输入框的名字,同样可被用来作为概要CARD页中的选项名。
*type属性,默认值为text,如选择password,则输入的数据显示为*。
*value属性,在语法和行为上等同于下面的default属性,*default属性,指定输入框的默认值,即name属性指定变量的默认值,当用户输入新值时,该值无效,如果该值不符合以下format属性的规定,则手机也忽略该默认值。
*format属性,用来格式化输入的数据,可用的标记如下,使用时可用“一位数字标记”和“*标记”的形式,前者代表N个标记型字符,如3X,后者代表任意个(小于maxlength属性的值)标记型字符。
标记 描述
A 任何符号或者大写字母(不包括数字)
a 任何符号或者小写字母(不包括数字)
N 任何数字(不包括符号或者字母)
X 任何符号、数字或者大写字母(不可改变为小写字母)
x 任何符号、数字或者小写字母(不可改变为大写字母)
M 任何符号、数字或者大写字母(可改变为小写字母)或者多个字符,默认为首字大写
m 任何符号、数字或者小写字母(可改变为大写字母)或者多个字符,默认为首字小写
*maxlength属性,指定了用户可输入的最大字符长度,最大限制为256个字符。
*emptyok属性,表示用户可否不填输入框,默认为false,即要填。
*size属性,输入框显示长度,目前未被支持。
*tabindex属性,类似于在HTML表单中按TAB键后,焦点落在哪个选项上,该值决定了这个选择顺序,数字大的排在后面。
目前未被支持。
test4.wml
《cardid=”card1“ordered=”false“》
USERNAME:
《inputname=”userName“title=”UserName“type=”text“value=”YourNameHere“format=”*M“emptyok=”false“maxlength=”12“tabindex=”1“/》
PASSWORD:
《inputname=”password“title=”Password“type=”password“format=”8x“emptyok=”false“maxlength=”8“tabindex=”2“/》
COMMENTS:
《inputname=”comments“