解读WAP网站建设全攻略教程(2)_建站经验教程
推荐:浅谈图书馆网站建设网站的特色性建设则是一个网站能否区别于其他网站的重要特征, 是其能否吸引读者的关键。建设图书馆网站不是一步到位、一蹴而就的事, 主页制作需要精心规划设计,要不断充实网站的资源。
WML学习(二)
基本格式和文件头
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》, (这和以后要讲的“事件”有关)。这样做是为了方便填表单,当ordered设置为true时,如果一个表单的内容不能在一屏里显示完,就分成多屏显示;当ordered设置为false时, 手机可以显示一个概要CARD来总结有效的选项,用户可以从中选取表单选项来填写。
*onXXX属性,类似于HTML标签中的onXXX属性,用来捕捉事件,当事件被触发时执行指定的操作(任务),在这里是转向某个URL。
WML学习(三)
显示文本
在文本的显示上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》 |
显示图片
显示图片(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=”xxx.bmp“ localsrc=”smileyface“/》《/p》 《/card》 《/wml》 |
WML学习(四)
锚和任务
连接是 HTML 页面里最基本的功能, 在 WML 里也一样用 《a href=”url“ title=”label“》 和 《/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=”test1.wml“/》News《/anchor》《br/》 《a title=”Link2“ href=”test2.wml“》Sports《/a》 《/p》 《/card》 《/wml》 |
WML里的任务标签有以下几种,除了用于《anchor》,还可以用在事件中:
1)《go》用来指示浏览器显示指定的URL,包括DECK的第一个CARD或者指定的CARD。语
法如下:
以下为引用的内容: 《go href=”url“ sendreferer=”false|true“ method=”get|post“ accept-charset =”charset“》 《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=”test.wml“/》News《/anchor》。
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》(以后会说明)。
分享:给新手参考的建站经历一个偶然的机会我就有了想建站的冲动!一开始还是比较迷茫的,不知道从何入手。 于是在网上下了DW8软件开始学习,因为没有老师,只好在网上下了一些最基本的教程来学习,学习了一段时间之后感觉有点郁闷吧。是懂得了一点操作了,但总是做得不尽人意呀。 似懂
- 相关链接:
- 教程说明:
建站经验教程-解读WAP网站建设全攻略教程(2)。