第二章  关键技术介绍

本次设计主要使用了HTML5、CSS3以及JavaScript等技术，HTML5主要用于网页的设计和制作，是目前网页设计中运用最多的标准；CSS不仅仅是一种语言，它更像是一个样式集，它使得整个网页中的交互性功能页面样式更加丰富和完整；JavaScript主要用来实现网站和网页中的交互性功能或者一些功能模块的具体实现。在同时辅以Photoshop，Firework，Flash等软件，可以使一个基本的场景应用完成。

2.1Java Script介绍

JavaScript是一种由网景公司的Brendan Erich设计的基于对象和事件驱动的具有相对安全性的客户端脚本语言。主要目的是为了解决如Perl等服务器端语言存在的速度慢的问题，提高浏览器响应速度。JavaScript在网页中引入，网页的呈现相对于以往的更加生动灵活。

JavaScript的特点如下：

1、解释性执行。和其他的脚本语言类似，作为一种解释性执行的脚本语言，它不需要事先编译，再在运行过程中逐一解释，只需要在浏览器加载运行的过程中，进行语言解释。

2、基于对象。网页开发者可以创建自己所需的对象，JavaScript也能够运用已经创建好的对象，这些功能都来自于脚本环境中对象的方法和脚本的相互作用。

3、事件驱动。因为JavaScript是事件驱动的，它正好满足了前端开发交互页面的需要。比如按下鼠标、移动窗口、选择菜单等这些动作都能够被看作是是事件。当事件发生后，有可能会引起相应的事件响应，执行这些对应的脚本，被称为事件驱动。

4、安全性。JavaScript作为一种安全性的语言，不被允许访问本地的硬盘，也不能将数据存入服务器不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。

2.2HTML5介绍

2.2.1HTML5由来

HTML标准修订4.01版在1999年修订完成，HTML4因为其自身的优秀特性一度被认为是没有能够被替代的。但是随着移动互联网的不断发展，HTML4在开发应用中的弊端也渐渐显现出来且日益明显，为了提升数据库存储功能、表现更丰富的页面和对跨平台的使用，新一代HTML标准也顺势出现。2004年WHATWG(Web Hypetertext Application Technology Working Group)提出Web Application1.0,这也是HTML5草案的前身。2007年W3C对其表示认可。万维网联盟（W3C）于2008年1月22日发布了第一份HTML5正式草案，随后在2012年12月17日W3C宣布HTML5规范化正式定稿，在2014年10月29日W3C完成了HTML5标准化的制定同时正式将此项标准发布。

2.2.2HTML5的特性

1、新引进结构元素

新引入的HTML元素和属性可以大致的分为两类，一类是对传统通用元素的语义化，比如HTML5用nav，footer等元素代替p，另一类是全新的元素，例如audio,video等。

标签如下：[7]

section元素：表示网页结构中的一个区块，例如页眉页脚，段落，章节或者其他的结构。

footer元素：整个网页的猪脚或网页中一个内容块的注脚。

hgroup元素：组合页面中的内容区块，或者对整个网页进行组合。

nav元素：网页中的导航链接。

embed元素：embed元素的功能是用来插入音频，视频等多媒体类型的内容，支持的文件格式包括但不仅限于MP3,AIFF，Midi，WAV等。

progress元素：该元素用于表示当前的运行进程，例如JS中的时间耗费函数进程便可由progress元素显示。

time元素：用于表示时间，即时分秒，也可用于表示日期，也可同时完整的表示时间和日期。

detail元素：表示细节信息。

source元素：多媒体资源的定义，包括视频，音频等。

2、图像制作

在HTML5出来之前，图片在网页上能过够进行的操作只有点击和保存，要是想对出现在网页上的图片进行除了点击和保存外的其他操作或者浏览所制作的图形，那么就需要加载额外的插件，比如Flash或者Slierlight。