**********************************
Play上，所以它的跨平台非常强大，也是大多数人对HTML5有兴趣的主要原因。
3.自适应网页设计
很早就有人设想，能不能”一次设计，普遍适用”，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局（layout）2010年，Ethan Marcotte提出了”自适应网页设计“这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。
这就解决了传统的一种局面——网站为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多个portal（入口），会大大增加架构设计的复杂度。
4.即时更新
游戏客户端每次都要更新，很麻烦。可是更新HTML5游戏就好像更新页面一样，是马上的、即时的更新[8]。
总结概括HTML5有以下优点： 1. 提高可用性和改进用户的友好体验；
2. 有几个新的标签，这将有助于开发人员定义重要的内容； 3. 可以给站点带来更多的多媒体元素(视频和音频)； 4. 可以很好的替代FLASH和Silverlight；
5. 当涉及到网站的抓取和索引的时候，对于SEO很友好； 6. 将被大量应用于移动应用程序和游戏。
2.2 JavaEE简介
J2EE（Java 2 Platform,Enterprise Edition）是一套全然不同于传统应用开发的技术架构，包含许多组件，主要可简化且规范应用系统的开发与部署，进而提高可移植性、安全与再用价值[9]。
J2EE 的核心是一组技术规范与指南，其中所包含的各类组件、服务架构及技术层次，均有共通的标准及规格，让各种依循 J2EE 架构的不同平台之间，存在良好的兼容性，解决过去企业后端使用的信息产品彼此之间无法兼容，导致企业内部或外部难以互通的窘境。
在 J2EE 架构下，开发人员可依循规范基础，进而开发企业级应用；而不
7
**********************************
同 J2EE 供货商，同会支持不同 J2EE 版本内所拟定的标准，以确保不同 J2EE 平台与产品之间的兼容性。
对于开发人员而言，只需要专注于各种应用系统的商业逻辑与架构设计，至于底层繁琐的程序撰写工作，可搭配不同的开发平台，以让应用系统的开发与部署效率大幅提升。
目前许多程序设计师，或者是网页设计人员，多利用 JSP/Servlet的便利性，进而在 J2EE 服务器之上开发相关的应用，或是整合公司内部的各种资源。推出 J2EE 的最初目的是为了克服传统 Client/Server 模式的弊病，迎合
Browser/Server 架构的潮流，为应用 Java 技术开发服务器端应用提供一个平台独立的、可移植的、多用户的、安全的和基于标准的企业级平台，从而简化企业应用的开发、管理和部署。J2EE 是一个标准，而不是一个现成的产品。各个平台开发商按照 J2EE 规范分别开发了不同的 J2EE 应用服务器，J2EE 应用服务器是 J2EE 企业级应用的部署平台。由于它们都遵循了 J2EE 规范，因此，使用 J2EE 技术开发的企业级应用可以部署在各种 J2EE 应用服务器上。
J2EE 组成了一个完整企业级应用的不同部分纳入不同的容器(Container)，每个容器中都包含若干组件(这些组件是需要部署在相应容器中的)，同时各种组件都能使用各种 J2EE Service/API。J2EE 容器包括：
◆ Web 容器 服务器端容器，包括两种组件 JSP 和 Servlet，JSP 和Servlet 都是 Web 服务器的功能扩展，接受 Web 请求，返回动态的 Web页面。Web 容器中的组件可使用 EJB 容器中的组件完成复杂的商务逻辑。
◆ EJB 容器 服务器端容器，包含的组件为 EJB(Enterprise Java Beans)，它是 J2EE 的核心之一，主要用于服务器端的商业逻辑的实现。EJB 规范定义了一个开发和部署分布式商业逻辑的框架，以简化企业级应用的开发，使其较容易地具备可伸缩性、可移植性、分布式事务处理、多用户和安全性等。
◆ Applet 容器 客户端容器，包含的组件为 Applet。Applet 是嵌在浏览器中的一种轻量级客户端，一般而言，仅当使用 Web 页面无法充分地表现数据或应用界面的时候，才使用它。Applet 是一种替代 Web 页面的手段，我们仅能够使用 J2EE 开发 Applet，Applet 无法使用 J2EE的各种 Service 和 API，这是为了安全性的考虑。
8
**********************************
◆ Application Client 容 器 客 户 端 容 器 ， 包 含 的 组 件 为Application Client。Application Client 相对 Applet 而言是一种较重量级的客户端，它能够使用 J2EE 的大多数 Service 和 API[10]。
2.3 CSS3概述
CSS即层叠样式表（Cascading StyleSheet）。在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效、多栏布局等。
CSS3将完全向后兼容，所以没有必要修改的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。CSS3主要的影响是将可以使用新的可用的选择器和属性，这些会允许实现新的设计效果（譬如动态和渐变），而且可以很简单的设计出现在的设计效果（比如说使用分栏）[11]。
2.4 JSP概述
JSP(Java Server Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件(*.jsp)。
用JSP开发的Web应用是跨平台的，即能在Linux下运行，也能在其他操作系统上运行。JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。
Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序段，然后将执行结果连同JSP文件中的HTML代码一起返回给客户。插入的Java程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。
9
**********************************
JSP与Java Servlet一样，是在服务器端执行的，通常返回该客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。
JSP的1.0规范的最后版本是1999年9月推出的，12月又推出了1.1规范。目前较新的是JSP1.2规范，JSP2.0规范的征求意见稿也已出台。
JSP页面由HTML代码和嵌入其中的Java代码所组成。服务器在页面被客户端请求以后对这些Java代码进行处理，然后将生成的HTML页面返回给客户端的浏览器。Java Servlet 是JSP的技术基础，而且大型的Web应用程序的开发需要Java Servlet和JSP配合才能完成。JSP具备了Java技术的简单易用，完全的面向对象，具有平台无关性且安全可靠，主要面向因特网的所有特点。 自JSP推出后，众多大公司都支持JSP技术的服务器，如IBM、Oracle、Bea公司等，所以JSP迅速成为商业应用的服务器端语言[12]。
JSP 技术的优势：
⑴ 一次编写，到处运行。在这一点上 Java 比 PHP 更出色，除了系统之外，代码不用做任何更改。
⑵ 系统的多平台支持。基本上可以在所有平台上的任意环境中开发，在任意环境中进行系统部署，在任意环境中扩展。相比 ASP/PHP 的局限性是显而易见的。
⑶ 强大的可伸缩性。从只有一个小的 Jar 文件就可以运行 Servlet/JSP ，到由多台服务器进行集群和负载均衡，到多台Application 进行事务处理，消息处理，一台服务器到无数台服务器，Java 显示了一个巨大的生命力。
⑷多样化和功能强大的开发工具支持。Java 已经有了许多非常优秀的开发工具，而且许多可以免费得到，并且其中许多已经可以顺利的运行于多种平台之下[13]。
2.5 JQuery概述
JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，
10
**********************************
而且各种应用也说得很详细，同时还有许多成熟的插件可供选择[2]。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。
jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。如今，jQuery已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery[14]。
jQuery是免费、开源的，使用MIT许可协议。jQuery的语法设计可以使开发更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外，jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
jQuery，顾名思义，也就是JavaScript和查询（Query），即是辅助JavaScript开发的库[15]。
2.6 B/S结构概述
B/S（Browser/Server）结构即浏览器和服务器结构。它是随着Internet 技术的兴起，对 C/S 结构的一种变化或者改进的结构。在这种结构下，用户工作界面是通过 WWW 浏览器来实现，极少部分事务逻辑在前端（Browser）实现，但是主要事务逻辑在服务器端（Server）实现，形成所谓三层 3-tier 结构。这样就大大简化了客户端电脑载荷，减轻了系统维护与升级的成本和工作量，降低了用户的总体成本（TCO）。
以目前的技术看，局域网建立 B/S 结构的网络应用，并通过Internet/Intranet 模式下数据库应用，相对易于把握、成本也是较低的。它是一次性到位的开发，能实现不同的人员，从不同的地点，以不同的接入方式访问和操作共同的数据库；它能有效地保护数据平台和管理访问权限，服务器数据库也很安全 。特别是在 快捷、高效JAVA 这样的跨平台语言出现之后，B/S 架构管理软件更是方便、
B/S 架构软件的优势： ⑴ 维护和升级方式简单
目前，网站平台的改进和升级越来越频繁，B/S 架构的产品明显体现着更为
11
[16]
。