基于HTML5和CSS3的网易WAP站触屏版移动产品研究

摘要

随着3G移动业务的迅猛发展,智能终端无论其数量、种类还是网络占有率均直线上升,用户影响力不断加大,以致占据了绝大部分市场份额。这一现象推动了手机上网时代从2G的WAP站点到3G的mobileWEB的革新。纵观当前手机网络提供的大环境的改善,3G/Wi-Fi的普及使得接入速度已经逐渐媲美桌面互联网条件;XHTML+JS+HTML5+CSS3的全面技术支撑,支持WEB最新标准的高性能浏览器的出现和完善给WAP站点的优化革命提供了坚实的基础和保障;而终端硬件调用(GPS、传感器、camera)等也无一不在将手机站点和应用推向更加重要易用的位置。在此情况下,接入速度更快,内容体验更丰富,性能更优化,交互能力更强的智能终端性移动网络成为未来发展趋势。手机网易触屏版即以此为方向做出尝试。
　　网易触屏版依托网易门户优质的内容资源,基于3G-CMS/CMS后台数据,通过对信息架构的有序梳理,针对触屏终端UI和交互设计,使用HTML5+CSS3+JS等新技术进行综合开发。系统基于IOS/Android平台+webkit内核浏览器进行前端开发并满足终端适配需求和后台需求;在此基础上二期迭代版本增加广告系统、个人自定义内容模块、外部推广需求和个人中心的建立。主要将不满足现有PC端/手机端网站体验的网易用户,以及随智能手机/智能平板普及迅速增长的触屏终端用户作为受众目标。
　　触屏版对手机版网易站点作出功能细节优化,全面提升产品体验,提供基于大屏幕触控界面优化的一站式资讯产品服务解决方案,同时为移动广告市场细分做尝试,取得了较好的预期效果。

目录

封面

中文摘要

英文摘要

目录

1 绪论

1.1 本课题背景、研究目的与意义

1.2 移动终端应用及触屏版简介

1.3 国内外相关竞品现状与评价

1.4 本文的主要研究内容

2 关键技术分析

2.1 概述

2.2 XHTML/HTML5技术

2.3 CSS3技术

2.4 JavaScript技术

2.5 AJAX技术

2.6 XUI轻量级框架

2.7 本章小结

3 网易WAP站触屏版产品策划与原型设计

3.1 触屏版产品前端需求

3.2 触屏版产品系统架构

3.3 触屏版产品原型设计

3.4 触屏版产品后台数据获取

3.5 本章小结

4 网易WAP站触屏版产品开发与实现

4.1 触屏版前端开发及实现环境

4.2 触屏版具体实现及难点攻克

4.3 触屏版系统测评

4.4 本章小结

5 总结与展望

5.1 全文总结

5.2 展望

致谢

参考文献