《wap网站制作教程.doc》由会员分享，可在线阅读，更多相关《wap网站制作教程.doc（30页珍藏版）》请在金锄头文库上搜索。
1、wap网站制作教程字体大小：大 | 中 | 小 2009-05-21 16:09 - 阅读：1073 - 评论：3用QuickWAP组件建设Wap站点教程用QuickWAP组件建设Wap站点教程-准备篇首先我们要简单了解一下什么是QuickWAP，QuickWAP V1.0精简版是一款基于WAP1.2协议，利用VB6 开发的一个辅助ASP+WML语言编写WAP网页的组件。其次我们要安装安装QuickWAP V1.0精简版，假如你还没有下载可以到这里下载安装。安装过程如下：1.首先将QuickWAP.dll文件拷贝到系统system32目录下。Windows 2000/Server/Advanc
2、ed Server操作系统为：系统盘符:WINNTsystem32Windows XP/2003操作系统为：系统盘符:Windowssystem322.注册控件。开始菜单运行 Regsvr32 QuickWap.dll 命令 成功注册后弹出对话框如下： 接下来我们可以检测是否已成功安装Quickwap.Dll，新建一个ASP文件，代码如下： 如果通过IIS运行此文件得到如下图，表示已经安装成功，可以使用该组件了。注意事项：使用QuickWAP前，请确保服务器配置好了WAP的MIME类型。Associated ExtensionMIME Typewmltext/vnd.wap.wmlwmlcap
3、plication/vnd.wap.wmlcwbmpimage/vnd.wap.wbmpwmlscapplication/vnd.wap.wmlscriptcwmlstext/vnd.wap.wmlscriptwscapplication/vnd.wap/wmlscriptc以下是配置在IIS中配置WAP的MIME类型：一、启动IIS 开始菜单-设置-控制面板-管理工具-Internet信息服务（IIS）管理器二、右击本地计算机 查看属性 三、打开MIME类型，就可将上面数据添加进去 用QuickWAP组件建设Wap站点教程-实战篇 现在我们就开始学习用Quickwap组件编写Wap代码了.1
4、 框架PageHeader和PageFooterPageHeader作用：PageHeader用于设置WAP页面的访问控制信息、缓存等的函数，输出了WAP文件头并产生了一个一个卡片。语法：Wap.PageHeader(CacheControl,” forua”,” OtherAtt”)说明：CacheControl max-age指定DECK在缓存里的生存期，最小单位是秒， 如果指定为0， 则每次都需通过连接服务器来调用该DECK。forua forua 为可选属性，指定在该wml文件传到客户端之前， 标签是不是被中间代理删除（因为传输的协议可能改变），默认值为false。OtherAtt用于
5、设置其他的属性值。其中的属性值可以用单引号或者两个双引号括起来。如 name=Bicyle 可以用 name=Bicyle代替。在此添加的附加属性将添加到的前边。例如：Wap.PageHeader(max-age=300)PageFooter作用：用于输出WAP文件的末尾函数语法：Wap.PageFooter文件实例：新建kj.asp代码如下：效果演示： 2 输出函数WriteOut和WriteRow作用：他们是对要输出的文字进行UTF-8转码，然后进行输出。例如：Wap.WriteOut Content & 说明：Content用于准备输出的字符串WriteRow与WriteOut的区别就在
6、于：后面的,也就是说，我们在输 出的时候可以省略后面的,而输出时将自动换行。例如我们还是要输出欢迎使用Quick WAP组件开发！这句话，代码就可以这样写：例如：Wap.WriteRow 欢迎使用Quick WAP组件开 发！文件实例：新建Write.asp，代码如下：效果演示： 3超链接函数A作用：用于形成超链接的函数使用QuickWap实现超链接非常简单.例如：Wap.WriteRow Wap.A(Title, Url , DisplayText )，说明：Title显示在手机左下角或右下角显示的提示信息。Url链接地址，可以是相对路径或者绝对路径。DisplayText就是显示在屏幕上的
7、链接文字。注意：他们之间必须用逗号（,）隔开一下函数都是如此，不再提醒。文件实例：新建A.asp，代码如下：效果演示： 4分页函数.EasyMorePage作用：简易的长字符串分页函数语法：Wap.WriteOut Wap.EasyMorePage(ToShowContent,)说明：ToShowContent输入要分页的字符串TextLong每页显示的字符数。5图片函数Img作用：用于图片显示的函数语法：Wap.WriteOut Wap.Img(Url,Tip ,OtherAtt)说明：Url是图片的地址，可以是相对路径或者绝对路径Tip当无法显示图片或载入时显示的文字信息OtherAtt用
8、于设置其他的属性值。其中的属性值可以用单引号或者两个双引号括起来。如name=Bicyle 可以用 name=Bicyle代替例如：Wap.WriteOut Wap.Img(images/logo.PNG,生成预览中.)6图片链接函数作用：用于形成带有图片链接的函数语法：Wap.WriteRow Wap.ImgA(ImgPath,Url , DisplayText )说明：ImgPath图片的地址，可以是相对路径或者绝对路径。Url链接地址，可以是相对路径或者绝对路径DisplayText显示在屏幕上的链接文字例如：Wap.WriteRow Wap.ImgA(,#SecondCard,第二栏目
9、)7段落函数P用于设置段落对齐、是否允许换行Wap.WriteOut Wap.P(AlignMent ,WrapMode )AlignMent对齐方式有三种：left center rightWrapMode是否换行：wrap nowrap例如：Wap.WriteOut Wap.P(left,wrap)8Utf8转成Gb2312函数用于将被转换为UTF-8编码的字符还原为中文字符的函数Wap.WriteRow Wap.Utf8_Gb2312(SearchString)SearchString待转换的UTF-8编码的字符串例如：Wap.WriteOut Wap.Utf8_Gb2312(我们有专业
10、的开发团队)用QuickWAP组件建设Wap站点教程-终结篇 问：假如我不习惯使用QuickWap组件了怎么办？答：可以卸载掉方法如下：开始菜单运行 Regsvr32 /u QuickWap.dll 命令，即可卸载掉。问：我为什么感觉用QuickWap组件开发Wap不习惯呢？答：用QuiWap组件编程刚开始可能不太习惯，用了一段时间后，你挥发现它非常的好用，快捷，并因此而喜欢用QuickWap组件了如何在IIS上搭建WAP网站如何在IIS上搭建WAP网站1.创建一个站点文件夹 首先你要创建一个独立于你的主站点的新的站点文件夹(若站点是建立在同一个服务器上面的话)，这样你下面要做的改动才不会影响
11、别的站点。2.在IIS 平台创建一个新的MIME类型 先选择WAP站点的属性，再加入MIME类型，然后选择HTTP Headers标签。在MIME Map部分，点击File Type并且输入以下信息: wml text/vnd.wap.wmlwmlc application/vnd.wap.wmlcwbmp image/vnd.wap.wbmpwmlsc application/vnd.wap.wmlscriptcwmls text/vnd.wap.wmlscriptwsc application/vnd.wap/wmlscriptc完成以后，将会显示以下几种类型: 3.现在，你就可以把你的网
12、站内容加到站点文件夹里面了。体验EasyPad 实现WAP自主建站体验EasyPad 实现WAP自主建站EasyPad WAPtor是一款简单易用的WAP页面制作工具，特别适合刚开始学习编写WAP页面的人使用。事实上,建立WAP站点比起WEB站点来要简单的多，尽管WAP建站是一项新的网络开发技术，但这并不意味着你得花掉更多时间来学习它。必要的融会贯通会让你明白WAP和WEB间的紧密联系，或许一开始你就会发现：原来制作WAP和与制作WEB是一样的简单，无需记得标签和它的属性，你就可以轻松开发出优秀的WAP页面，下面我们来看看如何使用 EasyPad WAPtor 来制作WAP页面。如果你还没有这
13、款工具，请点击这里下载WAPtor。获得EasyPad WAPtor的安装文件后双击运行并按照提示即可完成安装，成功后运行EasyPad WAPtor，你将会看到如下界面。 乍一看，这个界面也太简单了吧，是的，比起WEB制作软件Dreamweaver来说它确实显得有些单薄，甚至让人怀疑起它的能力来。不用着急，EasyPad WAPtor实际上是一款所占资源微乎其微的小软件，我们不能想象只能用手机来浏览的简单页面需要多么强大的开发软件么？如果你是一位高手，也许这款软件就是多余的，但随便打开一个记事本就能写个WAP网站出来的高手当然不能多见，所以我要说，EasyPad WAPtor，用处大大的。首
14、先我们来看看EasyPad WAPtor的功能区，同大多数的软件一样，EasyPad WAPtor为开发者提供了简单的功能按钮，上部的第三排是功能按钮选择区，如果你用过Dreamweaver，你一定不会陌生这些按钮的用途，这里就不再赘述。界面的下部被分为两块，左边是编辑区，右边是御览区或者模拟浏览区，能够及时体现页面编辑的结果，非常方便。下面我们赶快来体验一下如何用它来制作WML格式的WAP页面吧。单击上部第二排最左的新建按钮 ，EasyPad WAPtor将自动套用WML格式的语法，就如Dreamweaver自动套用html格式语法一样，给我们省去了不少的事情。见下图： 我们看到，EasyPad WAPtor自动套用的代码实际上是一个简单的WML实例文件，我们可以在此基础上编辑页面，通过上部的工具按钮，可以为文本加粗、加斜、加下划线、字体设置、添加段落、换行以及添加表格、图片、链接以及表单等操作。我们知道，WML文件是以卡片为块单位的，也就是上图代码中的，手机浏览网页也基本上是以卡片为单位来显示，比如每一屏显示一个卡片。一张WAP网页至少有一个卡片，EasyPad WAPtor上部第三排最左侧的一个功能按钮 就是添加卡片的按钮，先用光标选择好要添加卡片的位置，点击这个按钮就可以了。下面，我们来体验一下编程的快乐：首先将id为MainCard
