X.Tian

X.T

Wap手机页面

随着人们都对手机的依赖性大大增加的同时移动上网成为Internet时代新的宠儿,出现了WAP的各种应用需求。(针对wap端的页面效果对页面图片进行与PC端的区分)。

也就相继有了WML语言是无线标记语言(Wireless Markup Language)的缩写,它是一种HTML继承而来的标记语言,但是 WML 基于 XML,因此它较 HTML更严格。

首先,如果想制作wap网页,先要确定你的wap站的版本,是wap1.2还是wap2.0。只有先确定好这个内容,才能继续下面的制作工作。之所以要分别这两个版本,是因为它们所使用的网页语言的标准是不同的,wap1.2采用的WML语言,2.0采用的则是Xhtml MP语言。

分清自己使用的wap版本和语言后,还需要知道一些其它知识:

1. 虽然采用Xhtml Mp语言编写,写法也和Xhtml语言相似,但wap站的页面扩展名却是*.wml结尾,不是*.html。

2.使用Dreamweaver就可以利用Xhtml MP语言制作wap页面,在新建页面时将 文档类型选为 xhtml-mobile1.0,其它制作页面方法和制作Xhtml普通页面大同小异。

制作手机网页最好先准备三样东西:网页设计图、Dreamweaver软件和Opera浏览器。网页设计图就是网页未来的摸样,必不可少;用Xhtml MP语言进行手机网页制作和普通网页制作方法一样,使用Dreamweaver即可;而Opera对手机网页有很好的支持,可以明确指出网页中的错误。

新建手机网页的方法和新建普通网页相同,详细步骤可以参见原来的文章。新建手机网页,只有一个地方不同,就是在打开Dreamweaver后,在新建网页弹出窗口的文档类型处选择“Xhtml Mobile 1.0”,然后点击确定,如图所示。

20140717143319
新建网页后,页面中出现了代码网页源代码如下:

<!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN” “http://www.wapforum.org/DTD/xhtml-mobile10.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>无标题文档</title>
</head>

<body>
</body>
</html>

和普通网页不同的只有文档类型的声明,普通网页是xhtml1-transitional.dtd,而它是xhtml-mobile10.dtd,它定义了网页的解析标准。

PS:  不过现在WML已经过时了,估计WML诞生与199几年没准比我还老,现如今已经被HTML5取代了。那我写这文章似乎看起来似乎真是没有任何用了。jQuery Mobile是JQuery在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。

wap2

Demo地址 : http://xtian.me/demo/wap-demo.html

2014年10月17日 4 / /
标签:  暂无标签

评论回复

  1. 回复 ONEO

    :evil: html直接手打就阔仪,响应式页面一般都需要这个

  2. 回复 M.J

    装X的时候一定要用点 高大上的编辑器,这样才装吗!! :lol: :lol:

3 + 6 =

回到顶部