网站前端设计--毕业论文

本科毕业设计（论文）题目:数字媒体技术系网站前端设计与开发学院：专业班级：姓名：学号：指导教师：系主任：学院院长：二O一三年月日毕业设计(论文)诚信声明我谨在此保证：本人所写的毕业设计(论文)，凡引用他人的研究成果均已在参考文献或注释中列出。设计(论文)主体均由本人独立完成，没有抄袭、剽窃他人已经发表或未发表的研究成果行为。如出现以上违反知识产权的情况，本人愿意承担相应的责任。声明人(签名)：年月日摘要21世纪是信息高速发达的时代，网络作为当今最流行最方便快捷的媒介也越来越被人们接受，并且融入我们的生活。随着高校信息化建设的不断推进，网站的作用超越了传统的信息获取，交流它更能体现组织机构的风采，性质。所以高校院系建立本院系美观，专业，易于维护管理的网站已经势在必行。本论文主要围绕数字媒体技术专业的门户网站为开发主题，最基本也是最必须的三个技能。前端的开发中，在页面的布局时，HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来这些很简单，但这里面需要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚，弄明白，这样在开发的过程中才会得心应手。分析并解决实现中的若干技术问题；介绍了个性化页面的背景及jsp+javascript+mysql系统的一般原理；阐述整个个性化页面生成系统的系统结构及工作原理；分析了系统实现中的特殊性，难点和重点；设计实现用户注册，用户登录，用户管理等jsp页面。分析并解决实现中的若干技术问题；建立完整的校园网站，进行测试并分析结果。该网站有效地实现用户通过JSP页面访问来进行用户注册，登陆，并对网站内容进行有效的管理，提升了后期添加和删除信息的有效性，具有一定的应用价值关键字：JSP；用户登录；javascript；网站美化；交互设计。ABSTRACTThetwenty-firstCenturyistherapiddevelopmentofinformationage,networkastheworld'smostpopularandmostconvenientmediaareincreasinglyacceptedbypeople.Alongwiththeinformationdevelopment,websitefunctionsbeyondthetraditionalinformationacquisition,communicationwhichcanbetterreflecttheorganizationstyle，properties.Souniversitiesestablishthedepartments,professionalappearance,easymaintenanceandmanagementofthesitehasbeenimperative.Thisthesismainlyfocusesondigitalmediatechnologymajorportalforthedevelopmentofthetheme,thethreemostbasicandnecessaryskills.Developmentofthefront,inthelayoutofthepage,HTMLwilldefinetheelements,positioningCSStodisplayelements,andthenthroughtheJavaScripttoachievethecorrespondingeffectandinteraction.Althoughthesurfacelooksliketheseareverysimple,butitneedstograspthingsnever.Inthedevelopment,theneedfortheseconceptsclear,understand,sointhedevelopmentprocesswillbehandy.Themainworkdoneinthisarticleisasfollows:(1)IntroducesthebackgroundandgeneralprincipleofJSP+Javascript+MySQLsystempersonalizedpages;(2)Introducesthestructureandworkingprincipleoftheentirepersonalizationpageproductionsystem;analysisoftheparticularity,thedifficultyandkeysystem;(3)Thedesignandimplementationofuserregistration,userlogin,usermanagementandotherJSPpage.(4)Analyzeandsolvesometechnicalproblemsinimplementation;(5)Theestablishmentofacompletecampussite,testingandanalysis;ThesiteeffectivelyachievetheuserthroughtheJSPpageaccesstouserregistration,login,andcarryoneffectivemanagementtothewebsitecontent,enhancetheeffectivenessofthelateadditionanddeletionofinformation,hasacertainapplicationvalue.Keywords：JSP;Userlogin;JavaScript;WebsiteLandscaping;InteractionDesignI目录摘要ABSTRACT第1章绪论...........................................................11.1选题背景及意义............................................................................................................11.2国内外高校网站建设状况..............................................................................................31.3研究内容和拟解决的问题..............................................................................................51.4本章小结......................................................................................................................6第2章前端开发工具及相关技术.........................................72.1前端开发环境...............................................................................................................72.2前端开发工具...............................................................................................................72.3前端开发相关技术........................................................................................................82.3.1Javascript简介.....................................................................................................82.3.2Javascript基本特点..............................................................................................82.3.3CSS简介..............................................................................................................92.3.4JQuery.................................................................................................................92.4本章小结....................................................................................................................11第3章前端布局分析与设计............................................123.1前端总体开发流程及设计............................................................................................123.1.1分层开发.............................................................................................................123.1.2代码编写.............................................................................................................123.1.3内部测试与后续优化...........................................................................................133.2前端UI设计...............................................................................................................143.2.1模块分布.............................................................................................................143.2.2颜色配置.............................................................................................................153.2.3CSS元素.............................................................................................................163.3交互设计