网站制作浅析WAP2.0手机网站的开发
发布时间：2024-07-21 点击：49
前一阵帮着学校开发了wap2.0的手机版学校首页。http://wap.chd.edu.cn
从零基础入门，总体来说上手还是挺容易的，现在就来写一写关于我在wap2.0开发中遇到的问题，一来记录一下自己进行的第一个项目，二来也是给大家做一个参考，因为wap2.0还算是比较新的东西，可参考的资料比较少。我在开发初期根本无从下手，无法找到大量的相关的准确资料，大多数在网上找到的都是一些不经过实践的copy文章，许多东西根本行不通。
wap网站分为wap1.0和wap2.0，现在比较主流的就是wap2.0了。和wap1.0相比，2.0在语法和习惯上更贴近于web页面开发语言html。所以对于web设计师来说，开发wap站点很容易上手，至于wap1.0，目的是为了兼容比较旧的手机或者一些国产机，选用的wml语言，并且采用deck（卡片）的方式来构建网站，需要重头开始学。不过基本上08年后生产的手机，都可以解析wap2.0的语言（xhtml-mp）。
首先平台的搭建选用的是 iis6.0+.net(c#)+xhtml(mp)+sql2005,分别是服务器，后台代码语言，前台页面语言和数据库。
测试平台可以选用手机终端或者web浏览器。wap1.0的网站不支持用web浏览器访问，不过可以用opera浏览器来测试，opera是我所知道的唯一一款可以直接访问wap1.0网站的浏览器。wap2.0网站的优点是手机端和web端都可以进行访问。但在测试的时候，由于用手机访问，必须要进行域名解析正式发布后，才可以访问的到，所以一般都用web浏览器测试。不过需要注意一个很重要的问题：手机终端只支持非常非常非常简单的javascript脚本，所以千万不可在搭建wap2.0站运用过多的javascript效果以及控件（因为控件的原理大多数是javascript）。最棘手的一个问题就是，当你在web浏览器端测试时是正常的，但是用手机端来访问时，就出现无法预计的错误，造成这种情况的原因大多数就是由于无法解析相关的javascript。这时，我推荐大家一款模拟器，openwave v7，这是一款模拟手机的终端，当你在模拟器上可以成功访问到你所搭建的wap网站时，就证明这个网站真正的手机端是可以访问的了。
下面我们来进入正题，构建wap2.0时需要注意的地方。
页面语言的选择 xhtml mp（extensible hypertext markup language mobile profile） 由于xhtml mp是xhtml的一个子集，所以必须严格遵守xhtml的语法。 标签必须完全闭合。 标签和属性必须小写。 属性值必须包含在引号标记内。 不允许无属性值存在。 标签必须完全嵌套。 页面css的选择wcss（wap css /wap cascading style sheet） wap css: css2的一个简化版本，增加了wap特有的扩展。可以很简单的改变xhtml mp页面的布局和风格。 iis管理器中添加mime类型扩展
1.mime类型： application/vnd.wap.xhtml+xml、application/xhtml+xml 、text/html。
2.动态生成mime类型。获得http请求中的accept header信息。
3.文件扩展名：.xhtml、.html、.htm
正式开发：
页面
必须包含, , 和 元素。
[xhtml] view plaincopyprint?
应用程序的方式进行发布，因为这样是挂在主域名下的一个子目录，而我们需求的是一个全新的具有二级域名的wap网站（比如是http://wap.chd.edu.cn，而不是http://chd.edu.cn/wap)，这里就涉及到一个ip地址和域名解析的问题，就不具体讲解了。另外在新建网站时有许多的权限问题，比如文件夹要具有iis的访问权限，要有webserver的权限，这里可以参考我的另一篇文章。
到这里wap2.0网站的建设就基本入手。希望这篇文章可以给需要进行wap2.0开发的人员作为一个参考。
网站内容丰富应围绕网站主题进行
p2p网贷平台建设为什么要找专业的网站设计公司
一级域名二级域名注册购买(注意问题一览)
开发语言asp、php、asp.net、jsp优缺点
济南百度快照SEO网站优化要害词奈何才气到达结果?
舆情监测有什么误区？
网站优化的站内优化的基本步骤有哪些?
网站IP地址变更对SEO优化有影响吗？
从零基础入门，总体来说上手还是挺容易的，现在就来写一写关于我在wap2.0开发中遇到的问题，一来记录一下自己进行的第一个项目，二来也是给大家做一个参考，因为wap2.0还算是比较新的东西，可参考的资料比较少。我在开发初期根本无从下手，无法找到大量的相关的准确资料，大多数在网上找到的都是一些不经过实践的copy文章，许多东西根本行不通。
wap网站分为wap1.0和wap2.0，现在比较主流的就是wap2.0了。和wap1.0相比，2.0在语法和习惯上更贴近于web页面开发语言html。所以对于web设计师来说，开发wap站点很容易上手，至于wap1.0，目的是为了兼容比较旧的手机或者一些国产机，选用的wml语言，并且采用deck（卡片）的方式来构建网站，需要重头开始学。不过基本上08年后生产的手机，都可以解析wap2.0的语言（xhtml-mp）。
首先平台的搭建选用的是 iis6.0+.net(c#)+xhtml(mp)+sql2005,分别是服务器，后台代码语言，前台页面语言和数据库。
测试平台可以选用手机终端或者web浏览器。wap1.0的网站不支持用web浏览器访问，不过可以用opera浏览器来测试，opera是我所知道的唯一一款可以直接访问wap1.0网站的浏览器。wap2.0网站的优点是手机端和web端都可以进行访问。但在测试的时候，由于用手机访问，必须要进行域名解析正式发布后，才可以访问的到，所以一般都用web浏览器测试。不过需要注意一个很重要的问题：手机终端只支持非常非常非常简单的javascript脚本，所以千万不可在搭建wap2.0站运用过多的javascript效果以及控件（因为控件的原理大多数是javascript）。最棘手的一个问题就是，当你在web浏览器端测试时是正常的，但是用手机端来访问时，就出现无法预计的错误，造成这种情况的原因大多数就是由于无法解析相关的javascript。这时，我推荐大家一款模拟器，openwave v7，这是一款模拟手机的终端，当你在模拟器上可以成功访问到你所搭建的wap网站时，就证明这个网站真正的手机端是可以访问的了。
下面我们来进入正题，构建wap2.0时需要注意的地方。
页面语言的选择 xhtml mp（extensible hypertext markup language mobile profile） 由于xhtml mp是xhtml的一个子集，所以必须严格遵守xhtml的语法。 标签必须完全闭合。 标签和属性必须小写。 属性值必须包含在引号标记内。 不允许无属性值存在。 标签必须完全嵌套。 页面css的选择wcss（wap css /wap cascading style sheet） wap css: css2的一个简化版本，增加了wap特有的扩展。可以很简单的改变xhtml mp页面的布局和风格。 iis管理器中添加mime类型扩展
1.mime类型： application/vnd.wap.xhtml+xml、application/xhtml+xml 、text/html。
2.动态生成mime类型。获得http请求中的accept header信息。
3.文件扩展名：.xhtml、.html、.htm
正式开发：
页面
必须包含, , 和 元素。
[xhtml] view plaincopyprint?
应用程序的方式进行发布，因为这样是挂在主域名下的一个子目录，而我们需求的是一个全新的具有二级域名的wap网站（比如是http://wap.chd.edu.cn，而不是http://chd.edu.cn/wap)，这里就涉及到一个ip地址和域名解析的问题，就不具体讲解了。另外在新建网站时有许多的权限问题，比如文件夹要具有iis的访问权限，要有webserver的权限，这里可以参考我的另一篇文章。
到这里wap2.0网站的建设就基本入手。希望这篇文章可以给需要进行wap2.0开发的人员作为一个参考。
网站内容丰富应围绕网站主题进行
p2p网贷平台建设为什么要找专业的网站设计公司
一级域名二级域名注册购买(注意问题一览)
开发语言asp、php、asp.net、jsp优缺点
济南百度快照SEO网站优化要害词奈何才气到达结果?
舆情监测有什么误区？
网站优化的站内优化的基本步骤有哪些?
网站IP地址变更对SEO优化有影响吗？