首页 > 华企学院 > 软件动态 > 简单易用的wap网站制作工具页面制作工具

简单易用的wap网站制作工具页面制作工具

作者:华企商城小编  浏览量:157   发布时间:2016-08-14 20:40:52

  简单易用的wap网站制作工具页面制作工具

EasyPad WAPtor是一款简单易用的WAP页面制作工具,特别适合刚开始学习编写WAP页面的人使用。事实上,建立WAP站点比起WEB站点来要简单的多,尽管WAP建站是一项新的网络开发技术,但这并不意味着你得花掉更多时间来学习它。必要的融会贯通会让你明白WAP和WEB间的紧密联系,或许一开始你就会发现:原来制作WAP和与制作WEB是一样的简单,无需记得标签和它的属性,你就可以轻松开发出优秀的WAP页面,下面我们来看看如何使用 EasyPad WAPtor 来制作WAP页面。 WAPtor是一款非常简单易于使用的WML 编辑器,虽然它没有摆脱代码格式的束缚,但比过去的HTML代码简单的多。即使你不记得WML语言的标签和属性,也能利用WAPtor制作出非常出色的WML网页,WAPtor能让你随时预览WML页面的效果,十分方便。 WAPtor适合初学WML网页的人使用,强力推荐。< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/>   如果你还没有这款工具,请点击这里下载WAPtor。获得EasyPad WAPtor的安装文件后双击运行并按照提示即可完成安装,成功后运行EasyPad WAPtor,你将会看到如下界面。< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/>   乍一看,这个界面也太简单了吧,是的,比起WEB制作软件Dreamweaver来说它确实显得有些单薄,甚至让人怀疑起它的能力来。不用着急,EasyPad WAPtor实际上是一款所占资源微乎其微的小软件,我们不能想象只能用手机来浏览的简单页面需要多么强大的开发软件么?如果你是一位高手,也许这款软件就是多余的,但随便打开一个记事本就能写个WAP网站出来的高手当然不能多见,所以我要说,EasyPad WAPtor,用处大大的。< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/>   首先我们来看看EasyPad WAPtor的功能区,同大多数的软件一样,EasyPad WAPtor为开发者提供了简单的功能按钮,上部的第三排是溅能按钮选择区,如果你用过Dreamweaver,你一定不会陌生这些按钮的用途,这里就不再赘述。界面的下部被分为两块,左边是编辑区,右边是御览区或者模拟浏览区,能够及时体现页面编辑的结果,非常方便。< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/>   下面我们赶快来体验一下如何用它来制作WML格式的WAP页面吧。< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/>   单击上部第二排最左的新建按钮 ,EasyPad WAPtor将自动套用WML格式的语法,就如Dreamweaver自动套用html格式语法一样,给我们省去了不少的事情。见下图:< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/>   我们看到,EasyPad WAPtor自动套用的代码实际上是一个简单的WML实例文件,我们可以在此基础上编辑页面,通过上部的工具按钮,可以为文本加粗、加斜、加下划线、字体设置、添加段落、换行以及添加表格、图片、链接以及表单等操作。< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/>   我们知道,WML文件是以卡片为块单位的,也就是上图代码中的<card></card>,手机浏览网页也基本上是以卡片为单位来显示,比如每一屏显示一个卡片。一张WAP网页至少有一个卡片,EasyPad WAPtor上部第三排最左侧的一个功能按钮 就是添加卡片的按钮,先用光标选择好要添加卡片的位置,点击这个按钮就可以了。< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/>   下面,我们来体验一下编程的快乐:< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/>   首先将id为MainCard的卡片修改一下,让它成为浏览者访问的首页,可以在这里写些欢迎词或者作为门户或入口等。并在这个卡片中加一个链接,链接到其它卡片,点击上部的 按钮及可在光标处加上一段链接代码<a href="#"></a>,值得提醒的是WML中的链接大多数属于网页内部链接,也就是卡片间的相互链接,这与HTML中的锚点链接差不多。当然,WML也有外部链接,此时的链接前就没有#符号了,而是一个有效的WML页面地址,如:<a href="index.wml">心情驿站</a>,另外WML与HTML不同的是,锚点链接的是<a name="锚点名称"></a>的位置,而WML中的链接是链接到卡片的位置,所以#号后面跟的是目标卡片的id号而不是锚点的名称。< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/>  将光标定位在第一个卡片的后面,单击 功能按钮添加一个卡片,新建的卡片需要我们加入的是id值和title值,id值是必须的,因为WML中的任何一个卡片如果没有id值的话就基本上是铰立的,无法完成相互间的调用以及页面与用户之间的交互。title属性用于描述这个卡片的性质或者作用。在卡片中,一般放置段落,一个卡片中可以有多个段落,段落中可以放置文本、图片等,当然,卡片中除了放置段落外还可以装表格、表单等内容。这些东西读者可以自己去探讨。< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/>   按照这个步骤,我陆续添加了一个用于导航的卡片id为navCard以及id分别为1、2、3的内容卡片,navCard卡片中盛装了三个链接,这三个链接分别链接到id为1、2、3的内容卡片,这样就实现了从首页到导航页面再到内容页面的链接。下面我把代码共享出来,大家可以拿去研究。< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/><?xml version="1.0"?>< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/><!-- created by WAPtor (http://www.waptop.net/) -->< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/><wml>< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/><!-- THIS IS THE FIRST CARD IN THE DECK -->< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/><card id="MainCard" title="这里是主页面">< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/><p align="center">< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/>欢迎来到建站学<a href="#navCard">请继续..</a>< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/></p>< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/></card>< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/><!-- THIS IS THE SECOND CARD IN THE DECK -->< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/><card id="navCard" title="这里是导航页面">< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/><p align="left"><a href="#1">建站指南</a></p>< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/><p align="left"><a href="#2">网站制作</a></p>< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/><p align="left"><a href="#3">网站推广</a></p>< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/><p align="left"><a href="#4">网络创业</a></p>< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/></card>< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/><!-- THIS IS THE THIRD CARD IN THE DECK -->< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/><card id="1" title="建站指南区">< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/><p align="left"><a href="#1">这里是建站指南的内容</a></p>< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/></card>< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/><!-- THIS IS THE FOURTH CARD IN THE DECK -->< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/><card id="2" title="网站制作区">< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/><p align="left"><a href="#1">这里是网站制作的内容</a></p>< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/></card>< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/><!-- THIS IS THE FIIFTH CARD IN THE DECK -->< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/><card id="3" title="网站推广区">< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/><p align="left"><a href="#1">这里是网站推广的内容</a></p>< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/></card>< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/></wml>< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/>   OK,完成了上面的步骤,下面我们要看一看运行结果了,稍微检查一下左边的运行代码,看看有没有粗心错误,单击上部的预览按钮 ,如果没有错误的话就会在右边显示编程的结果,这个结果是模拟手机用户浏览的结果,如下图:< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/>   模拟手机浏览首页结果< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/>   选择请继续,进入< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/>   模拟手机浏览导航页面结果 < style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/>   选择“建站指南”,进入< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/>   模拟手机浏览内容页面结果 < style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/>   细心的读者也许看到了这三张图片的上部都有一个下拉框,里面有MainCard字样,是的,这就是一个供你选择卡片的下拉框,对于没有被链接到的卡片,你可以从这里选择卡片对其进行预览。< style="margin: 0px; padding: 0px; color: rgb(100, 100, 100); font-family: 寰蒋闆呴粦, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, sans-serif; line-height: 28px; white-space: normal; background-color: rgb(255, 255, 255);"/>   如果没有发现什么错误,那么你的这个WML文件基本上已经做成了,将此文件保存,默认格式是WML,将这个文件添加到支持WML的IIS的虚拟目录中去,万事ok,现在你就差一款WAP浏览器了,推荐使用winWAP,这是一款模拟手机上网的WAP浏览器,使用很简单,这里就不多说了 。

华企商城更多商品介绍:app推广     不加群提取qq群成员    金陵热线高质量软文发布平台

文章转载请注明出处:http://www.netshop168.com/article-7705.html


精品推荐
下一篇:wap网站制作工具具体有哪些呢?
上一篇:开眼数据智能竞价系统-中国好智能高效的百度竞价自动调词软件
相关文章

华人企业网
关注微信公众号
享受更多优惠

 

消费者最喜爱的网站TOP100 | | 网络社会征信网 | 北京工商 | 法律顾问 | 京ICP备07504386号-6 | 网站地图