PS设计教程网欢迎你!

WAP网站建设全攻略教程(3)

文章来源于 未知,感谢作者 情非得已 给我们带来经精彩的文章!
设计教程/前端设计/前端设计2009-09-18
一个DECK可以包含多个CARD,每个CARD的内容可能不止一屏显示,注意DECK,CARD和屏幕显示范围的关系。一个CARD用card和/card包含。card可以包含以下可选的属性: card id=name title=label newcontext=false ordered

  一个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 border="0" cellspacing="0" cellpadding="6" width="95%" align="center"> <?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 </card>
</wml>

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa