Web前端页面设计.docx

摘要
21世纪是信息高速发达的时代,网络作为当今最流行最方便快捷的媒介也越来越被人们接受,并且融入我们的生活。随着高校信息化建设的不断推进,网站的作用超越了传统的信息获取,交流它更能体现组织机构的风采,性质。所以高校院系建立本院系美观,专业,易于维护管理的网站已经势在必行。
本论文主要围绕数字媒体技术专业的门户网站为开发主题,最基本也是最必须的三个技能。前端的开发中,在页面的布局时, HTML将元素进行定义,CSS对展示的元素进行定位,再通过JavaScript实现相应的效果和交互。虽然表面看起来这些很简单,但这里面需要掌握的东西绝对不会少。在进行开发前,需要对这些概念弄清楚,弄明白,这样在开发的过程中才会得心应手。
分析并解决实现中的若干技术问题介绍了个性化页面的背景及jsp+javascript +mysql系统的一般原理;阐述整个个性化页面生成系统的系统结构及工作原理;分析了系统实现中的特殊性,难点和重点;设计实现用户注册,用户登录,用户管理等jsp页面。分析并解决实现中的若干技术问题;建立完整的校园网站,进行测试并分析结果。
该网站有效地实现用户通过JSP页面访问来进行用户注册,登陆,并对网站内容进行有效的管理,提升了后期添加和删除信息的有效性,具有一定的应用价值。

目录
第1章前端开发工具及相关技术..........................5
选题背景及意义........................................5
前端开发工具..........................................7
前端开发相关技术......................................8
Javascript简介...............................8
Java script基本特点..........................8
CSS简介......................................9
JQuery........................................9
本章小结..............................................11
第2章前端布局分析与设计...............................11
前端总体开发流程及设计................................11
分层开发.....................................12
代码编写.....................................12
内部测试与后续优化...........................13
前端UI设计...........................................16
模块分布.....................................16
颜色配置.....................................16
CSS元素.....................................17
交互设计与UI........................................18
.............................................20
点的运用....................................20
线的运用....................................20
.....................................21
网站首页结构...............................21
主题鲜明,富有特色..........................22
...........................23
网站前台页面设计.....................................25
首页.......................................