BOOTSTRAP网络律师服务网站用户界面优化设计(3)_毕业论文

毕业论文移动版

毕业论文 > 计算机论文 >

BOOTSTRAP网络律师服务网站用户界面优化设计(3)

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++作为静态页面的开发工具。 (责任编辑:qin)