【www.gbppp.com--手工制作】
导读：国内手机网站目前还算是个新鲜事物，相应的手机网站前端开发也并不是特别成熟，对于一个网页设计师来说要做一个手机网站还是会碰到许多问题，本文转载自淘宝 UED，分享如何开发进行手机网站的前端卡发。
从09年初接手淘宝手机网站前端开发的工作至今，转眼已是一年。一步步看着手机淘宝从最初的beta版本到今天的样子，感慨良多。
手机网站开发，有着许多不为人知的困难：
一是可参考的资料太少，大部分手机网站都处于起步阶段，很多的时候都是摸着石头过河，而鉴于淘宝自身的特殊性，也使得我们在参考成功案例之余，要做更多的思考；
二是兼容性工作异常艰辛，难度一点也不比web网站的兼容性工作来的低（关于这点，请参见我之前的文章）；
再者作为一个手机网站的前端开发，也往往容易被人忽视（包括我们自己），大家也许会觉得做好一个手机网站能有多难，了解一点XHTML、一点 CSS，甚至不需要对JavaScript有什么研究，事实却不是如此，正因为手机网站的开发受到设备的太多限制，前端们常常为了节约几个字节而纠结万 分，写出语义化良好的代码也显得更加重要，而多版本的开发需求也对于JavaScript的优雅降级要求甚高，这样才能使得网站有分版本需求的时候可以公 用同一套XHTML代码，最大程度的降低开发成本。
对于手机网站来说，相信现在仅仅只是个开始，随着各种新机型的相继面世，这块领域必将成为兵家必争的新高地。
注意：由于手机网站发展迅速，请参阅者注意本篇文章的发布时间。 目录
1. 手机用户设备统计分析
2. 手机浏览器兼容性测试结果概要
3. 手机网站开发中你需要注意的问题
4. 推荐参考资料
5. 总结
手机用户设备统计分析
拥有全面的用户数据，无疑能帮助我们做出更符合用户需求的产品。内部数据能帮我们精确了解我们的目标用户群的特征；而外部数据能告诉我们大环境下的手机用户状况，并且能在内部数据不够充分的时候给予我们一些非常有用的信息。 从外部数据来看，09年10月到11月期间
国内浏览器品牌市场占有率前三甲为：
Nokia(78%)
Opera(OEM) (10%)
iPhone(Safari) (3%)
国内的手机操作系统前三甲为：
Nokia SymbianOS(80%)
iPhoneOS(6%)
SonyEricsson(5%)
当然，作为中国的手机网站开发者，不能忽视强大的山寨机市场（或者应该叫作做国货精品手机市场？）。顺便提一下，这类手机通常使用的是MTK操作系统。 （以上数据均来自statcounter.com）
手机浏览器兼容性测试结果概要
注意：以下所说的“大多数”是指在我们测试过的机型中，发生此类状况的手机占比达50%及以上，“部分”为20%到50%；“少数”为20%及以下。而这个概率也仅仅只限于我们所测试过的机型，虽然我们采集的样本尽量覆盖各种特征的手机，但并不代表所有手机的情况。
XHTML部分
大多数手机不支持的：
表单元素的“disable”属性
部分手机不支持的：
“button”标签
“input[type=file]“标签
“iframe”标签。
虽然只有部分手机不支持这几个标签，但因为这些标签在页面中往往具有非常重要的功能，所以属于高危标签，要谨慎使用。
少数手机不支持的：
“select”标签：该标签如果被赋予比较复杂的CSS属性，可能会导致显示不正常，比如”vertical-align:middle”。
CSS部分
大部分手机不支持的：
“font-family”属性：因为手机基本上只安装了宋体这一种中文字体； “font-family:bold;”：对中文字符无效，但一般对英文字符是有效的； “font-style: italic;”：同上； “font-size”属性：比如12px的中文和14px的中文看起来一样大，当字符大小为18px的时候你也许能看出来一些区别； “white-space/word-wrap”属性：无法设置强制换行，所以当你网页有很多中文的时候，需要特别关注不要让过多连写的英文字符撑开页面； “background-position”属性：但背景图片的其他属性设定是支持的； “position”属性； “overflow”属性； “display”属性； “min-height”和”min-weidth”属性；
部分手机不支持的：
“height”属性：对”height”的支持不太好，奇怪的是在我们的测试当中，仅仅只有很少部分手机不支持”width”属性；
“pading”属性
“margin”属性：更高比例的手机不支持”margin”的负值。
少数手机不支持的：
少数手机对CSS完全不支持；
JavaScript部分
这部分测试相对不那么让人抓狂，要么干脆不支持，如果支持的话，对基本的dom操作、事件等支持度都还不错。但我们没有测试过很复杂的脚本。
在我们测试过的手机当中，支持（包括不完全支持）JavaScript的手机比例大约在一半左右，当然，对于我们来说，最重要的不是这个比例，而是要如何做好JavaScript的优雅降级。
其他
部分手机不支持png8和png24，所以尽量使用jpg和gif的图片
另外对于平滑的渐变等精细的图片细节，部分手机的色彩支持度并不能达到要求，所以慎用有平滑渐变的bar设计
部分手机对于超大图片，既不进行缩放，也不显示横下滚动条 少数手机在打开超过20k的测试页面时，会显示内存不足 开发中你需要注意的问题
手机网页编码需要遵循什么规范？ 遵循XHTML Mobile Profile规范（WAP-277-XHTMLMP-20011029-a.pdf），简称为XHTML MP，也就是通常说的WAP2.0规范。 XHTMLMP 是为不支持XHTML的全部特性且资源有限的客户端所设计的。它以XHTML Basic为基础，加入了一些来自XHTML 1.0的元素和属性。这些内容包括一些其他元素和对内部样式表的支持。和XHTML Basic相同，XHTML MP是严格的XHTML 1.0子集。 网页文档推荐使用扩展名？ 推荐命名为xhtml，按WAP2.0的规范标准写成html/htm等也是可以的。但少数手机对html支持的不好。 为什么现今大多数的网站一行字数上限为14个中文字符？ 由于手持设备的特殊性，其页面中实际 文字大小未必是我们在CSS中设定的文字大小，尤其是在第三方浏览器中。例如Nokia5310，其内置浏览器 页面内文字大小与CSS设定相符，但是第三方浏览器OperaMini与UCWEB页面内文字大小却大于CSS设定。经测试，其文本大概在16px左右。 假如屏幕分辨率宽度为240px，去除外边距，那么其一行显示14个字以内，是比较保险（避免文本换行）的做法。 使用WCSS还是CSS？ WCSS (WAP Cascading Style Sheet 或称 WAP CSS)是移动版本的CSS样式表。它是CSS2的一个子集，去掉了一些不适于移动互联网特性的属性，并加入一些具有WAP特性的扩展（如-wap- input-format/-wap-input-required/display:-wap-marquee等）。 需要留意的是，这些特殊的属性扩展并不是很实用，所以在实际的项目开发当中，不推荐使用WCSS特有的属性。 避免空值属性 如果属性值为空，在web页面中是完全没有问题的，但是在大部分手机网页上会报错。 网页大小限制 建议低版本页面不超过15k，高版本页面不超过60k。 用手机模拟器和第三方手机浏览器的在线模拟器来测试页面是不是靠谱？ 有条件的话，我们当然建 议在手机实体上进行测试，因为目标客户群的手机设备总是在不断变化的，这些手机模拟器通常不能完全正确的模拟页面在手机上的显示情况，比如图片色彩，页面 大小限制等就很难再模拟器上测试出来。当然，一些第三方手机浏览器的在线模拟器还是可以进行测试的，第三方浏览器相对来说受手机设备的影响较小。
手机网站制作及优化方法
据了解，中国的手机用户数已达10亿，超过2/5的移动用户每个月都会从手机终端访问网页。因此现在手机网站制作越来越流行，但是对于手机网站制作及优化方法还有很多人不是很清楚，下面就由小编来给我们介绍一下!
手机网站优化，依然是面向百度这个最大的中文搜索引擎来开展。当然不是说用户体验不重要，是要以搜索引擎优化的前提下尽可能去照顾用户体验。手机网站制作及优化方法要注意下面几点：
1、定位和页面设计。
无论是PC端还是移动端，网站都要考虑清楚消费群体的定位问题。虽然智能手机用户数量非常普及，但是要明白中国的大部分手机用户使用的还是2G网络，一直高 喊的3G、4G手机用户只有大约15%左右。所以，在页面设计时，要考虑到用
户打开网页的时长，一些炫丽的flash、JS等建议还是不用为好。
2、网站尽可能简洁。
①手机网站比PC端网站的页面下载速度要慢得多，因此尽量把页面数和页面大小控制到最低。
②此外，由于是手机用户，用户浏览网页的时间是零碎的，不可能耐心点击很多的页面。因此，要尽可能精简移动网站设计。
3、域名和robots设置。
①域名尽可能简短易记，大部分手机版网站的域名是PC端网站的二级域名，当然这个也很好，与传统网站保持一致，更让重视用户信赖。但是如果是专门的手机网站，最好起一个简短而且易记的域名。
②robots 设置上最好不要任何限制，让所有搜索引擎抓取。另外小生在这里纠正一个很多站长想当然的误区，百度官方声明百度spider 的爬虫UA是Baiduspider，个别站长经常会误认为百度手机爬虫的UA是baiduspider-mobile，其实没这回事。
4、避免使用弹窗、flash、java等行为。【手机版网站怎么开发】
同样道理，flash和弹窗等行为将会占用很大一部分流量，对于移动手机用户而言，无疑会浪费时间和流量，对于搜索引
擎而言，基本理解不了。在技术层面来 讲，Apple产品不支持Flash功能，很大一部分智能手机用户用不了这项功能，同样，很多智能手机也不支持Java，所以这只是两方面都不讨好的做 法。
5、页面细节优化。
①专属的手机网站头部标签。对于手机网站的首页或者频道首页的网 页代码中的keywords、description最好加上与PC端有所区别的meta标签和关键词，在每个页面的关键字及描述像做传统PC端网站一 样，做好针对性的填写工作。对搜索结果的展现(摘要)以及优化工作大有帮助。【手机版网站怎么开发】
②减少死链。如果没有内容，最好用状态码指定，比如404、403 等;如果内容死链希望重定向到首页，最好通过302跳转，不要使用javascript 跳转。
6、使用规范化的协议，做好浏览器兼容调试工作。
一般来说手机建站有xhtml、html5、wml 三种协议，最好使用规范化、标准化的协议格式，避免造成不必要的麻烦。当然也可以做多个版本的站点，站点进行不同版式的自动适配。
7、做好移动版与PC版网站的转换。
①确保在手机网站或者PC端网站各个页面上有相应的导航或者提示链接，让用户可以在手机版和PC版进行切换，也便于搜索引擎更好的收录。
②百度官方曾声明，对于移动站点，当baiduspider ua或者其它无法确定来源的ua访问时，建议默认情况下直接返回html5 或xhtml 类型的移动页面，不要重定向到PC页面。
您所查看的文章来源于阿邦教育
作者：黄超
第零章【手机版网站怎么开发】
现在的互联网，可以说是名副其实的移动互联网。大家不仅可以利用无线网卡随处随地上网，还可以直接利用手机浏览网页、下载文件，而且现在的无线运营商也正在大力发展无线网络、扩展手机上网带宽。
于是，手机网页的制作需求也变多了。这篇文章就简单的介绍一下制作手机网页的基础知识。
首先，如果想制作wap网页，先要确定你的wap站的版本，是wap1.2还是wap2.0。只有先确定好这个内容，才能继续下面的制作工作。
之所以要分别这两个版本，是因为它们所使用的网页语言的标准是不同的，wap1.2采用的WML语言，2.0采用的则是Xhtml MP语言。
WML语言是无线标记语言（Wireless Markup Language）的缩写，它是一种从 HTML 继承而来的标记语言，但是 WML 基于 XML，因此它较 HTML 更严格。
Xhtml MP是Xhtml Mobile Profile的缩写，它是wap2.0的标记语言，属于Xhtml的一种，较之WML又先进了许多，它也可以引用外部CSS进行修饰，可以达到和普通网页浏览器相近的浏览效果。在Xhtml MP没有出现之前，开发者们只能使用WML创建wap网站。虽然Xhtml MP看起来更简单、也更美观，但仍有许多大型网站仍使用wap1.2的WML制作手机站点，目的就是为了兼容老版本手机，比如手机新浪网、网易手机版等。
分清自己使用的wap版本和语言后，还需要知道一些其它知识：
1、虽然采用Xhtml MP语言编写，写法也和Xhtml语言相似，但wap站的页面扩展名却是*.wml结尾，不是*.html。
2、使用Dreamweaver就可以利用Xhtml MP语言制作wap页面，在新建页面时将文档类型选为xhtml-mobile1.0，其它制作页面方法和制作Xhtml普通页面大同小异。
如果您问我您的wap站偏要使用wap1.2标准制作网站该怎么办？
我的答案有两个，一好一坏，坏的是您需要学习一些新的语言标记方法；好的是您又掌握了一门新技能。关于WML和Xhtml MP的制作方法，将在以后的文章中介绍。
第一章
在上篇文章中已经说过，手机网站有两个版本，Wap1.2和Wap2.0，它们使用的网页语言也不同，Wap1.2使用Wml语言，Wap2.0使用Xhtml MP语言。Wml语言和Html语言有颇多不同之处，所以若要用它编写手机网页需要重新学习一下Wml语言。而Xhtml语言和普通网页的Xhtml语言十分相似，如果已经掌握Xhtml语言，那么再做Xhtml MP的手机网页就轻而易举了。
既然这样，我们就从简单处入手，先以实例讲解用Xhtml MP制作手机网页的步骤，然后再分部分讲解Wml语言制作手机网页的方法。
制作手机网页最好先准备三样东西：网页设计图、Dreamweaver软件和Opera浏览器。网页设计图就是网页未来的摸样，必不可少；用Xhtml MP语言进行手机网页制作和普通网页制作方法一样，使用Dreamweaver即可；而Opera则对手机
网页有很好的支持，可以明确指出网页中的错误。有了这三样，就可以开始制作了。
下面正式进入Xhtml MP手机网页的制作方法步骤是，由于篇幅可能过长，所以本文先只介绍新建网页步骤。
一、新建手机网页
1、新建手机网页的方法和新建普通网页相同，详细步骤可以参见原来的文章。新建手机网页，只有一个地方不同，就是在打开Dreamweaver后，在新建网页弹出窗口的文档类型处选择“Xhtml Mobile 1.0”，然后点击确定，如图一所示。
2、新建网页后，页面中出现了代码网页源代码如下：
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "/retype/zoom/aa04243143323968011c92f6?pn=4&x=0&y=0&raww=230&rawh=300&o=png_6_0_0_135_158_568_742_893.25_1263.375&type=pic&aimh=300&md5sum=5965c2b0222991bc79a6968578d3becc&sign=4feb1a5443&zoom=&png=22229-44655&jpg=0-0" target="_blank">
Wap2.0手机网站的网页语言是Xhtml MP。一提起Xhtml，就绝对离不开Div和CSS。在上篇文章讲到了新建手机网页，下面继续介绍链接CSS文件的方法。
二、CSS文件链接方法和定义方法
和普通网页相同，在使用Dreamweaver软件时，链接CSS文件只需要在软件右侧的CSS面板中点击“附加样式表”，然后选择CSS文件即可。
如果还没有CSS文件，就点击“新建CSS规则”按钮新建一个CSS文件。如图一中所示：
1、图1-1，点击“新建CSS规则”按钮；
2、图1-2，在新建CSS规则的窗口中选择“标签”，在下面标签处选择“body”，或直接输入，在“定义在”选项中选择“新建样式表文件”，点击确定；
3、图1-3，将CSS文件命名为style.css，然后保存；
4、图1-4，在CSS规则定义的对话框中定义：字体-12px、行高-18px、填充-0（全部相同）、边界-0（全部相同），然后确定。
完成以上四步，CSS文件就新建并链接完毕，接下来再进行一些定义即可。
手机网页不需要太多美化，修饰越多就会造成下载数据过多和时间过慢，还会增加用户流量费用，所以简要的修饰和清晰地结构才是最重要的。于是，运用好标题、列表项、换行等内容在收集网页中是很重要的。
在做网页前先对以上提到几项进行简略定义，代码内容如下：
body {
font-size: 12px;
margin: 0px;
padding: 0px;
line-height: 18px;
}
img {
border:0;
}
h1,h2,h3,div,li,p {
margin:0;
padding:2px 2px;
font-size:12px
}
h1 {
background:#7acdea;
开发手机网站的价格一般是多少
现在互联网的发展越来越快，移动端网站也在不断进步，现在开发手机网站是很多人需求的，但是开发手机网站的价格一般是多少呢?不少人对此不是很清楚，下面给大家介绍一下这个问题。
关于开发手机网站的价格一般是多少?首选要看开发手机网站类型：
定制开发和模版程序是大有区别的。很多网络公司为了节约成本，大量的采用模版程序或者模版网站，一个网站2天就可以帮你搞定。这样的网站大多千篇一律，而且往往无法从企业及用户的实际要求出发，很多甚至连源代码都无法提供，或者程序安全及错误漏洞百出，这样的手机网站虽然便宜，但是不安全。虽然定制开发手机网站贵一些，但是安全可靠。
正视手机网站开发：
通常情况下开发手机网站的价格是决定网站建设品质的重要因素之一，那么开发手机网站的费用是多少呢?许多客户只愿意去比较价格，他们觉得做出来的网站都是一样的，所以也通常更愿意去选择价格低的，其实这是一种得不偿失的做法。
开发手机网站细节：
手机网站开发牵涉到很多流程和细节，而这需要的时间和成本都不一样。一个完整的网站建设必须经过市场调查、网站策划、系统分析、网页设计、UE用户体验设计、程序及数据库开发、SEO网站优化、系统测试、操作培训、售后服务等等系列工作，这是个庞大的工程，而要做好这一切都需要大量的人力、物力及时间成本，如果价格太低，你也千万别指望手机网站开发会认真执行每个细节和流程。我们接触的绝大多数低价格网站建设公司都是一人身肩数职，网页设计+程序开发一人搞定，然后交工了事，我们无法想象这样的网站如何为客户创造效益。
还有，手机网站开发成本：
手机网站开发人员的水平和成本不一样。比如普通设计师的工资也就是2000元左右，而高级设计师的工资在8000元以上，他们的设计水准是不一样的，而成本也不一样。您是愿意一个经验丰富的高级设计师为您服务呢?还是愿意一个刚刚学过几天网页制作软件的人为您服务呢?结果很明显，一个设计低劣的网站不但无法为您创造效益，反而会给您带来负面影响，所以即使您只花了几百元做个网站，那也是白白浪费。当然，还有程序开发师、系统分析师、系统测试师等等，这里就不一一列举了。
上面就是给我们介绍的关于开发手机网站的价格，您是不是了解了呢?温馨提示：如果您要开发一个手机网站一定要选择一家正规的网站建设公司。如果还有什么不清楚的，欢迎咨询。
手机端网站开发经验总述
现在很多人使用智能机，所以手机端网站开发也比较流行，手
机网页的写法基本和普通的网页制作差不多。关于手机端网站开发，总结了下面几点手机端网站开发经验。
手机端网站开发并不是很难，手机网站=域名+空间。只要把域名和空间准备好，一个初步的手机网站就做好了。下面给大家介绍了手机端网站开发经验：
第一步：手机域名注册
手机域名就是我们平常说的mobi域名。他是目前唯一的一个手机域名!并因为手机的大范围普及，手机域名投资一度被看好!注册手机域名首先要选择域名注册商!这个步骤很关键，因为域名的售后非常重要，所以一定要找一个有实力的注册商。
第二步：购买空间
手机网站的空间和域名不同的是，他没有特殊性，和平时建站用的空间是一样的。买空间主要是一个定位的问题。首先要知道要做的是什么，买多大的空间。空间就像一个瓶子装不满了可惜，不够装了麻烦!空间当然是大点好，但是你本来100M空间可以完成的事情就没必要买1G的。这样可以节省自己的本钱。等以后发展好了在扩大容量!
第三部：做网站
1.手机页面的宽度最好控制在240px以内，因为这样可以在不移动屏幕的情况下进行一系列的操作。我们公司的这个项目用了一张背景图片，大小为240*420。这样其实也有一个坏处，我必须让每个页面的高度控制在420里面，不然超出的话，就很难看了。
2.列表页面最好用table，不要用ul li，或者p+空格，一方面是排版，一方面是如果某一列的元素过长，可以使用“table tr
td{word-break:break-all;}”，而另外两种方案只能截取字符串了，当然从我的角度出发，截取字符串可能是一个不错的选择，因为我的那些页面高度都定死了。
3.大图片的存在还是有一定的必要，比如说像导航图，会给人一种炫丽的感觉，但是图片也不能过大，一定要控制在10K以内。手机网页的细节可能远没有普通网页制作来的多，至少它只要在手
机页面里面通过就行了，不用什么IE6 7 8 或者其他的一些浏览器，但是要把它做得好看，还是需要花一定的心思的。
根据数据统计，目前国内使用手机上网的用户已经达到了4亿的惊人数量，因此，手机端网站开发也会必然出现的。
触屏版手机网站开发需了解什么
随着智能手机、平板电脑等各种移动终端越来越普及，移动互联网的应用也变得越来越多样，但无论技术、产品如何演进，最终的目标只有一个——让各种移动终端的用户能够享受到更好的移动互联网和应用体验。因此现在很多企业开发手机网站，可是开发者对触屏版手机网站开发需了解什么呢?下面给我们做了解答。
首先，介绍触屏版网站具有以下特点：
1)按键范围：操作对象的大小符合手指的操作，按键的大小设置规范：
食指点击的间距 约为7*7 mm， 1mm间距
拇指点击8*8 mm，2mm间距，当前推荐的值为9mm 大小
当然一些重要操作，或者频繁点击的区域可以设置的略微更大一些。
2)单手操作：由于单手操作时，只能使用拇指操作，因此，使用最频繁的按钮大小必须根据拇指的大小来设置;拇指辐射的范围主要在屏幕的底部，因此需要把这些操作放在稍微靠下面的位置更好。
3)信息显示：大屏幕可以显示更多的内容，但是避免信息显示过于拥挤。
4)手势定义：当前手机上我们可以看到一些基本的手势操作，如拨动、拖拽、双指放大。
很多用户体验细节方面，新的触屏版手机网页都有很大的提升。比如，跟过去的wap页面相比，现在wap页面的列表不再通过单纯文字链的方式来展现，而是采用了和iPhone客户端一致的信息摆放，可以达到与客户端一致的浏览效果。触屏版页面还
充分考虑了用户移动端的多样性，可以在多种不同尺寸的屏幕上自动适应展示界面，无论是使用ipad，还是iphone的移动用户，都可以达到很好的体验效果。同时，采用了新技术的触屏版页面还有此前wap版不具备的圆角、颜色渐变等效果，既不失页面的美观，又为用户节省了流量，给用户带来了很好的视觉体验。
和目前流行的各种App相比，基于HTML5技术的触屏版网站在使用和操作上更加便利，它无需下载安装，为用户节约了宝贵的带宽流量和内存空间，从无休止的软件升级中解放出来，同时也避免了在多达几屏幕的小图标中来回寻找所需应用程序的痛苦和焦虑。
业内分析人士指出，以触屏版页面为代表手机WEB网站应用是移动互联网的下一个热点，HTML5网页架构技术也将毋庸置疑地成为移动互联网的主流趋势和重要推动力。
在触屏版设计开发过程中有节制地使用了HTML5技术，并综合了WAP页面的轻量级和App的交互性，确保无论是在高带宽的Wi-Fi环境还是低速的2G移动网络中，用户都能通过触屏版快速、流畅、安全地完成网络应用和信息浏览。
手机wap网站开发方案
随着只能手机用户的增加，人们使用互联网的途径也将由电脑
逐渐转移到手机等移动终端上。手机wap网站开发对个人用户而言，可以让用户透过手机或无线设备获得实时、机动性的信息，就比如在终端机前操作计算机一样。可是有很多人咨询手机wap网站开发方案，对于这个问题，小编给我们做了下面的解答!
下面介绍说手机wap网站开发方案主要注重三个方面：
一、手机wap网站开发之空间
WAP网站建设可采用租用空间、主机托管两种方式。不论是采用哪种方式，都需要进行数据备份。
1.租用空间：租用其他公司的网站空间，提供数据库服务、邮件服务。
优点：费用低，安全。
缺点：空间受限制。
2.主机托管：WAP网站建设可将服务器托管在数据通讯局或相关经营机构。
优点：有选择数据库和操作系统的自由。
缺点：费用较高，维护不方便。
二、手机wap网站开发之硬件配置
1.大型WAP网站(100万～300万用户)
构建大型WAP网站需要有3台服务器：WAP网站服务器、数据库服务器、邮件服务器，其中数据库服务器和邮件服务器同时连接到WAP服务器上，通过WAP服务器向用户手机传输新闻、邮件等数据。
2.小型WAP网站(10万用户以下)
小型WAP网站需要有至少1台服务器—WAP网站服务器。
三、手机wap网站开发之安全策略
WAP网站建设可采用包过滤防火墙。包过滤防火墙的安全性是基于对包的IP地址的校验。在Internet上，所有信息都是以包的形式传输的，信息包中包含发送方的IP地址和接收方的IP地址。包
过滤防火墙将所有通过的信息包中发送方IP地址、接收方IP地址、
TCP端口、 TCP链路状态等信息读出，并按照预先设定过滤原则过滤信息包，那些不符合规定的IP地址的信息包会被防火墙过滤掉，以保证网络系统的安全。
本文来源：http://www.gbppp.com/xq/426121/
推荐访问:手机网站开发教程 小米手机开发版