移动网站创建全攻略

### 移动网站创建全攻略 #### 一、移动网站创建概述 移动互联网的发展日新月异，如今创建移动网站已经成为许多设计师和开发者的重要任务。创建移动网站，首先要对目标设备进行识别和分类，确定不同设备的类别和特征，以便为它们设计合适的网页内容。之后，需要建立一个“检测与适配”系统，根据访问者使用的设备，将其导向适合该设备的网站版本。完成这些准备工作后，就可以开始设计网页了。建议先设计首页，确定网站的基本外观和整体风格，再创建其他模板页面。 #### 二、移动设备设计的差异与挑战 1. **桌面与手持设备设计差异** - 手持设备与桌面设备在设计上存在显著差异。手持设备屏幕小、内存有限，且不支持传统的点按技术，通常通过按键、导航轮或箭头键进行操作，而新型设备则具备触摸和多点触摸屏幕。因此，虽然移动网站设计在某些方面与电脑网站设计相似，但在很多方面却截然不同。 2. **消费者对技术普及的影响** - 消费者对技术成为主流的速度有着巨大影响。为了覆盖尽可能多的消费者，网站创建的一个基本原则是“最低公分母设计”。即便某些技术已被行业多数人（尤其是电脑制造商）视为过时，设计师仍需为低分辨率的显示系统进行适配。许多用户对最新技术并不热衷，他们会长期使用现有设备。所以，作为网页设计师，必须考虑到大量使用不支持最新技术手持设备的消费者。 3. **市场设备现状** - 根据尼尔森的数据，智能手机在美国手机市场约占 28%，在欧洲约占 35%。这意味着约 72%的设备不支持所有最新的移动网络技术。2010 年最后一个季度，智能手机在所有售出的手持设备中仅占 40%。因此，不能只针对智能手机市场进行设计，必须考虑那些无法利用最新移动技术的设备。 #### 三、手持设备分类 1. **分类的必要性** - 目前市场上有数百种移动手持设备型号，每种型号至少有两三个版本，且每个版本还有多个固件和软件修订版。在设备支持的网络内容方面，存在数千个变量，不可能为每一种不同类型的手持设备创建单独的网站版本。因此，从技术角度对设备进行分类，如根据屏幕大小、支持的网络格式等进行归类，是确保内容在大多数设备上显示良好并正常运行的唯一方法。 2. **不同类型设备分析** - **平板电脑**：平板电脑是令人兴奋的技术产品。几乎所有计算机和手机行业的制造商都在推出平板电脑。一些平板电脑是功能齐全的计算机，如惠普的某些平板电脑可以运行完整版本的 Windows 系统，能完成 Windows 计算机几乎所有的任务。而三星、苹果和摩托罗拉等公司的平板电脑则运行专为智能手机设计的操作系统，如安卓和 iOS。多数平板电脑屏幕较大、处理器性能不错，浏览器支持大多数高级网络内容，但并非所有平板电脑都一样，一些低端平板电脑的性能甚至不如普通智能手机。为确保移动网站在大多数平板电脑上表现良好，需要了解这类设备及其功能。 - **智能手机**：智能手机支持第三方应用程序，可与公司电子邮件、联系人及日历同步，可作为个人数据助理（PDA）使用。它们通常拥有更快的处理器、更多的内存，并运行完整的操作系统，这使得应用程序开发者能够为其创建应用程序。除了大多数平板电脑外，智能手机在网络支持方面最为强大，但并非所有智能手机都相同，市场上较新的智能手机在互联网支持方面比一年前的产品要好得多。此外，支持第三方应用程序意味着用户可以下载和安装不同的网页浏览器，这些浏览器通常支持插件和其他扩展功能。 - **功能手机**：功能手机属于低端移动电话，计算能力较弱，通常不如智能手机先进。虽然一些新的功能手机可以运行基于精简版 JavaScript 的简单应用程序，但它们的操作系统不支持原生应用程序。其网页浏览器通常较小，