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

CSS样式表
CSS教程之css选择器 、属性、值
CSS的color颜色使用说明
firefox css自动换行的实现方法
css支持标准的图片垂直居中
css+table 1px边框单元格
css之使table也能overflow:hidden
几个常用经典的css技巧
css 跨浏览器实现float:center
css浏览器不兼容原因分析及解决办法
iframe transparent透明背景方法
有衬线字体与无衬线字体比较
div+css在思路和流程上实现结构与表现的分离分析
css教程 css和document
层盖住下拉列表框问题解决方案
css样式之区分input是按钮还是文本框的方法
CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
谈谈网页设计中的字体应用Font Set
XHTML标签的自关闭写法的坏处分析
顶级经典常用的CSS属性收集整理
10条影响CSS渲染速度的写法与使用建议

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 218 ::
收藏到网摘: 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:

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

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