1。3论文结构

1。3。1摘要

摘要简单描述了我这次毕业设计要做的内容，还有用到的技术，以及是在什么样的大背景下做的这次毕业设计。

1。3。2绪论

绪论的开发背景板块从顾客，律师，开发者的三个角度分析了各自的需求，讨论发现实现和优化律师网站是对三方都有好处的事情，在需求方面，律师网站是绝对可行的。

开发意义板块主要描述了界面优化对网站的意义，从用户角度看待了界面优化的意义，代码的规范性影响网站后续界面的优化，界面优化在很大的程度上影响了网站的经济效益。

1。3。3页面优化设计论文网

在原有的律师网站的基础上，我们在首页的轮播图上会进行优化，另外颜色和字体都会挑选最优模型，找律师页面的输入框样式优化，当然导航栏会放在顾客一进入就能看到的顶部位置，我的每一个页面都有导航栏，所以写好了一个导航栏的DEMO可以重复使用，不同的内容只存在于导航栏下面。

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

开发工具我选用的是NOTEPAD++，因为页面的开发环境并没有JAVA那样的复杂需要配置，NOTEPAD++文本编辑器可以高亮显示错误行代码，还有规范代码格式功能，用到的开发技术当然就是三个火枪手了，HTML CSS JS，但是为了增加用户体验，优化的更加彻底，我还引入了UI框架BOOTSTRAP，还引入了JS的库JQUERY，两个都是用起来非常顺手的前端框架。用这些技术来实现我的前端静态页面，而优化用户界面方面，我的重点放在了CSS代码上面和盒子模型布局上面，导航栏放在最上方的布局，主内容放在导航栏下方的布局，CSS代码尽量减少浮动FLOAT，尽量少的使用定高，定宽，因为我们想要开发一个自适应网页，宽度高度尽量写成百分比，把CSS代码都写在HTML文件外面，然后在头部引入CSS文件，如果把CSS写在标签里面会让HTML文件看起来很混乱，不利于以后网站的代码维护和更新，这也间接影响了以后的界面优化，我们必须要把它考虑在内。

1。3。5网站的实现

一共七个静态页面，首先来讨论首页，首页的重点是轮播图，这次我想用JAVASCRIPT来实现这个轮播图，并且在轮播图下方加上四个圆点，分别代表四张图，并且实现自动播放，当点击任意一个圆圈时，都会滑动到圆点对应的图片上面

导航栏每个页面都可以复用，每个页面的导航栏都一样，因为都是同一个网站的页面。

后面的找律师页面会有页面验证利用复选框CHECKBOX的CHECK属性编写JS程序，为重新填写按钮添加了ONCLICK方法，点击执行的方法作用是将所有输入框的CHECK属性值清零，换句话说就是把复选框里面的勾选全部去掉。

而登录注册案件详情页面大多数是输入框的实现，接下来再具体讨论。

1。3。6网站的测试

测试轮播图性能，测试找律师的页面验证，如果没有选择法律领域就不能进行下一步，选择了之后也可以选择重新填写，这是正确的应该是清空所以的复选框，每个页面的每一个部分都需要我慢慢的一个一个的去测试，剩下的页面以输入框为主体主成，那么剩下的页面我们就把重心放在输入框上面，测试它能否正常输入，虽然为输入框写好了交互接口，但是由于没有后台，所以无法测试交互功能；在导航栏上点击首页和找律师看是否能够来回切换。要测试的内容和测试重点已经列好了。

2。网站开发技术的介绍

2。1NOTEPAD++介绍

课题里面有界面优化这一条，所以要求我在调整页面的同时，随时关注页面效果的变化，我利用NOTEPAD++把代码保存成为一个HTML文件（最后为了连接会改成ASP后缀），然后用火狐浏览器的打开方式打开这个HTML文件，我在NOTEPAD++你里面保存了代码之后，马上切换到浏览器按F5就可以看到有没有调试成功或者调试到满意的位置，NOTEPAD++还可以高亮标记错误代码，这样及时提醒了我犯的错误，所以我选择NOTEPAD++作为静态页面的开发工具。