WAP网页设计入门

WAP网页设计入门一 配置 WEB 服务器在设计 WAP 网页时不论你使用的 WAP 开发工具是 UP SDK 或 NOKIAWAPTOOK 或者 ERICSSONWAPI 你都必须进行 WEB 服务器设置 故在此将常见的几种 WEB 服务器的设置介绍如下 1 WINDOWNT 平台的 IISa 启动菜单 程序 WINDOWSNTOPT IIS4 0b 右击

一、配置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一样,对于连续的空字符,只显示一个空格。标签内属性的值必须用”或者’括起来,属性名,=和值之间不能有空格 。对于不成对出现的标签,必须在 > 前加 / ,比如

。在对变量的引用上和HDML基本相同,有: $(var1:esc)    $(var1:noesc)    $(var1:unesc) 三种形式,具体含义参见前面HDML的相关部分。在对保留字符的处理上也基本相同,对应的取代字符有: < < > > ? ‘&apos ” ” & & $ $$ 空格   – ­ 这里要指出的是在URL的传递过程中,用来连接参数的 & 必须转化为 & 。 2。基本格式和文件头   wml文件的一般格式:                Some contents…     结构看上去和HTMl文件很类似,对于每一个DECK,在其文档开头必须指明以下的类型声明。 千万注意字母的大小写。对于一个DECK,其文件大小最好不要超过1.2K。    标签和HTML中的标签一样,用来表明这是一个WML的DECK,它有一个可选的xml:lang属性来制定文档的语言,比如 表示文档语言为中文。   和HTML一样标签包含了该DESK的相关信息。标签之间可以包含一个 标签和多个

标签。    相当于HTML中的
标签,指定该DECK的访问控制信息,它用两个可选的属性,domain用来指 定域,默认值为当前域,path用来指定路径,默认值为”/”,即根目录。由于 单独使用,所以要用/结尾,以后对于类似的情况不再赘 述。   

和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文件传到客户端之前,

标签是不是被中间代理删除(因为传输的协议可能改变),默认值为false。   目前支持的meta数据:   

指定DECK在手机内存缓存中的存储时间段,默认的为30天(除非内存耗尽),在该期间,手机对于访问过的DECK直接从缓存里调用。如果信息是对时间敏感的,可以用max-age指定DECK在缓存里的生存期,最小单位是秒,如果指定为0,则每次都需通过连接服务器来调用该DECK。   



类似于普通浏览器的书签功能。当用户将一个CARD做了书签后,手机浏览器首先用一个标记记录该CARD,这个标记默认的是 标签中的title属性(以后会讲到),然后当用户选择了该书签以后,浏览器就会打开被记录的URL。但是因为在默认的情况下,手机会记录所有的DECK,所以,一般

被用来使手机不要记录当前的URL,即

。此外,如果要为书签指定不同于当前DRECk的URL,用

。   一个DECK可以包含多个CARD,每个CARD的内容可能不止一屏显示,注意DECK,CARD和屏幕显示范围的关系。一个CARD用 和 包含。 可以包含以下可选的属性:   *id属性用来指定CARD的名字,可用来在CARD间跳转,相当于在HTML中在页内跳转时用
。   *title属性用来作为书签的标记,该属性一般不会显示在屏幕上。   *newcontext属性,默认值为false,用来指示当跳转到本CARD时,手机是不是要清除以前保留的信息,包括变量,堆栈里的历史记录,重新设置手机状态等。   *ordered属性,默认值是true,表明该CARD里的内容是按固定的顺序显示,还是按用户的选择来显示。这点和HTMl不同,CARD页面里的内容可以按一定的顺序显示,默认的是按线性顺序显示,即按代码的顺序,但是,要注意的是,以下三个标签必须按以下顺序来写     ,(这和以后要讲的“事件”有关)。这样做是为了方便填表单,当ordered设置为true时,如果一个表单的内容不能在一屏里显示完,就分成多屏显示;当ordered设置为false时,手机可以显示一个概要CARD来总结有效的选项,用户可以从中选取表单选项来填写。   *onXXX属性,类似于HTML标签中的onXXX属性,用来捕捉事件,当事件被触发时执行指定的操作(任务),在这里是转向某个URL。 3。显示文本   在文本的显示上WML基本和HTML相同。文字段落包含在

之间,align属性指定该段文字的对齐方式,默认的是left,其他可选择right和center;mode属性指定当一行显示不下所有的文字时是否自动换行,默认的是自动换行wrap,如果选nowrap,则在一行中显示,浏览器会通过类似于水平滚动条的机制来显示所有文字。   换行标签也一样为
,这里先替一下,在标单中如果有多个 或者

  • ,其间不要用,否则会使手机浏览器认为是断点而把表单分页显示。   文字的修饰标签有、、、、、和,意义和HTML里的相同。   表格的显示标签也和HTML相近,使用、和来显示,的title属性用来给表格取个名字,columns属性指定表的列数,不能为0,可选的align属性和前面提到的一样是对齐方式。表格中可以包含文字和图片。 test1.wml ————– Hello World! 1-1 1-2 2-1 2-2 4。显示图片   显示图片(1位黑白BMP图片)的标签一样类似于HTML,,属性中alt和src是必须要有的,其他可选。另外要注意的是要放在里,不能放 在和,通过它可以向指定的URL传递以“变量名/值”形式的数据。name和value属性都是必选的。注意只有这里的变量是用来递交给CGI程序的。   除了 ,还可以在 和 间加入一句或者多句 ,该语句的意思是,当触发某一事件时,给变量赋值。   要注意的是,当 和 之间没有任何语句时,要用 的形式,这点比较特别,比如 News 。   2) 用来将当前页面的URL压入URL历史堆栈,并打开此前的URL,若该URL不存在,则 无效。语法类似 : , 和 之间可加入一句或多句 ,若不加,则必须变成 的形式。   3) 用来刷新当前的页面,从而使得页面内的变量刷新,语法为 。   4) ,表示什么也不做,该标签不能用在 中,一般用在覆盖DECK级的 (以后会说明)。   6。显示表单   类似于HTML的

    可用来包括一组表单选项,但不是必须的。前面说过,当 的ordered设置为false时,手机可以显示一个概要CARD来总结有效的选项,方便用户从中选取表单选项来填写,概要CARD就是根据

    和独立的输入框 以及选单

  • 来总结的。语法为,表单内容,可选的title属性除了可用来表示表单的名字外,还在概要CARD里作为选择项的标题。表单内容可以是嵌套的,输入框 ,选单
  • 和必要的提示文本。    ,用来输入文本,除了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 —————

    USERNAME: PASSWORD: COMMENTS:

      将上例 中的odered的值改为”true”试试看,然后再在

    内加入


    试试看。   

  • 选单类似于HTML表单中的,
  • 和间可包含
  •   选单内容   
  •      *title属性,如以上的title属性。   *multiple属性,指定用户可否进行多项选择,默认值为false。   *name属性,用来存储用户选择项的变量名,其值为
  • 可用来将多个
  • 间还可包括
  • 间可包括事件(见下节)和选单的显示文本。
  • 的name属性所指定的变量。onpick属性,用来指定用户选到该项并按ACCEPT键后所打开页面的URL。 test5.wml ————— Please select a city…
  • Please select columns…
  • 7。事件   WML的事件基本上分为两大类,一类是键盘(包括软硬按钮)输入事件,用 标签来处理,另一类是相关页面内部的事件,用 标签来处理。    的语法如下: 任务 ,任务就是以前提到的四种任务。 的属性中,type是必选的,其他为可选。   *label属性,指定了软按钮在屏幕上的显示文本。目前type属性为delete,help,prev时该属性无效。    *name属性,为 取个名字,同一的CARD里的 不能重名。如果CARD级的 和DECK级的 同名,则覆盖DECK级的 。   *optional属性,指定手机是不是可以忽略这个事件,默认值是false。   *type属性,指定触发的事件,具体如下;   type值    触发原因   accept    调用ACCEPT按钮机制   delete    调用DELETE按钮机制   help     调用HELP按钮机制   options   调用选择按钮机制   prev     调用PREV按钮机制   reset    调用清除和重新设定手机状态时的RESET机制(目前不支持)   unknown    调用unknown机制,等于type=””(目前不支持)   vnd. co-type 调用厂商特定的机制(目前不支持)   X-*, x-*   供以后使用(不保留)(目前不支持) test6.wml —————

    NAME:

    You name is $(userName:noesc).

       的语法如下, 任务 ,必选属性type的取值如下:   type值     如果用户执行了以下操作就执行任务   onpick     用户选择或不选一个

    Please select a city…

    You are Living in $(city:noesc)

       可以用来在用户不进行任何操作的一段时间后,自动执行一个任务,任何激活CARD页面的任务和用户操作都会启动 ,而任务进行时, 就停止。每个CARD只能有一个 ,一个 只能触发一个任务。语法如下: ,其中name为可选属性,指定为一个变量名,当退出该CARD时,该变量存储此时定时器的值,当定时器超时时,手机将该变量设为0;value为必选属性,用来设置定时器的定时值,最小单位为0.1秒。 test8.wml —————

    After 5s, goto card2

    Here is card2!

      再提一下,     三者必须按以上顺序写。   此外在DECK级还可以加入 ,用来将事件捆绑在DECK级上,语法如下:       或者    test9.wml —————

    Press ACCEPT…

    Here is card01

    Here is card02

    8。CGI编程   1)在WEB服务器上添加WML的MIME类型    对于IIS4,可在其管理器里的站点属性中加入新的MIME类型,后缀.wml和MIME类型text/vnd.wap.wml。    对于PWS,可修改注册表,先在HKEY_CLASSES_ROOT层加入主键.wml,再加入串值Content Type为text/vnd.wap.wml,然后在HKEY_LOCAL_MACHINE/Software/CLASSES/MIME/Database/Content Type/中加入主键text/vnd.wap.wml,再加入串值Extension为.wml。    以前提到的HDML也用类似的方法。   2)以http方式访问wml文件    在手机浏览器的URL栏里输入http://localhost/test.wml,就可以访问WML文件了。   3)CGI设计    和普通CGI变成的方式差不多,只是返回结果时,先要输出Content-Type为text/vnd.wap.wml,然后再输出WML内容。 test10.wml —————

    NAME:

    test10.asp ————— <% uid=Request.Form("uid") userName=Request.Form("uname") Response.ContentType="text/vnd.wap.wml" %>

    USERNAME:<%=userName%> USER__ID:<%=uid%>

    三、当我用模拟手机浏览WAP网页时,汉字显示出现乱码或编译出错的设置 以下有几种方法可以设置: 1、可在WEB服务器中设置MIME表时,在text/vnd.wap.wml后加上“;charset=charset_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。














    版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

    发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/199049.html原文链接:https://javaforall.net

    (0)
    上一篇 2026年3月26日 下午1:58
    下一篇 2026年3月26日 下午1:58


    相关推荐

    • 万字读透:智能体(Agent代理)

      万字读透:智能体(Agent代理)

      2026年3月12日
      2
    • 史上最全的StarUML使用教程

      史上最全的StarUML使用教程文章目录一 版本二 界面说明三 画图种类介绍 1 类图 ClassDiagram 2 用例图 UseCaseDiagr 3 时序图 SequenceDiag 4 组件图 ComponentDia 5 部署图 DeploymentDi 6 协作图 Comunication 7 对象图 ObjectDiagra 8 活动图

      2026年3月20日
      2
    • navicat15激活码(破解版激活)

      navicat15激活码(破解版激活),https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

      2022年3月17日
      134
    • JavaScript基础知识全总结「建议收藏」

      JavaScript基础知识全总结「建议收藏」JavaScript基础浏览器说明浏览器是指可以显示网页服务器或者文件系统的HTML文件内容,并让用户与这些文件交互的一种软件。通俗的讲:可以显示页面的一个软件,国内网民计算机上常见的网页浏览器有,QQ浏览器、InternetExplorer、Firefox、Safari,Opera、GoogleChrome、百度浏览器、搜狗浏览器、猎豹浏览器、360浏览器、UC浏览器、傲游浏览器、世…

      2022年7月17日
      22
    • Android中的Matrix(矩阵)

      Android中的Matrix(矩阵)Android中的Matrix,了解如何使用Android的矩阵Matrix

      2022年7月3日
      30
    • 使用Nginx实现负载均衡[通俗易懂]

      使用Nginx实现负载均衡[通俗易懂]负载均衡的作用负载均衡:分摊到多个操作单元上进行执行,和它的英文名称很匹配。就是我们需要一个调度者,保证所有后端服务器都将性能充分发挥,从而保持服务器集群的整体性能最优,这就是负载均衡。负载均衡这里面涉及的东西相对也是比较多的,理论就不说太多了,网上,书上很多,今天我们就利用Nginx服务器来实现一个简单的负载均衡负载均衡算法源地址哈希法:根据获取客户端的IP地址,通过哈…

      2022年4月20日
      44

    发表回复

    您的邮箱地址不会被公开。 必填项已用 * 标注

    关注全栈程序员社区公众号