旅游网站前端的设计与实现

云南财经大学学生毕业论文（设计）题目：旅游网站前端的设计与实现院（系）：中华职业学院专业：计算机科学与技术班级：网络12-1学号：201205004650论文作者：孔丹指导教师：邓平指导教师职称：副教授2015年2月本科毕业论文（设计）原创性及知识产权声明I云南财经大学本科毕业论文（设计）原创性及知识产权声明本人郑重声明：所呈交的毕业论文（设计）是本人在导师的指导下取得的成果。对本论文（设计）的研究做出重要贡献的个人和集体，均已在文中以明确方式标明。因本毕业论文（设计）引起的法律结果完全由本人承担。本毕业论文（设计）成果归云南财经大学所有。特此声明毕业论文（设计）作者签名：作者专业：计算机科学与技术作者学号：2012050046502016年2月15日摘要II摘要在21世纪这个信息高速发达的时代，网络可谓是当今社会最流行、最方便、最快捷的交流媒介，当然这样便捷的媒介也受到越来越多年轻人和很多商业人士的喜爱，随之而来的就是慢慢的融入我们的生活，让很多人通过这个媒介去了解更多的商业信息。众所周知，随着人们生活条件的不断改善，生活品质与追求的不断提升，旅游类的网站也在不断的更新和发展，现今，网站已不再是信息的简单公布与展示，对于人们来讲，已完全脱离了单方面获取的性质，更多的是体现组织机构的风采，性质。所以旅游类的网站对现在的发展已经势在必行。这篇论文主要集中讲述旅游网站的设计与实现，在旅游网站前端的设计中，页面的布局时，我们利用HTML将元素进行定义，然后利用CSS对展示的元素进行定位，最后通过JavaScript实现我们想要的效果和交互。这些内容可能表面看起来很简单，可这里面需要掌握的东西绝对不会少。在进行设计前，我们必须对这些概念弄清楚和弄明白，只有这样在设计的过程中,我们才会感觉得心应手。在设计的过程中，我们首先应该分析并解决实现中的若干技术问题；介绍了个性化页面的背景；了解整个个性化页面生成系统的系统结构及工作原理；分析了系统实现中的特殊性，难点和重点；现在我还没有设计用户注册，用户登录，用户管理，可我会把自己设计的这个旅游网站以一种简单明了的方式向大家展现出旅游的各个方面。并在设计中解决实现中的若干技术问题；努力建立完整的旅游网站，进行测试并分析结果。我做的这个旅游网站具有一目了然的特性，能让本地区的人们了解更多的旅游资料，更能让世界各地的人了解一些地区的明文风景。当然美中不足就是该旅游网站还存在一些问题，如网站的留言系统、用户注册、用户登录没建立等等。这些问题和功能有待于进一步学习和添加。关键词：网站设计HTMLCSSjavaScriptJQueryAbstractIIIAbstractIntheeraofthe21stcentury,theinformationhighspeeddevelopment,thenetworkcanbedescribedasisthemostpopularintoday'ssociety,themostconvenient,themostefficientmediumofcommunication,ofcourse,suchaconvenientmediumhasalsobeenmoreandmoreyoungpeopleandmanybusinesspeople'sfavorite,followedbyisslowlyintoourlives,letalotofpeoplethroughthemediatounderstandmorebusinessinformation.Asisknowntoall,withthepeople'slivingconditionscontinuetoimprove,thepursuitofqualityoflifeandthecontinuousimprovementof,tourismwebsitealsoinconstantlyupdatinganddevelopment.Today,thesiteisnolongersimplypublishanddisplayofinformation,intermsofthepeople,hasbeencompletelyoutoftheunilateralacquisitionofnature,moreistoreflecttheeleganceoftheorganizationnature.Sotourismwebsiteofdevelopmentnowisimperativeunderthesituation.Thispapermainlyfocusesonthedesignandimplementationofthetourismwebsite,inthedesignofthefrontendofthetourismwebsite,Thelayoutofthepage,weuseHTMLelementsofthedefinition,andthenuseCSStodisplayelementstopositioning.Finally,wewanttheeffectandinteractionisrealizedthroughJavaScript.Thesecontentsmaysurfaceappearstobeverysimple,thereisneedtomastersomethingabsolutelyisnotless.Beforedesign,wemustontheseconceptstofigureoutandunderstand.Onlyinthiswayintheprocessofdesign,wewillfeelhandy.Inthedesignprocess,firstofall,weshouldanalyzeandsolvesometechnicalproblemsinimplementationofthe;thepersonalizedpagebackground;understandingentirepersonalizationpageproductionsystemsystemstructureandworkingprinciple;analysisoftheparticularityofthesystemimplementation,theemphasisanddifficulty;nowIhaven'tdesigneduserregistration,userlogin,usermanagement,Iwilltodesignedthetourismsiteinastraightforwardwaytoyoushowallaspectsoftourism.AbstractIVAndresolvetoachieveanumberoftechnicalissuesinthedesign;tobuildtheoveralltourismwebsite,testingandanalysis.Idothistourismwebsitehasaclearcharacteristic,canletthepeopleoftheregiontounderstandmoretravelinformation,morecanletpeoplearoundtheworldunderstandsomeareasoftheplaintext.Certainlyflyintheointmentisthatthetourismwebsitesalsoexistsomeproblems,suchaswebsitemessagesystem,userregistration,userloginisnotestablished,andsoon.Theseproblemsandfunctionneedstobeaddedtofurtherstudyand.Keywords:websitedesignCSS,HTML,javascriptandJQuery目录V目录本科毕业论文（设计）原创性及知识产权声明............................I摘要..............................................................IIAbstract..........................................................III一、绪论...........................................................1（一）引言......................................................1（二）旅游网站发展现状..........................................11.我国旅游网站发展概述.......................................12.网站分类...................................................23.网站构建立中存在的问题.....................................3（三）选择做旅游网站的目的与意义................................4二、网站建设的各种语言的介绍.......................................5（一）HTML.....................................................51.HTML语言介绍..............................................52.HTML的基本结构............................................6（二）DIV+CSS..................................................61.div+css简介...............................................62.div+css样式表简介.........................................73.div+css布局的优点.........................................84.div+css布局方式...........................................95.div+css理论概述..........................................10（三）Javascript...............................................101.Javascript简介...........................................102.Javascript加入网页的两种方法.............................11三、开发工具和开发技术简介........................................13（一）理想网页的编制者---Dreamweaver...........................13（二）图像，图像编辑和设计软件---PS图象处理软件...............14目录VI（三）动画设计软件---flash.....................................151.falsh特性...............................................152.主文件格式...............................................15