数字媒体技术系网站前端设计与开发-毕业论文文档格式.docx

数字媒体技术系网站前端设计与开发-毕业论文文档格式.docx

《数字媒体技术系网站前端设计与开发-毕业论文文档格式.docx》由会员分享，可在线阅读，更多相关《数字媒体技术系网站前端设计与开发-毕业论文文档格式.docx（38页珍藏版）》请在冰豆网上搜索。

本人所写的毕业设计（论文），凡引用他人的研究成果均已在参考文献或注释中列出。

设计（论文）主体均由本人独立完成，没有抄袭、剽窃他人已经发表或未发表的研究成果行为。

如出现以上违反知识产权的情况，本人愿意承担相应的责任。

声明人（签名）：

年 月 日

摘 要

21世纪是信息高速发达的时代，网络作为当今最流行最方便快捷的媒介也越来越被人们接受，并且融入我们的生活。

随着高校信息化建设的不断推进，网站的作用超越了传统的信息获取，交流它更能体现组织机构的风采，性质。

所以高校院系建立本院系美观，专业，易于维护管理的网站已经势在必行。

本论文主要围绕数字媒体技术专业的门户网站为开发主题，最基本也是最必须的三个技能。

前端的开发中，在页面的布局时，HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。

虽然表面看起来这些很简单，但这里面需要掌握的东西绝对不会少。

在进行开发前，需要对这些概念弄清楚，弄明白，这样在开发的过程中才会得心应手。

分析并解决实现中的若干技术问题；

介绍了个性化页面的背景及jsp+javascript

+ mysql系统的一般原理；

阐述整个个性化页面生成系统的系统结构及工作原理；

分析了系统实现中的特殊性，难点和重点；

设计实现用户注册，用户登录，用户管理等jsp页面。

建立完整的校园网站，进行测试并分析结果。

该网站有效地实现用户通过JSP页面访问来进行用户注册，登陆，并对网站内容进行有效的管理，提升了后期添加和删除信息的有效性，具有一定的应用价值

关键字：

JSP；

用户登录；

javascript；

网站美化；

交互设计。

ABSTRACT

Thetwenty-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;

InteractionDesign

目 录

II

第1章 绪论 1

1.1选题背景及意义 1

1.2国内外高校网站建设状况 3

1.3研究内容和拟解决的问题 5

1.4本章小结 6

第2章 前端开发工具及相关技术 7

2.1前端开发环境 7

2.2前端开发工具 7

2.3前端开发相关技术 8

2.3.1Javascript简介 8

2.3.2Javascript基本特点 8

2.3.3CSS简介 9

2.3.4JQuery 9

2.4本章小结 11

第3章 前端布局分析与设计 12

3.1前端总体开发流程及设计 12

3.1.1分层开发 12

3.1.2代码编写 12

3.1.3内部测试与后续优化 13

3.2前端UI设计 14

3.2.1模块分布 14

3.2.2颜色配置 15

3.2.3CSS元素 16

3.3交互设计与UI 18

3.4点，线，面的运用 18

3.4.1点的运用 19

3.4.2线的运用 19

3.5网站结构布局及设计 20

3.5.1网站首页结构 20

3.5.2主题鲜明，富有特色 21

3.5.3版式编排布局合理性 21

3.6网站前台页面设计 23

3.6.1首页 23

3.6.2系内概况 23

3.6.3系内新闻 24

3.7本章小结 24

第4章 主要功能的实现 25

4.1界面设计 25

4.2具体设计文档 25

4.3前台新闻文摘显示 25

4.3.1网站装饰风格 26

4.3.2网站的链接结构 26

4.4可视化设计 26

4.5具体实现技术 26

4.5.1CSS在"

数字媒体技术系网站"

中的应用实例 26

4.5.2应用JavaScript设计网页 27

4.6本章小结 29

第5章 总结 30

参考文献 31

致谢 32

第1章 绪论

1.1选题背景及意义

如今的互联网已经渗透到我们生活的每一个层面，网站的内容越来越丰富全面，以此来满足了各种不同需求的浏览者。

网站的作用众所周知人们通过网站快速获取，发布和传递信息。

目前很多高校建立起了自己的网站这些网站的建立使得学校可以突破传统的媒体的限制在网络上开辟的属于自己的新天地。

网络具有超时空性。

网络超时空性是一种“一人对一人，一人对多人，多人对一人，多人对多人”的传播方式[1]。

超时空性的形成正式由于在网络在时间层面，空间层面上的开放性带来的。

网络的超时空性使得高校网站对学校本身和外界社会表现特定的功能，表现在网站有助于改变教育资源的分散性和分布不均衡性，有效的将教育资源进行整合，从而使得教育资源使用意义上的无限增长。

网络具有的海量存储特性，网络能形成一个巨大无比的数据库，世界上任何时间任何地点的任何一件事都能成为网络的信息被广泛传播。

高校网站的海量存储特性可以从横向和纵向两方面分析：

横向看高校网站往往设置多个板块，分别放置相关内容。

不同板块的信息相互独立，共同构成网站的内容。

纵向看，同一个板块的内部，内容并不是固定不变的，而是不断添加连续更新的。

大量的信息使得高校网站成为一个巨大的数据库。

交互性体现在高校网站通过设置留言板，论坛，发挥网络交互的功能，在老师和学生之间建立起了交流渠道。

高校网站正是以这些特点为基础，发挥了自己本身的资源整合，信息传播，多方交流互动等方面的独特功能，成为一座沟通桥梁。

很多高校网站内容多姿多彩，板块，内容争妍斗艳。

但不外乎以一下几部分：

学校介绍，新闻发布，招生信息，就业信息，师资力量，科研成果，机构设置，教学素材等。

高校网站的建立和维护需要大量的物力和人力，为何要投入去建网站上？

是因为如上所述的高校网站有的独特特性使得建设高校网站势在必行。

这些都促进了各个机构组织的信息化建设，随着高校信息化建设的不断推进，网站的作用超越了传统的信息获取，交流它更能体现组织机构的风采，性质。

所以高校院系建立本院系美观，专业，易于维护管理的网站。

32

我们要创建我们本专业的网站数字媒体技术系的专业网站，网站前端设计最基本的三个技能：

HTML，CSS，JavaScript，PS 矢量图像编辑技术。

这个是前端开发中最基本也是最必须的三个技能。

建立本系网站发挥的作用如下：

（1）数字媒体技术系网站是数字媒体专业的“商标”。

在这个高度信息化