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

CSS样式表
css important终级讲解
HTML 页面输出应该遵循的几点原则分析小结
Google 谷歌内页logo的呈现方式(图片下面有文字)
10个DIV+CSS需要注意的问题
最常用和实用的CSS技巧
CSS 首行缩进两个文字
黑客选择CSS挂马 CSS挂马攻防实录
制作高效可维护组件化的CSS代码
验证并修复css错误内容的相关连接
html+css实现数据图表的展示效果
减少代码和语义化标签实现方法
3个css框架分享网站
简单但很实用的5个css属性
DIV+CSS的叫法是不准确的
CSS 使用table布局网页是不明智
xHTML+CSS与SEO的关系
CSS 控制页面样式的4种方式和优先级问题
CSS教程 CSS选择器
CSS 选择器命名规范化
CSS 理解盒子模型

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


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

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

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