《郴州生态旅游网站设计与实现毕业设计论文.doc》由会员分享，可在线阅读，更多相关《郴州生态旅游网站设计与实现毕业设计论文.doc（23页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、毕 业 设 计毕业设计题 郴州生态旅游网站设计与实现 毕业设计类型产品设计 工艺设计 方案设计 姓名 班级 所属系部 物流信息系 专业 电子商务 指导教师 职称 完成时间 摘 要 随着世界各地经济的迅速发展，人们的生活水平已有了显著的提高，旅游渐渐成为人们消费的热点。很多地区也把旅游业当成当地经济发展的重要支柱之一，从而推动其它经济产业的发展速度。旅游网站成为了各大旅游胜地与旅行社对外宣传的一种不可缺少的工具，旅游网站对于旅游地的项目的开发和旅游胜地的宣传起着很大的作用。 郴州生态旅游网站设计的主要目的是宣传郴州的生态旅游业，通过网页宣传让人们了解到生态旅游的本质与特点。从而促进郴州生态旅游业
2、的发展。 设计的方法：本次网站设计采用Dreamweaver、Photoshop、flash等软件来进行设计与实现，Dreamweaver主要要来实现网站的基本框架和页面的布局，带给用户整体形象的体验。利用Photoshop进行页面图片的美化，给用户产生视觉上的美感。Flash实现网站页面的动画展示，丰富网站页面的内容，实现动态结合。郴州生态旅游网站导航栏包括：郴州生态旅游网站、旅游资讯、玩转郴州、线路推荐、交通指南、小贴士、联系我们。网站首页是网站的形象大使，从首页就可以了解到网站基本信息。 将郴州生态旅游的景点通过网页的形式展现出来，使其网页上的信息更加方便地传达到全球的目标客户群，从而促
3、进郴州生态旅游业的发展。 关键词：郴州生态旅游网、生态、Dreamweaver。目 录引 言1第1章 设计背景21.1网站设计目的21.2 网站建设需求分析41.3网站整体结构5第2章 前期准备72.1素材收集整理72.2 LOGO的设计82.3 栏目设计82.4 功能结构设计9第3章 网页设计制作93.1 页面设计结构图93.2 首页截图103.3 其他页面截图11第4章 调试运行144.1 网站调试及处理141.导航条的调试142.图片的调试153.内容调试154.2 网站运行15总结17致谢19参考文献22引 言随着全世界的信息向网络化的方向发展，随着时代的步伐行进，在世界上，英特网早已
4、不再是一种单纯的技术，从某种程度上讲，英特网早已彻底改变了人类的工作、学习、生活和娱乐的方式。中小型企业是我国国民的重要力量，越来越多的中小企业逐渐意识到建立企业网站的重要性以及品牌的价值，也逐渐意识到企业在互联网上所展示的形象以及产品服务介绍的重要性。好的网站设计，直接影响到该网站能否受到用户的欢迎，也影响到企业品牌和产品的推广。随着世界各地经济的迅速发展，人们的生活水平已有了显著的提高，旅游渐渐成为人们生活的方式以及消费的热点。很多地区也把旅游业当成当地经济发展的重要支柱之一，从而推动其它经济产业的发展速度。旅游网站是各大旅游胜地与旅行社对外宣传的一种不可缺失的工具，旅游网站对于旅游地的项
5、目的开发、旅游胜地的宣传起着很大的作用。 郴州生态旅游网站设计的主要目的是宣传郴州的生态旅游业，通过网页宣传让人们了解到生态旅游的本质与特点。从而促进郴州生态旅游业的发展。第1章 设计背景1.1网站设计目的1. 网站简介郴州生态旅游网站是以介绍郴州的生态旅游景区为目的而建设的网站。为了宣传郴州的生态旅游业，通过网页宣传的形式让人们了解到郴州生态旅游的景点与特点。从而促进郴州生态旅游业的发展。 2.建设原因郴州的生态旅游资源十分丰富，郴州市位于湖南省东南部，处于珠江水系与长江水系分流的地带、罗霄山脉与南岭山脉的交错地。古有：北瞻衡岳之秀，南峙五岭之冲。更是体现了从古至今郴州都是中原通往华南沿海的
6、咽喉。不仅仅是兵家必争之地，更是人文毓秀之所，更有林中之城，创享之都之称。郴州又名林城、福城，是湖南对接粤港澳的“南大门”，是国家级的湘南衔接产业转移的示范区。唐宋元明时，韩愈、李白、周敦颐、秦少游等诗人，便在郴州留下了千古绝句。秦少游的踏莎行郴州旅舍中“郴江本自绕郴山，为谁流下潇湘去”；周敦颐的爱莲说中“出污泥而不染，濯清莲而不妖”更是体现了郴州的山水风光。在上个世纪，郴州不仅有黄克诚、邓中夏、欧阳海、萧克等名人，并且郴州还是中国女排的“娘家”，并为我们国家赢得了五连冠的荣誉。“一山、一湖、一泉”便是郴州山水风光的精髓。莽山，被誉为“中国第二西双版纳”、“世界动植物基因库”，拥有南方红豆杉以
7、及莽山烙铁头蛇等百多种国家的重点保护动植物。东江湖，160平方公里的湖面微波荡漾，81.2亿立方米的湖水清澈见底，几十个岛屿更是点缀了东江湖的美，东江湖的湖水达到了国家一级饮用水的标准。东江湖景区内的主要景点有被称为亚太生态第一漂的东江漂流、有中华奇景之称的雾漫小东江、兜率灵岩溶洞、龙景峡谷等主要景点。随着全国各地经济的不断发展，人们的生活水平也有了显著的提高，旅游已成为人类消费的热点。旅游网站也就成为了旅行社和各旅游胜地不可缺失的对外宣传的工具，旅游网站对于旅游胜地的宣传和旅游地的其它项目的开发起着至关重要的作用。 3.设计目的随着全球信息向网络化方向发展，随着时代前进的步伐，因特网在世界上
8、已经不再是单纯的一种技术，从某种程度上讲，英特网早已彻底改变了人类的工作、学习、生活和娱乐的方式。在我国，中小型企业是我国国民的重要力量，越来越多的中小企业开始意识到品牌的价值与建立企业网站的重要性，也逐渐意识到企业在互联网上所展示的形象以及产品服务介绍的重要性。好的网站设计，直接影响到该网站能否受到用户的欢迎，也影响到企业品牌和产品的推广。随着世界各地经济的迅速发展，人们的生活水平已有了显著的提高，旅游渐渐成为人们消费的热点。很多地区也把旅游业当成当地经济发展的重要支柱之一，从而推动其它经济产业的发展速度。旅游网站成为了各大旅游胜地与旅行社一种不可缺失的对外宣传的工具，旅游网站对于旅游地的项
9、目的开发和旅游胜地的宣传起着很大的作用。郴州生态旅游网站设计的主要目的是宣传郴州的生态旅游业，通过网页宣传让人们了解到生态旅游的本质与特点。从而促进郴州生态旅游业的发展。1.2 网站建设需求分析随着国内旅游市场竞争日益激烈，作为全球竞争性行业，旅游业若想在激烈的市场竞争中获取有利地位，必须提高企业自身的竞争力。目前国际化，信息化市场以及企业竞争能力，它们的提高都离不开网络，旅游网站的建设与使用情况将直接影响到旅游企业的竞争能力。如今，几乎所有的旅游企业都建立了自己的网站，但网站的质量却参差不齐。 企业网站的形象直接影响着企业的品牌形象，企业拥有完善的网站功能可以为其的生产、经营、管理发挥积极作
10、用。目前企业网站主要具备以下主要功能：1.企业信息。网络是强有力的一种宣传工具，企业可以通过网站这一平台发布帮助树立企业形象，并有利于企业经营的信息。2.企业形象。优秀的网站是企业形象宣传的一种良好的手段，通过好的企业网站，企业的品牌形象可以在网上得到延伸。3.企业产品。通过静态的文本描述和动态的视频演示等方法，网络能够将产品的外观、功能和使用方法等生动且形象地展示给客户。4.互动。良好的顾客关系是企业经营的必要条件。在网站上建立留言板、社区等互动板块，与客户能够进行实时沟通。5.客户服务。客户服务于企业经营的成功与失败起着至关重要的作用，企业应该站在消费者的角度，想其所想，通过网络的方式为消
11、费者提供尽可能多的便利服务。6.网上调查。网络调企具有效率高、成本低的特点，是企业获得第一手市场信息的有效调查工具，企业可以通过在线调查等方式获得用户的反馈信息。7.电子交易。电子商务是发展的必然趋向，电子商务的核心就是电子交易，它可以削减交易的环节，降低交易的成本，功能完善的网站就应具备电子商务功能。8.招贤纳士。当今社会的竞争也就是人才的竞争，拥有一支强大的人才队伍，能够大大提高企业的竞争力，企业通过网络的方式发布企业招聘信息，招募各地的精英。旅游产品有着很强的艺术性、时代性与感染力，所以旅游企业建设的网站不单要考虑到网站的简易性，还要能够生动形象地展示出旅游的特色。1.3网站整体结构 网
12、站结构指的是网站内页面之间的层次关系，按其性质可以分为逻辑结构和物理结构。网站结构是衡量网站用户体验好坏的重要因素之。网站结构对网站搜索引擎的友好性以及用户体验有着非常重要的影响。简易清晰的网站结构可以帮助用户快速获取所需信息。 本网站可支持图文与动画混合编排，可以随意上传图片、附件、动画、视频等，且方便修改，删除，管理等，能在前台显现完整的资讯内容，全站可生成静态格式。具有完整性和实时性，可随时更新网站内容及信息。并且作为一个信息发布型的网站，主要突出的是郴州生态旅游景区以及旅游所涉及到的相关内容。网站规划包含很多的内容，比如：网站结构，栏目设置，网站风格，颜色搭配、版面布局以及文字及图片的
13、运用等，要将这些方面都考虑好才能制作网页，制作出来的网页才会有个性、有特色，且具有吸引力。依据该网站建设规律，本网站整体结构设计为：郴州生态旅游、旅游资讯、玩转郴州、线路推荐、 交通指南、小贴士、联系我们7个功能栏目。网站的结构图如下：郴州生态旅游网站郴州生态旅游旅游资讯玩转郴州线路推荐交通指南小贴士联系我们旅游资讯旅游节会政务要闻生态景区住宿美食行业资讯旅游购物图1.网站框架结构图第2章 前期准备2.1素材收集整理1.素材的收集1.通过网络查看一些优秀的旅游网站的页面风格（颜色、设计、版面布局）了解现有生态旅游网站的的一些设计特点 ，下载一些关于郴州旅游景区的小素材。 2.在网上下载一些符合
14、生态旅游这一主题的郴州景区图片。2.素材的制作把所收集的图片根据网站的风格进行裁剪、加工与优化。加入文字效果，通过PS设计最终效果，banner图跟景点图片详情的设计，首页的效果图设计，应用文字工具、颜色工具、魔棒工具等工具来进行处理与修改。然后用切片工具对整体首页进行合理的分割，实现页面的效果。3素材的整理网站所有内容都统一放置一个文件夹中并命名为毕业设计，在其子文件夹新建image文件夹、css样式文件夹、scripts文件夹。素材图片进行分类命名统一放在image文件夹中。2.2 LOGO的设计 logo是产品的标志，体现产品的内涵、公司文化、企业理念等。是现代经济的产物,它不同于古代的
15、印记,现代的标志承载着企业的无形资产,是企业综合信息传递的一种媒介。它能区别与其它企业,产品或服务,使受众对企业留下深刻的印象,从而提升logo设计的重要性. 本网站logo采用的是以橙色、黄色、绿色、蓝色四种颜色过渡组成的郴州的“郴”字和中文的“郴州生态旅游”组成，图形简洁清晰，采用无特殊含义的简洁而形态独特的抽象文字和图形。给人一种强烈的舒适感,突出郴州生态旅游的主题，引起人们的关注。 如下图：图2.logo2.3 栏目设计 栏目是整个网站的主要导航，能够让浏览者在第一时间领略到网站的特色与主旨。本网站是信息发布型的网站，主要是向浏览者展示信息，以图片和文字的形式向用户展示，给用户提供郴州
16、生态旅游方面的信息。网站的栏目主要分为两个部分。一是Logo，二便是导航条。网站的导航栏目可以让用户对网站的内容及信息一目了然。 本网站栏目及整体结构设计为：郴州生态旅游、旅游资讯、玩转郴州、线路推荐、 交通指南、小贴士、联系我们。2.4 功能结构设计 郴州生态旅游：主要有郴州简介、郴州旅游特色介绍、郴州历史文化介绍、郴州节庆活动介绍。旅游资讯：主要油旅游资讯、旅游节会、政务要闻和行业资讯组成，展示了该行业的相关动态。 玩转郴州：主要有生态景区、住宿、美食、旅游购物，展示了郴州旅游的内容。 线路推荐：推荐郴州旅游景点的部分线路 交通指南：介绍了郴州的交通，以及郴州地图展示。小贴士：介绍了郴州的
17、最佳旅游时间以及一些旅游的小常识。联系我们：留有QQ在线咨询、邮箱，方便浏览者联系。第3章 网页设计制作3.1 页面设计结构图 首页由图片轮播、导航、郴州生态旅游、旅游资讯、玩转郴州、线路推荐、 交通指南、小贴士、联系我们组成，图片轮播是网页的中心旨意的体现，表达了网站最主要的内容。导航可以使用户方便地访问到想要浏览的内容，是用户浏览网站时可以快速从一个页面跳转到另一个页面的快捷通道。 为了使网站的结构更加的清晰,网站的文件名是以英文和汉语拼音命名的，这样便于记忆，便于推广,使用明确的网站导航，查找相关的内容就非常简单和方便。 本网站整体结构设计为：郴州生态旅游、旅游资讯、玩转郴州、线路推荐、
18、 交通指南、小贴士、联系我们。玩转郴州 wanzhuanchenzhou.html首页 index.html郴州生态旅游旅游资讯 lvyouzixun.html线路推荐 xianlutuijian.html交通指南 jiaotongzhinan.html小贴士 xiaotieshi.html联系我们lianxiwomen.html图3.设计结构图3.2 首页截图郴州生态旅游网站导航栏包括：郴州生态旅游网、旅游资讯、玩转郴州、线路推荐、交通指南、小贴士、联系我们，首页运用静态和动态相结合布局成整个网站的首页，运用动画来实现了首页图片轮播的动态效果。首页截图：图4.首页截图 郴州生态旅游：主要有郴
19、州简介、郴州旅游特色介绍、郴州历史文化介绍、郴州节庆活动介绍。3.3 其他页面截图旅游资讯：图5.旅游资讯截图旅游资讯：主要有旅游资讯、旅游节会、政务要闻以及行业资讯，展示了该行业的资讯信息和相关动态。玩转郴州：图6.玩转郴州截图 玩转郴州：主要有生态景区、住宿、美食、旅游购物，展示了郴州旅游的内容。线路推荐：图7.旅游资讯截图 线路推荐：推荐郴州旅游景点的部分线路。交通指南：图8.旅游资讯截图 交通指南：介绍了郴州的交通，以及郴州地图展示。小贴士：图9.旅游资讯截图小贴士：介绍了郴州的最佳旅游时间以及一些旅游的小常识。联系我们：图10.旅游资讯截图联系我们：留有QQ在线咨询、邮箱，方便浏览者
20、联系。第4章 调试运行4.1 网站调试及处理1.导航条的调试 导航条体现了用户在一个页面内操作的方式，实现了不同的页面之间的跳转，在一个页面放置太多的信息往往起到的是相反的作用。网站的用户趋向于目地驱动，根据网站的导航，看是否有自己所需要了解的信息，如果没有，就会很快离开。很少有用户愿意花时间去熟悉网站，因此，网站导航帮助要尽可能地准确，在网站设计的过程中也出现过导航链接页面错误的行为，最后发现问题的所在，由于设计过程中更改了放置网页的文件夹名称，本网站部分页面是使用模板实现，所以文件夹名称改变，导航条的链接页面也跟着出现了问题。2.图片的调试 通过浏览页面，发现页面图片的偏移现象，经过反复的
21、调整，图片已正确显示，偏移、变形的现象已经不再出现。图片不应过大，而应该尽可能的小，但又不会影响到页面的美观，这样可以节省空间。3.内容调试 内容调试可以检测网站提供信息的准确性和相关性。经过核对，页面显示内容和设计的保持一致，有部分字体布局稍微有些偏差但也不影响页面的整体形象。4.2 网站运行1.IIS安装IIS（Internet Information Services，互联网信息服务），是由微软公司提供的基于运行Microsoft Windows的互联网的基本服务。IIS安装步骤：开始设置控制面板添加和删除程序添加/删除Windows组件弹出一个【Windows组件向导】的对话框，如下图
22、： 配置成功后在搜索栏输入：http:/localhost出现下图即为验证IIS安装成功。2.IIS运行访问127.0.0.1tqj后成功显示出首页的截图如下：总 结大学生涯不仅仅是我人生路上的一小段，更是难忘的一段，它充满了青春的汗水和收获，为我今后走向社会起着至关重要的作用。 我的毕业设计，从最初的选题到最终页面的实现，几乎都是自己独立完成的。从搜集素材到网页设计的实现，我所用到的软件主要有dreamweaver、photoshop、flash等，并加入了JavaScript脚本语言。在网站设计过程中，从网站的最初选题到内容的设计以及编码，我都力求规范化，努力将自己所学到的知识运用到本次毕
23、业设计网站的建设中，尽量做到顺利完成这次的毕业设计，为自己的大学生涯，为这三年的努力画上一个完美的句号。实事求是，脚踏实地是我的学习态度，坚持不懈、吃苦耐劳的精神是我在这次毕业设计中最大的收获。在我看来，这是对我实际能力的一次提升，也是一次意志的磨练。在我未来的学习、生活和工作有很大的帮助。 这次毕业设计使我和同学的关系也更进一步了，同学、朋友之间相互帮助，不懂的地方大家在一起商量，解决，每个人的不同的看法让我们更好的理解知识，学到更多，所以在这里非常感谢帮助我的同学。 在此更要感谢陪伴了我们三年的专业老师们，你们的教导、知识的传授和关怀，是我能够顺利的完成毕业设计和论文的有力支柱。在我们的大
24、学生涯里，倾注着老师们辛勤的汗水和心血。老师们严谨的治学态度、无私的奉献精神使我很感动也深受启迪。从老师身上，我学到的不仅仅是专业知识，同时也学到了许多做人的道理。在此，我要向我的老师们致以深深的敬意和我最衷心的感谢。即将毕业，工作正在筹备中，在以后的道路上希望自己能把毕业设计的知识运用到工作岗位中，同时也希望答辩能够顺利通过，希望在未来的工作中兢兢业业，不怕吃苦，耐心，细心完成每一件事，要有目标，有奋斗的方向。致 谢光阴似箭，白驹过隙。转眼间三年的大学生活即将结束，在物流学院的三年时光里，首先要感谢我的毕业设计指导老师，我的毕业论文是在刘宁老师的大力支持和精心指导下完成的，他给了我深深的启迪
25、，他严谨的教学态度和敬业精神深深的感染着我，对我今后的工作与学习产生了深远的影响，在此我向他表示深深的谢意。他在我的毕业设计整个网站建设的过程中和论文的完成给了我极大的支持与帮助，在此，谨向我的指导老师刘宁老师致以我最衷心的感谢。这三年来，感谢学院物流信息系的老师对我的教导，对我专业技能及专业思维的培养，他们在我学习上的细心指导，为我今后的工作和学习打下良好的基础，在这里我向教导过我的老师们深深的鞠上一躬！古语云：“明师之恩，诚为过于天地，重于父母”，对老师们的感激我无法用言语表达，在此我向各位老师们致以最真诚的谢意和最崇高的敬意！感谢这三年来我的朋友们以及电商班的四十多位同学对我学习、生活以
26、及工作上的支持和关心。三年来我们真心相待，和睦共处。这三年来，一路上有你们的欢声笑语，三年来的陪伴，我的大学生活才精彩，充足。马上就要各奔前程了，祝愿大家都有好的前途，就算今后的人生路上，失败也都不要灰心，你们的背后还有电商班这个大家庭！特别是要感谢我们宿舍的同伴，是你们总是在学习和生活上帮助我，在我失败的时候鼓励我。最后，再次感谢我的指导老师，是你从大一开始就教导我学习还是要多记、多进行实际操作，是你让我觉得大学老师还是这么爱岗敬业的。毕业设计和毕业论文就这样接近尾声了，我的大学生活也将随之即将结束。在这期间，我付出了很多，也收获了很多，现在回想起来真的有很多的感受和体验。20参考文献1郑望
27、平.网页设计中色彩运用与研究.中国美术学院出版社.2012.52漆海霞.DIV+CSS技术在网站页面设计中的应用.中国石化出版社.2011.103金晓雪.计算机软件技术基础课程建设.化学工业出版社.2012.94张珊、黄超等编著.PhotoshopCS5项目教程.湖北科学技术出版社.2013.65马增友主编.Photoshop图像处理技术应用.清华大学出版社.2010.11 6马美英主编. Flash动画个性设计.机械工业出版社.2013.77祝种谷主编.网页制作技巧教学实现.清华大学出版社.2013.28张晓蕾主编.网页设计与制作案例教程.清华大学出版社.2013.49李雪瑗著.基于Flash技术的精品课程网站设计与实现.山东师范大学.2012.910李东博著.dreamweaver+flash+photoshop.网页设计入门到精通.清华大学出版社.2010.11