打造自己的WAP网站

站长空间

WAP被称为“口袋中的互联网”,已被公认为是移动通信与互联网结合的技术应用典范,它将因特网内容和数据服务带入移动电话终端,用户只要携带支持WAP协议的移动终端设备就可以遨游各个WAP网站了。本期我们带给大家WAP网站制作全过程。

WAP网站的前途:

随着移动电子商务的盛行和手机的价格走低,越来越多的人都加入到WAP手机上网的行列了,但是“僧多粥少”,WAP网站相对普通网站来说可谓少之又少,如果你拥有WAP网站,就会令人对你高看一眼,毕竟WAP在目前是时尚的、新潮的,网站的建设也相对复杂一些。

了解WAP网站的要点

在开始建立WAP服务器和网页之前,我们有必要对WAP网站的技术规范有所了解。WAP使用的标记语言和我们普通网站的有所不同,它是使用建立在XML基础上的WML语言支持网页,一个WAP网页的一般格式为:

<?xml version="1.0"?>

<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"><wml>

<head>

<meta..../>

</head>

<card>

网页内容

</card>

<wml>

其中头三行是用于类型声明的,如果是手工制作WAP网页一定要注意字母大小写,<wml>和HTML语言中的<html>类似,表明这是一个WML网页,<head></head>之间的使用和HTML一样,真正的WAP网页内容则是在<card></card>之间了,在一个页面中可以包括多个<card>,各个<card>使用各自的ID值来相互区分,在WML内容中显示文本、图片等格式和HTML类似,这里就不再赘述了。

为了更方便读者了解WAP网站和普通网站的建站区别,我们以如下表格加以对比:

20-f8-b1.jpg

有空间请建立WAP服务器

如果你已经有现成的网站空间,最好自己建立WAP服务器,这样能拥有较为全面的功能。

1.在IIS中自建WAP服务器

WAP服务器并不需要其他独立的服务器,只要对我们常用IIS服务器的“MIME映射”稍加设置即可胜任。在网站属性窗口切换到“HTTP”标签界面,单击“文件类型”按钮弹出文件类型注册对话框(图1),点击“新类型”,输入关联扩展名和内容类型后“确定”即可,这里需要注册的关联扩展名和内容类型如下:

20-f8-1.jpg
图1

以上各个文件类型注册完毕,WAP网站就建立完成了,接下来,我们就可以来制作我们的WAP网页了。

提示:如果你已经拥有付费的虚拟主机网站空间,可以向空间提供商申请添加WAP服务。

20-f8-b2.jpg

2.制作WAP网页

我们可以按照上面提到的常用WAP格式来手工制作一个WAP网页,但对于XML代码不熟悉的朋友来说势必有些困难。这里笔者向你推荐一个简单易用的WAP网页制作工具——DotWAP(下载地址:http://www.rising.com.cn/newtech/wap/wapdown/dotwap2.exe)。使用它你就可以轻松地制作WAP网页了。

运行DotWAP(图2),首先选中“MainMeun”,在“Title”下修改WAP首页标题,还可以在“Text”下书写简短的网站介绍,如果想在首页上放置网站LOGO的话,在首页标题的右键菜单中选择“Add Subitem→Image”,然后在右侧区域点击“Browse”按钮选择你的网站LOGO即可。接下来就可以设置各个网页分栏目了。在首页标题的右键菜单中选择“Add Page”添加新栏目,然后在右侧编辑区域修改标题和输入文本内容。

20-f8-2.jpg
图2

如果在分栏目的右键菜单下选择“Add Page”,还能为分栏目设置子栏目,这样就可使WAP网站内容更加丰富,在设计过程中,我们可以点击“Prview”按钮来预览网站在手机中的显示情况(图3)。整个WAP网站设计完毕后,点击“保存”按钮保存设计文件,然后执行“File→Create WML files”导出WML网页文件,再将导出的WML网页文件复制到IIS站点文件夹内,我们的WAP网站就算大功告成了!

20-f8-3.jpg
图3

提示:因为手机屏幕的显示限制,在使用网站LOGO和其他图片时要尽量使图片小巧,以适合手机浏览为宜。

无空间请在线制作WAP网站

如果你没有网站空间或对自己建立WAP服务器和网页没有信心的话,你还可以利用免费网站TAGTAG.COM提供的在线制作功能来打造自己的WAP网站。

首先登录http://www.tagtag.com/site/signup.php3注册成为该网站的会员,注册成功后,你就拥有1MB的WAP空间了,然后使用注册账号登录到会员区域,点击“Add new WAP site”链接进入WAP网站设置页面,按照提示设置好WAP名称(Name)、简介(Description)等项目,单击“Submit”按钮提交后你的WAP网站就建立成功了,再次返回到会员区域你就会发现下方的WAP网站信息了(图4),其中“Name”下的地址“tagtag.com/WAP名称”就是你的WAP地址了。

20-f8-4.jpg
图4

点击“Actions”下的第一个图标进入在线编辑窗口就可以为你的WAP网站填充内容了(图5)。在这里不仅可以为WAP网站添加分栏目、图片和文本内容,还可以设置交互性功能的计数器(Couter)和留言本(Guest book)等。设置完毕,点击“Save”按钮就可以保存在线编辑的内容了。需要更新WAP内容时,可以随时登录会员区域来进行修改、添加内容。

20-f8-5.jpg
图5

提示:1.在线编辑过程中若使用图片的话,应该提前点击“Actions”下的第四个图标来上传图片。2.一个WAP网站建立成功后,可以回到会员区域点击“Add new WAP site”建立多个WAP网站。

模拟访问WAP站点

WAP网站制作完毕,我们可以采用WAP仿真浏览器——WinWAP(下载地址:http://www.mh.fy.cn/2005/WinWAP32.rar)来测试网站的效果,运行WinWAP,在地址栏中输入WAP网站地址http://127.0.0.1/index.wml,按下回车键就可以看到模拟手机访问的WAP网站整体效果了(图6)。

20-f8-6.jpg
图6

提示:本地浏览测试满意后,你就可以使用http://你的IP地址/ index.wml发布你的WAP网站了,当然你也可以去申请一个诸如“花生壳”之类的动态域名对外发布你的网站。