移动Web界面设计正越来越流行,51CTO今天介绍了移动Web界面构建最佳实践。现在几乎每个主流网站或者网络服务提供商或者web app都会有手机应用版。因此从业人员迫切需要学习移动网页设计的相关知识。本文不仅会介绍移动网页设计的趋势,还提供一些优秀的设计案例,从中让读者得到一些启发。
什么是移动Web(mobile web)设计?
在开始设计移动网页之前,你应该先对手机网络非常熟悉。你会高兴地发现这里不需要学习 一些新技术,不过由于屏幕小以及操作系统繁多,你需要改变自己的设计风格。
按照Cameron Chapman的调查,目前最流行的操作系统是:
最流行的操作系统
| Windows Mobile |
| The iPhone platform |
| Palm OS |
| Mobile Linux |
| Symbian OS |
| The BlackBerry platform |
| Android |
而手机网络上最受欢迎的浏览器是:
| Safari for the iPhone |
| Android browser |
| Opera Mobile |
| WebOS browser (on Palm devices) |
| BlackBerry browser |
| Internet Explorer Mobile (on Windows Mobile devices) |
移动Web(mobile web)设计简史
下面的图片简单地展示了移动Web设计语言的发展,也许你对有些词汇不了解,下面我们给出了专门的解释:

移动Web(mobile web)设计简史
广州网站建设,网站建设,广州网页设计,广州网站设计
Standard Generalized Markup Language-简称SGML,1986年出版发布的一个信息管理方面的国际标准,主要用于印刷出版行业。该标准定义独立于平台和应用的文本文档的格式、索引和链接信息,为用户提供一种类似于语法的机制,用来定义文档的结构和指示文档结构的标签。其中Markup的含义是指插入到文档中的标记。标记分为两种:一种称为procedardmarkup,用来描述文档显示的样式;另一种称为descriptive markup,用来描述文档中的文字的用途。制定SGML的基本思想是把文档的内容与样式分开。
Handheld Device Markup Language-简称 HDML(手持装置标示语言),通常与WML(无线标示语言)进行对比。是一种能够让手机或PDA可以上网浏览信息的一种语言。Unwired Planet(无线星球)公司设计了这种语言,并将其定位为免费的开源语言。任何具备HTML,CGI以及SQL编程经验的程序员都可以利用HDML语言来编写代码。HDML与WML的一个主要区别在于WML是基于XML的,而HDML不是。另外,HDML不支持脚本,而WML拥有自己的JavaScript脚本语言,称为WMLScript。
Wireless Markup Language- 简称WML(无线标记语言)。它是一种从 HTML 继承而来的标记语言,但是 WML 基于 XML,因此它较 HTML 更严格。WML 被用来创建可显示在 WAP 浏览器中的页面。用WML编写的页面被称为 DECKS。DECKS 是作为一套 CARDS 被构造的。这种描述语言同我们常听说的HTML语言同出一家,都属于XML语言这一大家族。WML的语法跟XML一样,WML是XML的子集。HTML语言写出的内容,我们可以在我们的PC机上用IE或是Netscape等浏览器进行阅读,而WML语言写出的文件则是专门用来在手机等的一些无线终端显示屏上显示,供人们阅读的,并且同样也可以向使用者提供人机交互界面,接受使用者输入的查询等信息,然后向使用者返回他所想要获得的最终信息。
广州网站建设,网站建设,广州网页设计,广州网站设计
Compact HTML –紧缩 HTML ,压缩(形式)的 HTML 。面向移动电话的页面记述语言,是在对 HTML 4.0 的功能压缩后得到的子集。日本 NTT DoCoMo 的i-mode 采用这种语言。
XHTML Mobile Profile –2001年发布,基于XHTML,针对移动电话的语言,被认为是目前最优秀的语言。



