在移动互联网飞速发展的今天，移动互联网已经成为发展最快、前景最好的业务。由于越来越多的Web访问是由移动终端发起的，因此在对Web进行设计时必须考虑如何兼容不同终端的问题。由于移动终端上的交互设计和交互方式与PC有着很大的区别，因此需要为移动终端开发相应的Web版本，以提供客户更好的交互体验。但由于移动终端的多样性（操作系统、浏览器、屏幕分辨率等），使得为每个不同终端开发相应的Web版本的成本非常高。本文以解决开发移动终端Web的成本为目标，提出了一个快速构建适合移动终端交互方式的Web的系统的设计与实现方案--基于HTML5的跨终端Web生成系统。本文实现的基于HTML5的跨终端Web生成系统主要由可视化组件编辑子系统以及Web内容转换子系统以及一个组件库组成。可视化组件编辑子系统的功能包括：Device Web界面在线编辑、Device Web效果实时预览、DeviceWeb代码生成以及下载。Web内容转换子系统的功能则是对任意网页进行内容提取并转换为本文实现的系统中的组件，Web内容转换子系统提供了实时选取网页特定内容的功能方便用户按照个人需要对网页进行个性化内容转换。系统以基于HTML5的JQuery Mobile库为基础来构建组件库，该库对不同终端的兼容性使得组件在各个终端上表现趋于一致，非常符合系统开发要求。在系统架构方面，本文采用了基于MVC思想的JavaScript库Backbone.js，并在此基础上进行了扩展以实现DOM数据绑定，为实现组件实时编辑提供了方便。本文所提出的快速构建适合移动终端交互方式的Web系统的设计与实现方案可以有效地降低开发移动终端Web的成本，使得用户可以在短时间内搭建一个符合移动终端交互方式的Web。