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

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

《旅游网站前端的设计与实现.doc》由会员分享，可在线阅读，更多相关《旅游网站前端的设计与实现.doc（75页珍藏版）》请在冰豆网上搜索。

云南财经大学

学生毕业论文（设计）

题目：

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

院（系）：

中华职业学院

专业：

计算机科学与技术

班级：

网络12-1

学号：

201205004650

论文作者：

孔丹

指导教师：

邓平

指导教师职称：

副教授

2015年2月

云南财经大学

本科毕业论文（设计）原创性及知识产权声明

本人郑重声明：

所呈交的毕业论文（设计）是本人在导师的指导下取得的成果。

对本论文（设计）的研究做出重要贡献的个人和集体，均已在文中以明确方式标明。

因本毕业论文（设计）引起的法律结果完全由本人承担。

本毕业论文（设计）成果归云南财经大学所有。

特此声明

毕业论文（设计）作者签名：

作者专业：

计算机科学与技术

作者学号：

201205004650

2016年2月15日

III

摘要

在21世纪这个信息高速发达的时代，网络可谓是当今社会最流行、最方便、最快捷的交流媒介，当然这样便捷的媒介也受到越来越多年轻人和很多商业人士的喜爱，随之而来的就是慢慢的融入我们的生活，让很多人通过这个媒介去了解更多的商业信息。

众所周知，随着人们生活条件的不断改善，生活品质与追求的不断提升，旅游类的网站也在不断的更新和发展，现今，网站已不再是信息的简单公布与展示，对于人们来讲，已完全脱离了单方面获取的性质，更多的是体现组织机构的风采，性质。

所以旅游类的网站对现在的发展已经势在必行。

这篇论文主要集中讲述旅游网站的设计与实现，在旅游网站前端的设计中，

页面的布局时，我们利用HTML将元素进行定义，然后利用CSS对展示的元素进行定位，最后通过JavaScript实现我们想要的效果和交互。

这些内容可能表面看起来很简单，可这里面需要掌握的东西绝对不会少。

在进行设计前，我们必须对这些概念弄清楚和弄明白，只有这样在设计的过程中,我们才会感觉得心应手。

在设计的过程中，我们首先应该分析并解决实现中的若干技术问题；介绍了个性化页面的背景；了解整个个性化页面生成系统的系统结构及工作原理；分析了系统实现中的特殊性，难点和重点；现在我还没有设计用户注册，用户登录，用户管理，可我会把自己设计的这个旅游网站以一种简单明了的方式向大家展现出旅游的各个方面。

并在设计中解决实现中的若干技术问题；努力建立完整的旅游网站，进行测试并分析结果。

我做的这个旅游网站具有一目了然的特性，能让本地区的人们了解更多的旅游资料，更能让世界各地的人了解一些地区的明文风景。

当然美中不足就是该旅游网站还存在一些问题，如网站的留言系统、用户注册、用户登录没建立等等。

这些问题和功能有待于进一步学习和添加。

关键词：

网站设计HTMLCSSjavaScriptJQuery

Abstract

Abstract

Intheeraofthe21stcentury,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.Andresolvetoachieveanumberoftechnicalissuesinthedesign;tobuildtheoveralltourismwebsite,testingandanalysis.

Idothistourismwebsitehasaclearcharacteristic,canletthepeopleoftheregiontounderstandmoretravelinformation,morecanletpeoplearoundtheworldunderstandsomeareasoftheplaintext.

Certainlyflyintheointmentisthatthetourismwebsitesalsoexistsomeproblems,suchaswebsitemessagesystem,userregistration,userloginisnotestablished,andsoon.Theseproblemsandfunctionneedstobeaddedtofurtherstudyand.

Keywords:

websitedesignCSS,HTML,javascriptandJQuery

目录

目录

本科毕业论文（设计）原创性及知识产权声明 I

摘要 II

Abstract III

一、绪论 1

（一）引言 1

（二）旅游网站发展现状 1

1.我国旅游网站发展概述 1

2.网站分类 2

3.网站构建立中存在的问题 3

（三）选择做旅游网站的目的与意义 4

二、网站建设的各种语言的介绍 5

（一）HTML 5

1.HTML语言介绍 5

2.HTML的基本结构 6

（二）DIV+CSS 6

1.div+css简介 6

2.div+css样式表简介 7

3.div+css布局的优点 8

4.div+css布局方式 9

5.div+css理论概述 10

（三）Javascript 10

1.Javascript简介 10

2.Javascript加入网页的两种方法 11

三、开发工具和开发技术简介 13

（一）理想网页的编制者---Dreamweaver 13

（二）图像，图像编辑和设计软件---PS图象处理软件 14

（三）动画设计软件---flash 15

1.falsh特性 15

2.主文件格式 15

四、需求分析 17

（一）网站系统分析 17

（二）功能性需求分类 17

（三）非功能性需求 18

1.用户界面需求 18

2.软硬件环境需求 18

3.网站质量需求 18

五、旅游网站的规划与设计 20

（一）网站功能分析 20

（二）整体风格设计 20

1.页面属性设计 20

2.色彩搭配 21

3.连接效果 21

六、网站开发过程及实现 24

（一）首页设计 24

1.首页顶部设计 25

2.导航栏和LOGO设计 26

3.首页主要内容设计 27

（二）其余页面的设计 35

1.宣宣景点页面设计 35

2.私人专线页面设计 40

3.旅游路线页面设计 43

4.室外桃源页面设计 48

5.宣威景点页面设计 53

（三）最终效果图 59

1.首页效果图 59

2.宣宣景点效果图 59

3.私人专线效果图 60

4.景点选择效果图 60

5.世外桃源效果图 61

（四）兼容方案 61

1.在