您当前的位置: 站长圈 > 移动开发

手机网页制作基础知识

来源:|0 作者:adminxin 点击: 0
  如果想制作手机网页,也就是WAP网页,先要确定你的WAP站的版本是WAP1.2还是WAP2.0。这所以要分别这两个版本,是因为它们所使用的网页语言的标准是不同的,WAP1.2采用的是WML语言,2.0采用的则是Xhmtl MP语言。
 
          WML语言是无线标记语言(Wireless Markup Language)的缩写,它是一种从 HTML 继承而来的标记语言,但是 WML 基于 XML,因此它较 HTML 更严格。
 
           Wml语言和Html语言有颇多不同之处,所以若要用它编写手机网页需要重新学习一下Wml语言。而Xhtml语言和普通网页的Xhtml语言十分相似,如果已经掌握Xhtml语言,那么再做Xhtml MP的手机网页就轻而易举了。
 
          值得注意的是采用Xhtml MP语言编写,写法也和Xhtml语言相似,但wap站的页面扩展名却是*.wml结尾,不是*.html。

  建手机网页调试浏览器用Opera,因为Opera对手机网页有很好的支持,可以明确指出网页中的错误。帮助我们调试网页。至于网页编写工具如果你是 新手推荐使用Dreamweaver,可以利用Xhtml MP语言制作wap页面,在新建页面时将文档类型选为xhtml-mobile1.0,其它制 作页面方法和制作Xhtml普通页面大同小异。

<!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,它定义了网页的解析标准。
 
         手机网页是以wml为文件结尾的,所以应该将网页保存为wml文件。但是,如果使用Dreamweaver制作wml网页会出现一个问题,就是在编辑 wml文件时Dreamweaver工具栏的按钮都变成灰色不可点击了,出现这种状况只能考手写代码制作网页了,这对于高手来说无所谓,但对于新手似乎有 些难度。所以通常情况下我都会将手机网页先保存成html格式文件,待制作完成后再另存为wml文件。所以这里直接将网页保存为index.html即 可。 

          手机网页不需要太多美化,修饰越多就会造成下载数据过多和时间过慢,还会增加用户流量费用,所以简要的修饰和清晰地结构才是最重要的。于是,运用好标题、列表项、换行等内容在收集网页中是很重要的。