当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 3G时代 移动WEB设计资料WAP

CSS样式表
CSS定位中Positoin、absolute、Relative的一些研究
脚本控制三行三列自适应高度DIV布局的代码
word-wrap在firefox中不起作用的解决方法
网页设计者需要了解的_网页字体大小数据参考
div+css与xhtml+css分别是什么意思?
xhtml+css网页制作中常见问题解决方法
表格标签table深入了解
DIV+CSS网页另类上下布局的实例代码
CSS实现每行新闻数量不等效果代码
JAVASCRIPT IE 与 FF 中兼容写法记录
让超出DIV宽度范围的文字自动显示省略号...
CSS使用学习总结
解决IE6 3像素Bug的css写法
用CSS控制表格或单元格强制换行,防止表格被英文单词或中文撑大
firefox margin-top失效的原因与解决办法
IE hack条件写法
css pointer控制在firefox下显示手型的代码
纯CSS实现上下左右都居中的代码
在DW中CSS编码需要注意和掌握的一些技巧
DIV CSS网页布局 最小高度(min-height)的妙用

CSS样式表 中的 3G时代 移动WEB设计资料WAP


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 123 ::
收藏到网摘: n/a

国内3G陆续开放了,越来越多的人会开始尝试手机上网,而且未来必然有很多普通网民将移动接入作为常用的上网方式。对于网页设计师来说,移动web设计也是将来的一个可能会要接触到的业务。今天开始整理一下移动web设计的资料。

移动web(mobile web)?WAP

大家都说WAP,为什么我说移动web?主要是想和以前的某些习惯区分开来,首先,复习一下定义:

WAP:无线应用协议,是在无线网络环境中应用层通讯的一个开放国际标准,主要用于手机等移动设备访问国际互联网。而WAP网站则是使用WML编写的网站的俗称。

移动web:是指可以用移动设备访问的WWW内容、应用和服务。

很明显,移动web应该包含了WAP。所以,我把能用移动设备访问的网站或应用称为移动web。

开发标准

移动web是客户端技术,如果要开发移动网站,自然我们需要选择一款合适的标准语言。主要技术标准有:

  • WML——古典的移动web标准,使用WML
  • i-mode——一个小日本的标准,使用iHTML,我们可以忽略
  • OMA领导的xHTML mobile profile,使用xHTML
  • W3C领导的xHTML Basic,使用xHTML
  • 以及所谓的Full Web,也就是普通的HTML——从iPhone开始流行起来

他们的演进如下:

 

 

目前仍在演进的,就是有HTML, 和XML了(Flash Lite另外讨论)。

技术特点还是贴图直观一点,我用网易来举例:

WML:代码紧凑,适合无线传输,被良好的支持,有许多移动特性。但是需要独立开发,实现样式困难。

xHTML:适合无线传输,被广泛地支持,易于开发,易于界面设计,mobile profile有部分移动特性。

Full Web:适合桌面习惯,丰富的表现,不过需要设备有大量内存和渲染能力,传输比较慢。

支持情况:

  • wml:可以接入互联网的手机都支持(除了iPhone),而MID和上网本默认情况下不支持。
  • xHTML mp:近代手机都支持,只要拥有256色以上的屏幕的手机是绝对支持的,MID和桌面电脑也支持。
  • xHTML Basic:近代手机都支持,如果支持到它的设备,mobile profile页面也能良好的渲染,MID和桌面电脑也支持。
  • Full Web:近几年的设备支持,一般是智能机和较主流的设备,例如操作系统是Symbian, Mac OS, windows, Android等的设备以及部分第三方浏览器如Opera, Fennec, Skyfire等等。

如果

如果你有如下条件,使用wml:

  • 面向所有年代的手机都要有良好的兼容
  • 界面效果要求不高
  • 极小的数据传输
  • 额外的wml编写经验

如果你有如下条件,使用xHTML:

  • 面向近几年的移动设备和桌面设备
  • 需要良好的移动界面
  • 较小的移动数据传输带宽
  • 要求丰富的多媒体内容

如果你有如下条件,使用Full Web:

  • 面向高机能的智能设备
  • 没有时间开发移动版本的内容
  • 大量的带宽
  • 不要求移动特性

当然上面的条件只是概括,不代表必须这样做。还是要根据实际情况,决定使用合适的技术标准。