HTML5：

HTML 5是目前最新版本的前端开发标准，它的推出不光是前端开发有了一个统一的标准，更重要的是它为前端开发人员提供了大量功能强大的新功能和新特性，不光简化了我们的开发工作，同时还能使我们能够开发出功能更加强大的网页应用。

CSS3:

CSS3是CSS技术的最新版本，相比之前的版本，它加入了大量的新功能，使我们能够开发出更加酷炫的页面，而且有许多功能可以让前端开发者单纯使用CSS3代码完成本需要使用PhotoShop或Flash等软件才能制作的效果，我最喜欢的两个新功能是media query和@keyframe，前者可以是我们制作满足响应式设计的页面，后者可以使我们用简单的CSS代码来制作酷炫的页面特效。

SEO优化：

SEO的缩写为Search Engine Optimization，代表的意思是“搜索引擎优化”。为使我们的网站能够满足在各大搜索引擎网站中的收录排名需求，我们需要通过站内优化比如网站结构调整、网站代码优化等以及站外优化从而在搜索引擎中提高我们网站的关键词排名，从而能有更大的机会获得用户的访问，甚至直接产生经济效应，是目前的网站开发者越来越重视的工作。

1。1。3 国内外研究发展趋势

近年来，前端技术日渐走向成熟，随着HTML5和CSS3新技术和标准的推出，所有前端开发者开发网站时也有了一个相对之前更统一的标准，JavaScript语言在前端开发领域一家独大，成为一项前端开发者的核心技术，无数优秀的JavaScript框架纷纷脱颖而出，著名的如jQuery、backbone、ext。js、vue。js、Angular。js、React等，同时开发者也慢慢开始关注网站的性能优化问题，随着硬件技术的飞快发展，手机和平板电脑等移动端设备已经彻底普及到了千家万户，为了跟上智能时代的浪潮，前端开发人员开始关注于网页的响应式设计，此时 Twitter 公司的开发团队推出了 Bootstrap前端UI框架，它的出现让网站的快速开发变得更加简单。

1。2 文献查阅、调研情况

1。2。1 文献综述

本课题主要涉及HTML、CSS、JavaScript和Bootstrap框架响应式布局以及AngularJS框架等WEB前端技术的应用。翻阅的主要书籍如：《HTML5+CSS+JavaScript深入学习实录》、《响应式web设计：HTML5和CSS3实战》、《JavaScript DOM编程艺术》、《JavaScript高级程序设计》等都涉及了这些方面的知识，同时还参阅了关于jQuery框架的相关书籍如：《锋利的jQuery》，以及AngularJS框架相关书籍如：《AngularJS权威指南》。

除了书籍，还参考了一些前端技术相关的网站，如w3cschool、菜鸟教程、Bootstrap中文网、jQuery中文网等，以及一些软件开发社区，如stark overflow、CSDN等，还有一些MOOC网站，如极客学院、慕课网、51CTO等，这些网站中有许多本课题涉及的知识，对本课题的实现提供了许多帮助。

1。2。2 调研情况

通过了解本网站的功能需求以及查找了一些国内外律师网站，基本了解了律师网站的功能需求以及UI设计的思路。

通过从网上搜索前端网页设计及开发的发展趋势和热门的主流前端技术主要得到以下结论：网页要满足实际网站功能需求如首页的网站介绍、找律师、个人信息等，要可维护升级如网站外观优化，网站性能优化等需求，要实现响应式设计以便支持移动设备，要有合理的网页布局如页面标签语义化、在不影响显示效果的情况下尽量减少标签数量、页面代码清晰以便后期维护等需求，以及实现友好的网页界面如网页外观扁平化和网站整体色彩一致等要求。