连云港旅游网站设计毕业设计说明书
目录
一、引言 1
（一）课题研究背景 1
（二）课题开发目的和开发意义 1
二、开发技术和工具 2
（一）、DIV+CSS技术 2
（二）、PHOTOSHOP 2
（三）、MACROMEDIA DREAMWEAVER8 2
（四）、JavaScript脚本语言 2
三、连云港旅游网站的设计 2
（一）网站总体设计 2
（二）网站页面结构设计 3
1、网站首页设计 4
2.网站首页页面功能图 5
5. 网站首页中间部分上面 7
6. 网站首页中间部分下面 8
7. 首页滚动图片设计 10
8. 网站首页的底部 10
9、背景音乐设计 11
四、网站子页设计 12
（一）二级子页：旅游景点 12
（二)二级子页：宾馆饭店 14
（三)二级子页：关于我介绍 16
（四）三级子页：如家酒店详细介绍 17
1.如家快捷酒店详情介绍 17
2.美蓉套蟹详情页面介绍 19
（五）三级子页：旅游详情详细介绍 21
1.东海景点详情介绍 21
2.花果山景点详情介绍 22
五、网站的测试与问题解决 25
六、总结 26
七、致谢 27
八、参考文献 28
一、引言
（一）课题研究背景
从改革开放一来，普通民众的生活也有了已从原来的温饱都解决不了变 *好棒文|www.hbsrm.com +Q: 3_5_1_9_1_6_0_7_2
成了小康生活，简单的衣食住行已经没法满足人民的需求了，大数普通民众在节假期喜欢结伴成群的去旅游景点，享受新世纪的生活了。旅游行业在这几年的发展趋势越来越好。
但是经常有人高高兴兴的去旅游，途中会碰到各种问题，比如跟团被到有宰，自驾游不识路，千辛万苦的到了还被本地的不良商家宰，以及当地的天气变化不熟悉等，导致自己的衣物带的不合适等。所以做个旅游网站，让大家一起交流和查找当地旅游的感受，这样可以帮普通游客解决一些基本的问题。
（二）课题开发目的和开发意义
在如今的新世纪，基本上大部分人都会上网查找自己相关的资料，不会像90年代，不知道上网是什么意思的。现在的学生有问题或者工作上问题，有事没事都喜欢在百度搜索。所以，做个连云港的网站能够让大家更方便的了解和欣赏这座美丽的城市。
连云港这个网站主要推荐了当地的旅游景点,和实惠的宾馆饭店产所,以及推荐了当地的特色产品，和正规的休闲娱乐,以及各个旅游景点的交通路线和乘坐时间，让大家出门后来到这，吃好玩好，同时也避免花钱的时候被坑。
二、开发技术和工具
（一）、DIV+CSS技术
DIV+CSS是WEB设计标准，它是一种网页的布局方法。与传统中通过表格（table）布局定位的方式不同，它可以实现网页页面内容与表现相分离。而且网站运行加载速度也会逐渐加载，不会和表格一样，加载不完整就一直不出来，用户体验的感觉更好。
（二）、PHOTOSHOP
Photoshop是一款很强大的处理相片的软件，熟练应用的话可以让网站看起来很有美感，比如做这个家乡介绍网站的时候，先用ps画了个大概的草图布局，然后排版好大致的框架，对需要用到的那些图片做处理。然后再用Editplus来编写Photoshop设计好的排版。
（三）、MACROMEDIA DREAMWEAVER8
DreamweaverAdobe是一款集网页制作和管理网站于一身的所见即所得网页编辑器，DreamweaverCS5是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。不过本网站的代码是纯手写的，DreamweaverAdobe这个工具暂时就起到了检验代码的功能。
（四）、JavaScript脚本语言
JavaScript是一种网络脚本语言，可以在html页面里写各种各样的动态效果，如图片的切换，和淘宝产品里的产品详情放大，以及瀑布流的布局和12306的抢票插件应用等效果，这些都是用javascript来写的，它可以在浏览器里可以直接解析运行，如今已经被程序员广放的应用于各大网站上。
三、连云港旅游网站的设计
（一）网站总体设计
网站主要功能板块有：首页、连云港介绍、旅游景点、景点介绍、宾馆饭店、特色产品的推荐，以及休闲娱乐，交通路线，关于我的板块。通过网站的介绍，游客对连云港的衣食住行基本了又了大概的了解了。
首页基本上是对连云港的景点的基本介绍和那边的知名景点大概推荐。
其它的子页风格和首页风格类似，但是中间的那块排版都不一样，主要是写那些板块的详细信息，和详细介绍，方便游客们更详细的了解。
关于我这个页面主要是对网站作者的基本简介，让大家了解这个网站是谁制作的。
网站设计主要分为三层，网站结构如图3. 1所示:
图3-1 连云港网站组织结构图
（二）网站页面结构设计
1、网站首页设计
一进去本网页，可以很清楚的网站的导航菜单部分，划分为了7个部分，首页，旅游景点，宾馆饭店，特色产品，休闲娱乐，交通路线，关于我。首页是对连云港做了基本的介绍，以及给大家列举出来了网站的主要功能模块菜单，和当地的一些特色的景点推荐，可以让大家一眼就了解到本网站具体有哪些模块和介绍内容。首页设计结构如图3.2所示：
首页设计组织结构如下所示：
LOGO
导航条
魅力港湾--连云港
轮播切换的图片
连云港简介
景区风景
景区推荐
景区推荐
景区推荐
景区推荐
美食特产
美食推荐
美食推荐
美食推荐
美食推荐
旅游景点
一、引言 1
（一）课题研究背景 1
（二）课题开发目的和开发意义 1
二、开发技术和工具 2
（一）、DIV+CSS技术 2
（二）、PHOTOSHOP 2
（三）、MACROMEDIA DREAMWEAVER8 2
（四）、JavaScript脚本语言 2
三、连云港旅游网站的设计 2
（一）网站总体设计 2
（二）网站页面结构设计 3
1、网站首页设计 4
2.网站首页页面功能图 5
5. 网站首页中间部分上面 7
6. 网站首页中间部分下面 8
7. 首页滚动图片设计 10
8. 网站首页的底部 10
9、背景音乐设计 11
四、网站子页设计 12
（一）二级子页：旅游景点 12
（二)二级子页：宾馆饭店 14
（三)二级子页：关于我介绍 16
（四）三级子页：如家酒店详细介绍 17
1.如家快捷酒店详情介绍 17
2.美蓉套蟹详情页面介绍 19
（五）三级子页：旅游详情详细介绍 21
1.东海景点详情介绍 21
2.花果山景点详情介绍 22
五、网站的测试与问题解决 25
六、总结 26
七、致谢 27
八、参考文献 28
一、引言
（一）课题研究背景
从改革开放一来，普通民众的生活也有了已从原来的温饱都解决不了变 *好棒文|www.hbsrm.com +Q: 3_5_1_9_1_6_0_7_2
成了小康生活，简单的衣食住行已经没法满足人民的需求了，大数普通民众在节假期喜欢结伴成群的去旅游景点，享受新世纪的生活了。旅游行业在这几年的发展趋势越来越好。
但是经常有人高高兴兴的去旅游，途中会碰到各种问题，比如跟团被到有宰，自驾游不识路，千辛万苦的到了还被本地的不良商家宰，以及当地的天气变化不熟悉等，导致自己的衣物带的不合适等。所以做个旅游网站，让大家一起交流和查找当地旅游的感受，这样可以帮普通游客解决一些基本的问题。
（二）课题开发目的和开发意义
在如今的新世纪，基本上大部分人都会上网查找自己相关的资料，不会像90年代，不知道上网是什么意思的。现在的学生有问题或者工作上问题，有事没事都喜欢在百度搜索。所以，做个连云港的网站能够让大家更方便的了解和欣赏这座美丽的城市。
连云港这个网站主要推荐了当地的旅游景点,和实惠的宾馆饭店产所,以及推荐了当地的特色产品，和正规的休闲娱乐,以及各个旅游景点的交通路线和乘坐时间，让大家出门后来到这，吃好玩好，同时也避免花钱的时候被坑。
二、开发技术和工具
（一）、DIV+CSS技术
DIV+CSS是WEB设计标准，它是一种网页的布局方法。与传统中通过表格（table）布局定位的方式不同，它可以实现网页页面内容与表现相分离。而且网站运行加载速度也会逐渐加载，不会和表格一样，加载不完整就一直不出来，用户体验的感觉更好。
（二）、PHOTOSHOP
Photoshop是一款很强大的处理相片的软件，熟练应用的话可以让网站看起来很有美感，比如做这个家乡介绍网站的时候，先用ps画了个大概的草图布局，然后排版好大致的框架，对需要用到的那些图片做处理。然后再用Editplus来编写Photoshop设计好的排版。
（三）、MACROMEDIA DREAMWEAVER8
DreamweaverAdobe是一款集网页制作和管理网站于一身的所见即所得网页编辑器，DreamweaverCS5是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。不过本网站的代码是纯手写的，DreamweaverAdobe这个工具暂时就起到了检验代码的功能。
（四）、JavaScript脚本语言
JavaScript是一种网络脚本语言，可以在html页面里写各种各样的动态效果，如图片的切换，和淘宝产品里的产品详情放大，以及瀑布流的布局和12306的抢票插件应用等效果，这些都是用javascript来写的，它可以在浏览器里可以直接解析运行，如今已经被程序员广放的应用于各大网站上。
三、连云港旅游网站的设计
（一）网站总体设计
网站主要功能板块有：首页、连云港介绍、旅游景点、景点介绍、宾馆饭店、特色产品的推荐，以及休闲娱乐，交通路线，关于我的板块。通过网站的介绍，游客对连云港的衣食住行基本了又了大概的了解了。
首页基本上是对连云港的景点的基本介绍和那边的知名景点大概推荐。
其它的子页风格和首页风格类似，但是中间的那块排版都不一样，主要是写那些板块的详细信息，和详细介绍，方便游客们更详细的了解。
关于我这个页面主要是对网站作者的基本简介，让大家了解这个网站是谁制作的。
网站设计主要分为三层，网站结构如图3. 1所示:
图3-1 连云港网站组织结构图
（二）网站页面结构设计
1、网站首页设计
一进去本网页，可以很清楚的网站的导航菜单部分，划分为了7个部分，首页，旅游景点，宾馆饭店，特色产品，休闲娱乐，交通路线，关于我。首页是对连云港做了基本的介绍，以及给大家列举出来了网站的主要功能模块菜单，和当地的一些特色的景点推荐，可以让大家一眼就了解到本网站具体有哪些模块和介绍内容。首页设计结构如图3.2所示：
首页设计组织结构如下所示：
LOGO
导航条
魅力港湾--连云港
轮播切换的图片
连云港简介
景区风景
景区推荐
景区推荐
景区推荐
景区推荐
美食特产
美食推荐
美食推荐
美食推荐
美食推荐
旅游景点
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1629.html
