摘要：改革开放以来，随着国家经济的快速发展，中国的互联网也是快速发展，网上出现了各类功能型网站，比如说淘宝，让我们可以在网络上购买自己喜欢的东西，而律师网站也像雨后春笋一般冒出来了，有律师为自己建立的个人网站，也有律师服务网站，网络律师服务网站一般业务都是在网络上为顾客提供法律服务，具体来说就是顾客可以通过我们的网站来找到合适的律师，而这一次毕业设计，我的目标就是要利用WEB前端开发的技术实现和优化一个网络律师服务网站界面，是以已经上线的合意律师网站为基础来优化的这个网站的主要功能就是帮助顾客找到自己心仪的律师，我一共要开发7个页面，一个首页，四个找律师的静态页面，和登录注册两个静态页面。80810

毕业论文关键词：WEB前端开发，界面优化，律师服务

Web services website design and implementation

Abstract: since the reform and opening up, with the rapid development of national economy, the rapid development of the Internet is Chinese, appeared on various functional sites, such as Taobao, so we can buy their own love of the things on the web, but also like a lawyer website like bamboo shoots after a spring rain came out, a lawyer to establish their own personal website there are lawyers, lawyers service website, network service website general business is to provide legal services to customers in the network, and this graduation design, my goal is to realize and optimize a network of lawyers service website interface using WEB front-end development technologies, is the main function of this website in on-line agreement law site based optimization is to help customers find the right lawyer, I have to develop 7 page, a home page, find four Lawyer's page, and login to register two pages。

Key words: WEB front end development, interface optimization, lawyer service

目 录

目 录 3

1绪论 5

1。1开发背景 5

1。2课题意义 5

1。3论文结构 6

1。3。1摘要 6

1。3。2绪论 6

1。3。3页面优化设计 6

1。3。4网站实现与优化技术介绍 6

1。3。5网站的实现 6

1。3。6网站的测试 7

2。网站开发技术的介绍 8

2。1NOTEPAD++介绍 8

2。2 HTML 8

2。3 CSS 8

2。4 Javascript 8

2。5 bootstrap 8

2。6 JQUERY 8

3．网站功能需求的分析 9

4．网站界面优化设计 10

4。1首页优化设计 10

4。2找律师的四个页面优化设计 12

5。网站前端页面的实现 18

5。1首页导航栏的实现 18

5。2首页轮播图的实现 18

5。3实现找律师的第二个页面 20

5。4实现找律师的第三个页面 21

5。5第四个找律师面的实现