12、移动网站开发全攻略：专用移动网站与HTML5移动网页应用

移动网站开发全攻略：专用移动网站与HTML5移动网页应用

1. 专用移动网站概述

专用移动网站与动态移动网站有许多共通概念，但它是从头开始构建的，限制较少，便于关注细节以打造最佳移动浏览体验，也是实现完全响应式网站设计的好机会。

1.1 规划要点

• 精简网站地图 ：仅包含移动浏览所需页面，可减少页面数量使菜单能水平显示。
• 优化内容 ：重写内容使其更简短，满足移动用户特定需求。

1.2 开发准则

准则	具体内容
小文件大小	避免使用32位PNG图像，可选用JPG、GIF文件，若需透明效果则用8位PNG文件。
增大界面元素尺寸	优化按钮和链接的大小与间距，确保用户能用拇指轻松点击；增大热点区域、字体大小和行间距。
利用CSS3	现代移动浏览器支持许多CSS3属性，可减少设计元素图像的使用，加快开发速度。例如：

/* 渐变 */
background: linear-gradient(top, #000000 0