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

CSS样式表
20个优秀CSS网站(3月精选)
网页颜色搭配技巧 文字字体、字号、字体排版等
让人不得不佩服的CSS效果
非常漂亮的Div+CSS布局入门教程
推荐彻底弄懂CSS盒子模式(DIV布局快速入门)
CSS opacity - 实现图片半透明效果的代码
代码实例之纯CSS代码实现翻页效果
比较漂亮的一个导航条的效果DIV+CSS
DIV+CSS布局教程大全与pdf电子书 下载
HTML 30分钟入门教程
css滤镜基础教程
css滤镜效果(一)
css滤镜效果(二)
巧用CSS的MASK滤镜
css动态模糊效果
div+css详解定位与定位应用
彻底弄懂CSS盒子模式系列教程集合
用<TABLE>语句来实现圆角表格可以省去制作圆角图片之苦!
HTML下在IE浏览器中的专有条件注释讲解
用css实现的灰度/原色连接效果

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


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

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

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