启示旅游”网站开发
【key word】Revelation Tourism、Tourism website、Cultural touris 目录
一、引言 1
（一）开发背景 1
（二）选题意义 1
（三）设计目标 1
二、网站需求分析 1
三、网站总体设计 2
四、网站具体设计与实现 3
（一）“首页”设计 3
（二）“美食”、“苏南美食”、“油炸”页面设计 4
（三）“风景”、“苏北风景”页面设计 4
（四）“文化旅游”、“苏中文化旅游”和“茶文化”页面设计 5
（五）“旅游攻略”页面设计 6
（六）“注册”页面设计 7
（七）“订票”页面设计 7
（八）其他页面设计 8
五、特效设计 8
（一）CSS3效果 8
（二）JS效果 10
五、总结 20
六、致谢 21
七、参考文献 21
一、引言
（一）开发背景
改革开放以来，人们生活水平不断提高，在人们衣食无忧的同时，旅游也成为了很多人的首选乐趣。但他们现在面临的问题是：我该去哪旅游？有人说去人多的地方旅游，人多的地方一定是好去处；有的人说去旅游等级高的景区旅游，这些地方一定比其他地方好；但有的人不喜欢人多，只想一个人静静地欣赏风景；有的人不想花钱，只想花少的钱旅游多的地方；有的人早就有旅游的想法，但一直不知道去哪里，左挑右挑最后还是放弃了这个想法旅游不是一件简单的事情。
（二）选题意义
本课题的研究内容为设计并制作一个旅游网站，主要针对自驾游的朋友和学生游客，给他们提供旅游攻略方法，给他们的旅游观念提供启示，比如说针对他们各自不同的需求提供合适的旅游路线，给他们采购旅游装备提供参考，告诉他们一些自救常识等等。
此外，中华民族的传统文化历久弥新，为让成长在新世纪的年轻一代更多地接受到民族文化的熏陶，本站将会专设一个宣传各地传统文化的特色栏目，推荐游客在文化节日之时参观，这样既能观看景点也能了解文化，让游客融入到文化之中。比如说茶文化、花卉文化、古曲文化、棋
*好棒文|www.hbsrm.com +Q: ^3^5^1^9^1^6^0^7^2^*
略方法，给他们的旅游观念提供启示，比如说针对他们各自不同的需求提供合适的旅游路线，给他们采购旅游装备提供参考，告诉他们一些自救常识等等。
此外，中华民族的传统文化历久弥新，为让成长在新世纪的年轻一代更多地接受到民族文化的熏陶，本站将会专设一个宣传各地传统文化的特色栏目，推荐游客在文化节日之时参观，这样既能观看景点也能了解文化，让游客融入到文化之中。比如说茶文化、花卉文化、古曲文化、棋艺文化等等。
（三）设计目标
本课题研究的内容是给想旅游的人提供旅游启示。导航包括首页、美食、风景、自助旅游、推荐线路、旅游攻略、文化旅游、旅游器材、留言板和关于我们。美食、风景、自助旅游和文化旅游页面会针对苏北地区、苏中地区和苏南地区三个区域分别介绍旅游景点。本站属于静态网站，DIV+CSS和JS、JQ，趋向于html5、css3和javascript的运用。
二、网站需求分析
本网站是启示旅游，目的就是要给游客启示，既然要给游客启示，就要在网站中添加充分的旅游信息，要添加游客想要知道的东西，旅游城市排行榜 、旅游最新资讯、美食推荐、风景推荐、旅游攻略、推线线路、自助免费线路、旅游器材的选购、文化旅游介绍等等。
启示旅游网站主要包括首页、美食、风景、自助旅游、推荐线路、旅游攻略、文化旅游、旅游器材、留言板和关于我们。二级菜单会进一步把一级菜单细化，美食、风景、文化旅游栏从两个类型五个方面全面介绍省内旅游，以达到给人启示的目的。下面来看看大纲，如图2-1。
图2-1 本站大纲
三、网站总体设计
网站以蓝色和白色为主色调，简单清新，让人一目了然。整个网站中，呈现出两种布局。首页、美食、风景、自助旅游、旅游攻略、推荐线路、旅游器材、留言板、关于我们和注册、订票、天目湖详细、天目湖订票页面的布局图3-1所示。
Logo
登录、注册、时钟
广告
导航
网站主体内容
友情链接、版权
图3-1 部分页面网站布局
文化旅游、苏中文化旅游和茶文化页面的布局如图3-2所示。
Logo
登录、注册、时钟
广告
导航
网站主体内容
添加内容
友情链接、版权
图3-2 文化旅游等页面网站布局
四、网站具体设计与实现
（一）“首页”设计
1.总体设计
整个页面分为header层、banner层、content层和、footer层。
Header层分为左、中、右三个部分，左边是导航，中部分为上部和下部，上部是“登录”、“注册”和“订票”的链接、搜索框，下部是动态时钟，右侧是广告图片。
Banner层分为左右两个部分，左边是“景点分类”“四月排行榜”版块，右侧是大屏广告版块。
Content层分为“最新旅游资讯”、“旅游攻略”、“诗意旅游”和选项卡四个部分。
Footer层分为上下两个部分。上部分为“友情链接”、“合作网站”和“分享”三个版块，下部是版权部分。
网站首页效果如图4-1。
图4-1 首页效果图
2.logo设计
网站logo外面用黑色描边，中间用蓝色填充，整体是波浪效果。见图4-2。
图4-2 网站logo
（二）“美食”、“苏南美食”、“油炸”页面设计
1.整体设计
“美食”页面和“苏南美食
一、引言 1
（一）开发背景 1
（二）选题意义 1
（三）设计目标 1
二、网站需求分析 1
三、网站总体设计 2
四、网站具体设计与实现 3
（一）“首页”设计 3
（二）“美食”、“苏南美食”、“油炸”页面设计 4
（三）“风景”、“苏北风景”页面设计 4
（四）“文化旅游”、“苏中文化旅游”和“茶文化”页面设计 5
（五）“旅游攻略”页面设计 6
（六）“注册”页面设计 7
（七）“订票”页面设计 7
（八）其他页面设计 8
五、特效设计 8
（一）CSS3效果 8
（二）JS效果 10
五、总结 20
六、致谢 21
七、参考文献 21
一、引言
（一）开发背景
改革开放以来，人们生活水平不断提高，在人们衣食无忧的同时，旅游也成为了很多人的首选乐趣。但他们现在面临的问题是：我该去哪旅游？有人说去人多的地方旅游，人多的地方一定是好去处；有的人说去旅游等级高的景区旅游，这些地方一定比其他地方好；但有的人不喜欢人多，只想一个人静静地欣赏风景；有的人不想花钱，只想花少的钱旅游多的地方；有的人早就有旅游的想法，但一直不知道去哪里，左挑右挑最后还是放弃了这个想法旅游不是一件简单的事情。
（二）选题意义
本课题的研究内容为设计并制作一个旅游网站，主要针对自驾游的朋友和学生游客，给他们提供旅游攻略方法，给他们的旅游观念提供启示，比如说针对他们各自不同的需求提供合适的旅游路线，给他们采购旅游装备提供参考，告诉他们一些自救常识等等。
此外，中华民族的传统文化历久弥新，为让成长在新世纪的年轻一代更多地接受到民族文化的熏陶，本站将会专设一个宣传各地传统文化的特色栏目，推荐游客在文化节日之时参观，这样既能观看景点也能了解文化，让游客融入到文化之中。比如说茶文化、花卉文化、古曲文化、棋
*好棒文|www.hbsrm.com +Q: ^3^5^1^9^1^6^0^7^2^*
略方法，给他们的旅游观念提供启示，比如说针对他们各自不同的需求提供合适的旅游路线，给他们采购旅游装备提供参考，告诉他们一些自救常识等等。
此外，中华民族的传统文化历久弥新，为让成长在新世纪的年轻一代更多地接受到民族文化的熏陶，本站将会专设一个宣传各地传统文化的特色栏目，推荐游客在文化节日之时参观，这样既能观看景点也能了解文化，让游客融入到文化之中。比如说茶文化、花卉文化、古曲文化、棋艺文化等等。
（三）设计目标
本课题研究的内容是给想旅游的人提供旅游启示。导航包括首页、美食、风景、自助旅游、推荐线路、旅游攻略、文化旅游、旅游器材、留言板和关于我们。美食、风景、自助旅游和文化旅游页面会针对苏北地区、苏中地区和苏南地区三个区域分别介绍旅游景点。本站属于静态网站，DIV+CSS和JS、JQ，趋向于html5、css3和javascript的运用。
二、网站需求分析
本网站是启示旅游，目的就是要给游客启示，既然要给游客启示，就要在网站中添加充分的旅游信息，要添加游客想要知道的东西，旅游城市排行榜 、旅游最新资讯、美食推荐、风景推荐、旅游攻略、推线线路、自助免费线路、旅游器材的选购、文化旅游介绍等等。
启示旅游网站主要包括首页、美食、风景、自助旅游、推荐线路、旅游攻略、文化旅游、旅游器材、留言板和关于我们。二级菜单会进一步把一级菜单细化，美食、风景、文化旅游栏从两个类型五个方面全面介绍省内旅游，以达到给人启示的目的。下面来看看大纲，如图2-1。
图2-1 本站大纲
三、网站总体设计
网站以蓝色和白色为主色调，简单清新，让人一目了然。整个网站中，呈现出两种布局。首页、美食、风景、自助旅游、旅游攻略、推荐线路、旅游器材、留言板、关于我们和注册、订票、天目湖详细、天目湖订票页面的布局图3-1所示。
Logo
登录、注册、时钟
广告
导航
网站主体内容
友情链接、版权
图3-1 部分页面网站布局
文化旅游、苏中文化旅游和茶文化页面的布局如图3-2所示。
Logo
登录、注册、时钟
广告
导航
网站主体内容
添加内容
友情链接、版权
图3-2 文化旅游等页面网站布局
四、网站具体设计与实现
（一）“首页”设计
1.总体设计
整个页面分为header层、banner层、content层和、footer层。
Header层分为左、中、右三个部分，左边是导航，中部分为上部和下部，上部是“登录”、“注册”和“订票”的链接、搜索框，下部是动态时钟，右侧是广告图片。
Banner层分为左右两个部分，左边是“景点分类”“四月排行榜”版块，右侧是大屏广告版块。
Content层分为“最新旅游资讯”、“旅游攻略”、“诗意旅游”和选项卡四个部分。
Footer层分为上下两个部分。上部分为“友情链接”、“合作网站”和“分享”三个版块，下部是版权部分。
网站首页效果如图4-1。
图4-1 首页效果图
2.logo设计
网站logo外面用黑色描边，中间用蓝色填充，整体是波浪效果。见图4-2。
图4-2 网站logo
（二）“美食”、“苏南美食”、“油炸”页面设计
1.整体设计
“美食”页面和“苏南美食
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/2550.html
