前端毕业设计范文

1、前端毕业设计范文滁州职业技术学院信息工程系xx届软件专业毕业姓名：班级：设计课题：指导教师：xx年11月13日摘要21世纪是信息高速发达的时代，网络作为当今最流行最方便快捷的媒介也越来越被人们接受，并且融入我们的生活。随着旅游类的网站不断推进，网站的作用超越了传统的信息获取，交流它更能体现组织机构的风采，性质。所以旅游类的网站对现在的发展已经势在必行。本主要围绕旅游网站为开发主题，最基本也是最必须的三个技能。前端的开发中，在页面的布局时，HTML将元素进行定义，CSS寸展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来这些很简单，但这里面需要掌握的东西绝对不会少

2、。在进行开发前，需要对这些概念弄清楚，弄明白，这样在开发的过程中才会得心应手。分析并解决实现中的若干技术问题；介绍了个性化页面的背景；阐述整个个性化页面生成系统的系统结构及工作原理；分析了系统实现中的特殊性，难点和重点；虽然还没有设计用户注册，用户登录，用户管理，但是我会把自己的网站以一种简单明了的方式向大家展现出旅游的各个方面。分析并解决实现中的若干技术问题；建立完整的旅游网站，进行测试并分析结果。本网站的建立的作用具有一目了然的特性，不仅能让本地区的人们了解更多的旅游资料，更可让世界各地的人了解一些地区的明文风该网站中还存在一些不足之处，如网站的留言系统、用户注册、用户登录没建立等等。这些

3、问题和功能有待于进一步学习和添加。关键词：网站设计XHTMLCSSjavaScript和JQuery目录目录.3第一章绪论41.1 弓|言41.2 旅游网站发展现状41.3 本课题目的与意义6第二章开发工具和开发技术简介72.1 Dreamweaver简介72.2 PhotoShop简介82.3 AdobeFlash简介92.4 HTML语言简介92.5 CSS简介10第三章需求分析123.1 网站系统分析123.2 功能性需求分类123.3 非功能性需求13第四章网站开发过程及实现144.1 创建站点144.2 首页设计154.2.1 首页顶部设计164.2.2 导航栏设计184.2.3 首

4、页主要内容设计204.2.4 首页底部设计254.3 其余页面的制作254.3.1 2级页面的制作：254.3.2 3级页面设计284.4测试30第五章结论32致谢34第一章绪论1.1 引言新的世纪，互联网进入一个崭新的阶段，信息化的发展带动其它产业的发展，各行业都将与它进行更深入的融合和渗透。，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活、旅游等各个方面发挥着重要的作用。为了适应知识经济社会的需要，促进学习与交流。网上交流和协作的功能比较普遍；技术管理和资源管理受到重视。随着互联网的普及和发展，必将有越来越多的企业及个人在英特网上拥有自己的网站。网站建设成为企业

5、形象宣传、产品展示推广、客户沟通的最新最快捷的桥梁；成为个人展示自我，与世界交流的重要平台。越来越多的人已开始从对互联网的认知阶段进入到认同和行动阶段。Inter上发布信息主要是通过网站来实现的，获取信息也是要在Inter“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Inter应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了更好的协作，更多的与外界交流新的信息，和他人共享信息，特构建旅游网站。旅游网站也是近十年来在我国逐步兴起和发展的，到现在已经初步形成了类型齐全、涵盖旅游业各个方面的网上旅游产业体系，旅游产品的在线

6、宣传和销售正影响着越来越多的旅游者、旅游服务提供商和旅游管理者。随着我国旅游业的迅猛发展，推进旅游信息化，广泛实现旅游电子政务、电子商务，建立高度发达的网上旅游系统，对于促进我国旅游业的跨越式发展有着重要的作用。1.2 旅游网站发展现状1我国旅游网站发展概述第一阶段（19972000年）：我国真正出现基于互联网的旅游网站以1997年中国旅游资讯网和华夏旅游网的成立为标志。此阶段旅游网站信息很少，网站只由一到数张设计简单、以景点介绍的简单文字为主的网页构成。第二阶段（2000-xx年）：2000年4月以网上预订为主的青旅在线诞生，电子商务模式首次引入旅游网站。此阶段旅游网站提供的预订服务一般只包

7、括交通及住宿企业的电话等，游客的预订仍需绕开网站，直接与相关企业打交道。网站的资讯信息已日益丰富，并由层次分明、包含超级链接的网页组成。第三阶段（xx-xx年）：随着xx年2月金旅雅途网的成立，中国出现一批以网上交易平台服务为主要业务的旅游网站。此时旅游网站已有较强的互动性，且开始提供一些在线服务。网上预订的业务也大大增强，只是从网上预订客房后仍需通过银行等途径汇去所需款项，预订的飞机票等也必须派人上门递送，属于“鼠标加水泥”的模式。第四阶段（xx一）:xx年4月中国第一个旅游目的地营销系统“南海目的地营销系统”在广东省南海市建成，南海旅游网成为中国首个运行DMS勺旅游网站。从此阶段开始，功能

8、强大的数据库系统使游客可以很方便地实现食、住、行、游、娱、购等信息的在线查询，甚至可以借助多媒体工具进行网上虚拟旅游。未来的旅游网站的知识内容将日益丰富，栏目的内容将日益详细，分类将日益科学，单调的、一成不变的旅游行程表将被灵活多变的自助旅游的游程定制所替代，为游客提供个性化的旅游产品等智能服务将成为旅游网站的重要功能。（二）网站分类对于种类繁多的旅游网站可以从不同角度进行分类，如按网站性质的不同可将我国旅游网站分为如下七类：政府旅游部门网站、应用服务供应商网站、旅游企业网站、专业旅游网站、网络内容供应商网站的旅游频道、各类旅游目的地咨讯网和地方性旅游网站、个人旅游网站。止匕外，旅游网站还可按

9、专业属性、服务类型、提供信息等不同要素进行分类。（三）网站构建中存在的问题目前我国旅游网站数量非常庞大，现在用各种搜索引擎搜索到的旅游网站已达数万家。但是大多数旅游网站的构建无论从网页设计的科学性、有效性，还是从网站的服务内容、服务范围、服务功能来看,都非常不规范，存在不少问题。以政府旅游网站为例，域名的使用就非常混乱，48%勺省级政府旅防I网站未使用.的正规域名，网站的信息提供也参差不齐；再以专业旅游网站为例，从网上选取50家较为成功的专业旅游网站进行了测评结果来看，酒店客房和机票的查询预订是专业旅游网站提供的主要功能，在选取的专业旅游网站中，100%的网站都提供了此两项功能，但从具体功能来

10、看，尚无一家旅游网站能够提供客房的实时状况，如最近一天的客房销售情况和促销优惠的报价。火车票的查询只有45%勺网站提供，国内火车票的预订尚无一家网站开通，唯一一家开通火车票预订的是再见城市网站，也仅开通了欧洲火车通票预订。能提供出租车预订的网站只占22.7%。目前，在所选取的网站中尚无一家提供酒店、机票、出租车、门票的组合预订，而提供了门票或导游预订的也只有两家。从预订方式来看，选取的网站都提供了网上预订功能，但提供网上支付功能的网站只占22.7%。止匕外，绝大多数专业网站没有设计旅游投诉的功能。既能体现旅游网站内涵又便于查询记忆的网站域名和网站LOGO名和标志LOG*设计既要体现旅游网站的内

11、涵，使游客通过网站的名称就可以对网站本科毕业设计（论文）题目:学院：专业班级：姓名：指导教师：系主任:数字媒体技术系网站前端设计与开发学号：学院院长：二O一三年月日毕业设计（论文）诚信声明我谨在此保证：本人所写的毕业设计（论文），凡引用他人的研究成果均已在或注释中列出。设计（论文）主体均由本人独立完成，没有抄袭、剽窃他人已经发表或未发表的研究成果行为。如出现以上违反知识产权的情况，本人愿意承担相应的责任。声明人（签名）：年月曰21世纪是信息高速发达的时代，网络作为当今最流行最方便快捷的媒介也越来越被人们接受，并且融入我们的生活。随着高校信息化建设的不断推进，网站的作用超越了传统的信息获取，交流

12、它更能体现组织机构的风采，性质。所以高校院系建立本院系美观，专业，易于维护管理的网站已经势在必行。本论文主要围绕数字媒体技术专业的门户网站为开发主题，最基本也是最必须的三个技能。前端的开发中，在页面的布局时，HTML将元素进行定义，CSS寸展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来这些很简单，但这里面需要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚，弄明白，这样在开发的过程中才会得心应手。分析并解决实现中的若干技术问题；介绍了个性化页面的背景及jsp+javascript+mysql系统的一般原理；阐述整个个性化页面生成系统的系统结构及工作原

13、理；分析了系统实现中的特殊性，难点和重点；设计实现用户注册，用户登录，用户管理等jsp页面。分析并解决实现中的若干技术问题；建立完整的校园网站，进行测试并分析结果。该网站有效地实现用户通过JSP页面访问来进行用户注册，登陆，并对网站内容进行有效的管理，提升了后期添加和删除信息的有效性，具有一定的应用价值关键字：JSP;用户登录；javascript;网站美化；交互设计。ABSTRACTThetwenty-firstCenturyistherapiddevelopmentofinformationage,workastheworldsmostpopularandmostconvenientmed

14、iaareincreasinglyaeptedbypeople.Alongwiththeinformationdevelopment,websitefunctionsbeyondthetraditionalinformationacquisition,municationwhichcanbetterreflecttheorganizationstyle,properties.Souniversitiesestablishthedepartments,professionalappearance,easymaintenanceandmanagementofthesitehasbeenimpera

15、tive.Thisthesismainlyfocusesondigitalmediatechnologymajorportalforthedevelopmentofthetheme,thethreemostbasicandnecessaryskills.Developmentofthefront,inthelayoutofthepage,HTMLwilldefinetheelements,positioningCSStodisplayelements,andthenthroughtheJavaScripttoachievethecorrespondingeffectandinteraction

16、.Althoughthesurfacelooksliketheseareverysimple,butitneedstograspthingsnever.Inthedevelopment,theneedfortheseconceptsclear,understand,sointhedevelopmentprocesswillbehandy.Themainworkdoneinthisarticleisasfollows:(1) IntroducesthebackgroundandgeneralprincipleofJSP+Javascript+MySQLsystempersonalizedpage

17、s;(2) Introducesthestructureandworkingprincipleoftheentirepersonalizationpageproductionsystem;analysisoftheparticularity,thedifficultyandkeysystem;user(3) Thedesignandimplementationofuserregistration,login,usermanagementandotherJSPpage.(4) Analyzeandsolvesometechnicalproblemsinimplementation;(5) The

18、establishmentofapletecampussite,testingandanalysis;ThesiteeffectivelyachievetheuserthroughtheJSPpageaesstouserregistration,login,andcarryoneffectivemanagementtothewebsitecontent,enhancetheeffectivenessofthelateadditionanddeletionofinformation,hasacertainapplicationvalue.Keywords:JSP;Userlogin;JavaSc

19、ript;WebsiteLandscaping;InteractionDesign目录摘要ABSTRACT第1章绪论.11.1 选题背景及意义11.2 国内外高校网站建设状况31.3 研究内容和拟解决的问题51.4 本章小结.6第2章前端开发工具及相关技术72.1 前端开发环境72.2 前端开发工具72.3 前端开发相关技术82.3.1 Javascript简介82.3.2 Javascript基本特点82.3.3 CSS简介92.3.4JQuery.92.4本章小结11第3章前端布局分析与设计123.1 前端总体开发流程及设计123.1.1 分层开发123.1.2 代码编写123.1.3 内

20、部测试与后续优化133.2 前端UI设计143.2.1 模块分布143.2.2 颜色配置15xx版毕业论文题目:响应式企业网站设计与实现学生姓名：罗智刚学号：120xx132专业班级：B12计算机科学与技术2班指导教师：李莉企业导师：林志宏二级学院：电气与信息工程学院摘要在信息高速发展的这个时代，网络作为现今最为方便快捷的媒介也越来越被人们接受，并且融入我们的生活。在xx年时，随着HTML5在国内的兴起，也在不断的推进着信息时代的发展，网站也逐渐脱离了传统的枯燥页面风格，如今的HTML*匕起以前的HTM序说，更容易维护和管理，而且还能实现跨平台开发，减少开发成本。本论文主要围绕写意集团的HTM

21、L5!向应式网站为开发主题，用到的也是最必备的三个技能元素，在布局页面时，用HTML各元素进行定义，布局基础布局；css对展示的HTM玩素布局进行定位渲染，然后利用Javascript或者jQuery实现相应的效果和交互。虽然这么看起来很简单，但这里需要认真了解的东西很多。在开发前，需要对这些概念弄清楚，在开发过程中还要考虑兼容，性能等各种问题。分析并解决实现中的若干技术问题：介绍企业官网个性化页面的背景及HTML印向应式布局的一般原理；阐述整个企业官网的结构及工作原理；分析实现中的难点和重点；关键词：HTML5;CSS3;响应式；javascript;网站美化；交互设计abstractInt

22、hiseraofrapiddevelopmentofinformationandworkasthemostconvenientmedianowincreasinglybeingaeptedandintegratedintoourlives.Inxx,withtheriseofHTML5nthecountry,hasalsobeenadvancingthedevelopmentoftheinformationage,thesiteisalsomovingawayfromthetraditionalboringpagestyle,andnowHTML5paredtothepreviousHTMLi

23、seasiertomaintainandmanagement,butalsotoachievecross-platformdevelopment,reducedevelopmentcosts.ThispapermainlyaroundFreehandGroupHTML5Responsivewebsitedevelopmenttopics,usedinthethreemostessentialelementsofskill,inthelayoutofthepage,usingHTMLtodefinetheelements,layoutbasiclayout;csstodisplayHTMLelementspositioninglayoutrendering,thenuseJavascriptorjQuerytoachievetheappropriateeffectsandinteractions.Althoughsuchlooksverysimple,buthereneedtounderstandalotofseriousthings.Beforedevelopment,theneedtoclarifytheseconceptsinthedevelopmentprocess,butalsoconsideravarietyofproblemswi