6。代码检查和快速修复

     7。代码调试

     8。代码结构浏览

     9。代码折叠

     10。包裹或者去掉外围代码

使用webstorm进行主体内容的实现，包括html和css书写，js和jq代码的书写，主体程序书写。

2。1。2 Photoshop cc

    Photoshop cc是adobe公司于2013年推出的Photoshop的最新版本，它是在原来版本的基础上新增了相机防抖动功能、CameraRAW功能改进、图像提升采样、属性面板改进、Behance集成等功能，以及Creative Cloud，即云功能。论文网

    本程序使用Photoshop cc进行网页的图片的编辑和修改，对于网站颜色选择判断，制作CSS Sprites(CSS 精灵)。

2。1。3 Inkscape

     Inkscape是一套矢量图形的编辑器。该软件是一套强力的绘图程序，能够支持XML、SVG及CSS等开放性的标准格式。Inkscape是一个可以跨各种常见平台使用的程序，Windows、Mac OS X、Linux及类UNIX版等操作系统。

     本程序使用这款矢量图形编辑软件，用来制作svg图片并生成svg的路径，在loading界面有使用。

2。2使用主要技术的介绍

2。2。1 HTML5

  HTML为超文本传输协议，HTML5就是超文本传输语言的第五次重大修改。

HTML5相对于过去的HTML技术有着下面的几个方面的重大更新和改变：

(1) 易用性，语义更加明确化

   用新的标签像<header></header>,<footer></footer>,<nav></nav>等等，可以使阅读者更加容易的了解标签下的内容，而不像过去那种整篇全是<p>用id或者class来表述所写内容的情况。

(2) 视频和音频的支持

  新的HTML5抛弃了过去必须使用flash的情况，使得过去非常繁琐，复杂的代码变得更加简单，语义化。通过新的视频<video>和音频<audio>标签，可以像修改图片一样修改视频和音频的参数。

(3) Doctype

  新的Doctype更加的简单明了，不像过去的会有十分复杂的而难以理解，也没有多余的head标签。

(4) 跨浏览器的支持

    现代流行浏览器基本上都支持HTML5，即使最老的IE6都可以使用。HTML5已经使得开发更加简单了，更多支持更多浏览器，老IE浏览器可以通过添加javascript代码来使用新的元素。

2。2。2 CSS3

   CSS即层叠样式表（Cascading StyleSheet）。在网页中用来控制网页的显示形式。在网页制作时采用层叠样式表，可以有效的对页面布局，字体，颜色进行更好的修改。

   CSS3是CSS技术的升级版本，CSS3对比过去的CSS版本有着以下区别：

①　在盒子模型方面，CSS3的Flexbox是一种伸缩盒模型，网页可以通过Flexbox进行更加复杂的网页需求设计，本程序就是用这种的盒模型进行，网页设计和布局。文献综述

②　动画属性的应用Transform，Transition和Animationde 的使用是CSS3标识性的功能，CSS3可以在不使用任何JS的情况下，进行变形，旋转，变化，和复杂的动画制作。

③　媒体查询的应用，使用@media查询，可以针对不同媒体类型和不同的屏幕大小进行不同的样式设计。当你在进行响应式设计时，@media是十分必要而有用的，本网页的首页的响应式设计就是用@media配合bootstrp框架进行设计和实现的。

④　背景和边框的相关处理，边框圆角的使用，border-radius的使用在项目中多处用到。box-shadow的使用可以使盒子看起来更加逼真和有层次感，在项目中有很好的使用。