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