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

1。2。1 文献综述 6

1。2。2 调研情况 6

2 需求分析 8

2。1 本课题基本内容 8

2。2 本课题的重点 10

2。3 本课题的难点 11

2。4 选择的工具 11

3 网站UI设计和布局 13

3。1 网站首页设计和布局 13

3。2 网站登录界面设计和布局 18

3。3 网站个人中心界面设计和布局 19

4 使用Bootstrap框架和CSS3为网页加入响应式 21

4。1 BOOTSTRAP起步 21

4。2 BOOTSTRAP的全局CSS样式 21

4。3 BOOTSTRAP组件 24

4。4 BOOTSTRAP的JAVASCRIPT插件 24

4。5 使用CSS3的媒体查询对网页的响应式设计进行细节个性化定制 25

4。6 使用JQUERY和CSS3@KEYFRAME制作页面动效 27

4。7 加入ANGULARJS框架 30

4。7。1 AngularJS表单验证 30

4。7。2 AngularJS路由 30

4。8 网站整体SEO优化 30

5 毕设总结 32

参考文献 34

1 绪论

随着计算机信息科学技术的飞速发展，我们与网络信息技术的关系越来越紧密，我们的生活中充满了各式各样的与网络信息技术相关的元素，然而我们在网络环境下使用的最多的无疑还是各式各样的网站，而在如果想让自己的网站在当今数以万计的各大网站中脱颖而出，不但需要强大的网站实用功能作为基础，而拥有优雅美观且方便用户使用的网站UI设计及网站前端实现无疑是我们网站开发的重中之重。论文网

     本次毕业设计的重点便是网站的UI设计与前端页面的实现，我将以网络律师网站为技术载体，首先将我们根据网站的功能等需求设计出网站的基本UI 并用HTML和CSS进行基本的页面布局与实现，然后使用Bootstrap框架制作网页内部元素的UI组件并实现网页的基本响应式布局，之后使用CSS3进行网页的细节调整以及响应式布局等的个性化定制，为提高网页的外观效果，使用jQuery框架和@keyframe来实现网站的动态效果，最后将为网站加入AngularJS框架使我们的网站具有一些数据交互功能并对网站进行最终的SEO优化，以提高我们网站在搜索引擎中的排名，通过阅读书籍网站以及查询资料，我将完成我们所需的功能以及网站。