克拉嗨谷”主题乐园网站建设
目录
一、 引言 1
二、 网站选题分析 1
（一）选题背景 1
（二）选题意义 1
（三）选题内容 2
三、 开发工具简介 2
（一）Photoshop CS6 2
（二）Dreamweaver CS6 2
（三）JavaScript 2
四、 网站设计 2
（一）网站功能结构 2
（二）网站布局 3
1. 首页布局图 3
2. 子页布局图 4
（三）LOGO设计 4
（四）色彩搭配 4
五、 网站实现与维护 5
（一）DIV+CSS布局 5
1. 首页DIV结构及层样式 5
2. 子页DIV结构 6
（二）网站基本功能 7
1. 首页+子页 7
2. 页首导航 8
3. 页尾版权 9
1. 图片滚动效果 10
2. 插入地图效果 11
（四）网站调试与维护 13
六、 结束语 13
致谢 14
参考文献 14
附录 15
引言
经过半个世界的迅猛发展，Internet已经不断地深入到人们的生活当中来了。计算机学习也不仅仅局限于以往单一的学习内容，衍生出了更多、更复杂的学习内容，而网页设计制作正是计算机学习的内容之一。
一般的网页设计制作方式分为静态和动态两种，通过对相关网站的考察和自己技术局限的影响，本次的毕业设计采用静态网页设计方式。静态网页技术指的是运用HTML和CSS技术，在网页的特定位置展示 *好棒文|www.hbsrm.com +Q: 3_5_1_9_1_6_0_7_2
特定的图片和文字，是网页设计的基础技术。这次毕业设计主要用到的软件是Adobe Dreamweaver，Adobe Dreamweaver是一个可视化的网页设计和网站管理工具，非常容易上手，是一个很方便的设计软件。
在这个连小区门口超市都有网站的时代，网站对企业来说不止是一个可有可无的窗口，更是一个彰显企业文化、宣传企业思想的平台。一个好的网站可以帮助企业拓宽市场、博得人气，带来不可估量的价值。
由于近几年来中国经济的发展，人们的娱乐活动不仅仅局限于传统的娱乐项目，小孩子也不再是弹珠、卡牌就能满足的程度了。新的娱乐需求催生了娱乐产业的发展，各地的大型游乐设施如雨后春笋般拔地而起。而对于经济发展起步较晚的苏北地区而言，始终没有一个可以与发达地区相较的游乐园，有的只是一些小型的公园，游乐设施也都是比较老旧，对于人们来说已经没什么吸引力了。这样的背景和条件催生了克拉嗨谷的建设实施。
克拉嗨谷的受体主要面向于周边的徐州、连云港、淮安等苏北城市及邻近的临沂、枣庄等城市。这就需要我们加大宣传力度，让克拉嗨谷走出宿迁、走向全国。
网站选题分析
（一）选题背景
近年来，宿迁市的发展可谓是蒸蒸日上，一个地区的孤立的发展，即使经济达到了一流，但是到了市区合作上却没有大的作用。然而旅游景点也是一样的道理，地方性的旅游景点并不能以为赚取本地人的金钱为目标，应该相应的开拓出市外周边城市的、省外城市的、甚至国外的市场，这样才会有更大的发展的空间。
（二）选题意义
然而作为一个有志青年，宿迁的发展好坏，也应该有自己的一番心意，不管是大的贡献或是小的贡献，也是对宿迁发展做出的努力。克拉嗨谷乐园网站更好的弥补了宿迁市对于吸引外来经济的短处，一个好的网站不仅是一个景点的标头，也是吸引游客的一种手段，进而更可以帮助宿迁带来滴水穿石式进步。虽然自己的贡献不足以让整个地区瞬间崛起，但是我相信，只要人人都献出一点的贡献，未来是属于我们的。
（三）选题内容
本选题对于克拉嗨谷乐园是一个完整的介绍，从克拉嗨谷乐园首页，关于乐园，游玩景点，乐园新闻，精彩活动，常见问题，联系我们七个模块全方面无死角的介绍了克拉嗨谷乐园，供游览网页的游客一目了然。激起浏览者想要亲身体验的兴趣，吸引外来游客前来游玩，为宿迁的发展做出自己的贡献。
开发工具简介
（一）Photoshop CS6
Adobe?Photoshop是一种图像处理软件。在做网站之前需要用Photoshop把网站的布局先设计出来，然后把你需要的图片、背景等切片切出来。这样在做网站的时候才会有条不紊，做到心中有数，这样做网站的效率也会提高不少。
（二）Dreamweaver CS6
Dreamweaver是一款著名网站开发工具，分为Macromedia时代和Adoba时代，这次的网站制作所使用的Adoba Dreamweaver CS6版本的。因为已将切好了需要的图片、确定好了网站的布局，做起来就得心应手，还可以在代码与设计之间自由切换，方便随时检查设计的内容。
（三）JavaScript
JavaScript一种直译式脚本语言，帮助我们在做网站的时候更加的生动、不那么死板。由于之前上课的时候没怎么接触过JavaScript，本次的毕业设计只采用了一两种简单的JavaScript特效。
网站设计
（一）网站功能结构
一个好的网站取决于它的功能可不可以吸引到游客，抓住这个心理，设计网站就要更加仔细的介绍到重点，克拉嗨谷乐园网站主要是为了吸引更多地游客来消费，消费者的心理就是：1. 在更短的时间玩到更好的景点2. 更多的优惠 3.更好的享受游玩。除了考虑消费者心理的喜好，也要考虑到消费者内心的忧虑，比如迷路。针对于这几点，克拉嗨谷乐园网站围绕这些做了详细介绍。详情请参考图3-1：
图3-1 网站功能结构图
（二）网站布局
除了功能上的耳目一新，还要有让游客眼前一亮的网页布局，游客打开网页第一反应是看到的网站的设计布局，克拉嗨谷乐园网站既没有采用全屏铺满的方式，也没有采用居中式的设计，结合两种方法，取其精华，网站布局页首和页尾采用全屏铺满式，而中页采用居中式。为了让游客在浏览网页的时候没有视觉上太跳跃的不适感，克拉嗨谷乐园网站的首页与子页的布局大致是一样的，首页与子页的布局一来既方便了网站的制作，又不会给游客带来画面跳跃的不适感，何乐而不为。详情请参考图3-2：
首页布局图
LOGO
导航栏
宣传图
乐园简介
导航图
乐园新闻
二维码
版权区
图3-2 首页布局图
子页布局图
LOGO
导航栏
主体介绍区
子导航
一、 引言 1
二、 网站选题分析 1
（一）选题背景 1
（二）选题意义 1
（三）选题内容 2
三、 开发工具简介 2
（一）Photoshop CS6 2
（二）Dreamweaver CS6 2
（三）JavaScript 2
四、 网站设计 2
（一）网站功能结构 2
（二）网站布局 3
1. 首页布局图 3
2. 子页布局图 4
（三）LOGO设计 4
（四）色彩搭配 4
五、 网站实现与维护 5
（一）DIV+CSS布局 5
1. 首页DIV结构及层样式 5
2. 子页DIV结构 6
（二）网站基本功能 7
1. 首页+子页 7
2. 页首导航 8
3. 页尾版权 9
1. 图片滚动效果 10
2. 插入地图效果 11
（四）网站调试与维护 13
六、 结束语 13
致谢 14
参考文献 14
附录 15
引言
经过半个世界的迅猛发展，Internet已经不断地深入到人们的生活当中来了。计算机学习也不仅仅局限于以往单一的学习内容，衍生出了更多、更复杂的学习内容，而网页设计制作正是计算机学习的内容之一。
一般的网页设计制作方式分为静态和动态两种，通过对相关网站的考察和自己技术局限的影响，本次的毕业设计采用静态网页设计方式。静态网页技术指的是运用HTML和CSS技术，在网页的特定位置展示 *好棒文|www.hbsrm.com +Q: 3_5_1_9_1_6_0_7_2
特定的图片和文字，是网页设计的基础技术。这次毕业设计主要用到的软件是Adobe Dreamweaver，Adobe Dreamweaver是一个可视化的网页设计和网站管理工具，非常容易上手，是一个很方便的设计软件。
在这个连小区门口超市都有网站的时代，网站对企业来说不止是一个可有可无的窗口，更是一个彰显企业文化、宣传企业思想的平台。一个好的网站可以帮助企业拓宽市场、博得人气，带来不可估量的价值。
由于近几年来中国经济的发展，人们的娱乐活动不仅仅局限于传统的娱乐项目，小孩子也不再是弹珠、卡牌就能满足的程度了。新的娱乐需求催生了娱乐产业的发展，各地的大型游乐设施如雨后春笋般拔地而起。而对于经济发展起步较晚的苏北地区而言，始终没有一个可以与发达地区相较的游乐园，有的只是一些小型的公园，游乐设施也都是比较老旧，对于人们来说已经没什么吸引力了。这样的背景和条件催生了克拉嗨谷的建设实施。
克拉嗨谷的受体主要面向于周边的徐州、连云港、淮安等苏北城市及邻近的临沂、枣庄等城市。这就需要我们加大宣传力度，让克拉嗨谷走出宿迁、走向全国。
网站选题分析
（一）选题背景
近年来，宿迁市的发展可谓是蒸蒸日上，一个地区的孤立的发展，即使经济达到了一流，但是到了市区合作上却没有大的作用。然而旅游景点也是一样的道理，地方性的旅游景点并不能以为赚取本地人的金钱为目标，应该相应的开拓出市外周边城市的、省外城市的、甚至国外的市场，这样才会有更大的发展的空间。
（二）选题意义
然而作为一个有志青年，宿迁的发展好坏，也应该有自己的一番心意，不管是大的贡献或是小的贡献，也是对宿迁发展做出的努力。克拉嗨谷乐园网站更好的弥补了宿迁市对于吸引外来经济的短处，一个好的网站不仅是一个景点的标头，也是吸引游客的一种手段，进而更可以帮助宿迁带来滴水穿石式进步。虽然自己的贡献不足以让整个地区瞬间崛起，但是我相信，只要人人都献出一点的贡献，未来是属于我们的。
（三）选题内容
本选题对于克拉嗨谷乐园是一个完整的介绍，从克拉嗨谷乐园首页，关于乐园，游玩景点，乐园新闻，精彩活动，常见问题，联系我们七个模块全方面无死角的介绍了克拉嗨谷乐园，供游览网页的游客一目了然。激起浏览者想要亲身体验的兴趣，吸引外来游客前来游玩，为宿迁的发展做出自己的贡献。
开发工具简介
（一）Photoshop CS6
Adobe?Photoshop是一种图像处理软件。在做网站之前需要用Photoshop把网站的布局先设计出来，然后把你需要的图片、背景等切片切出来。这样在做网站的时候才会有条不紊，做到心中有数，这样做网站的效率也会提高不少。
（二）Dreamweaver CS6
Dreamweaver是一款著名网站开发工具，分为Macromedia时代和Adoba时代，这次的网站制作所使用的Adoba Dreamweaver CS6版本的。因为已将切好了需要的图片、确定好了网站的布局，做起来就得心应手，还可以在代码与设计之间自由切换，方便随时检查设计的内容。
（三）JavaScript
JavaScript一种直译式脚本语言，帮助我们在做网站的时候更加的生动、不那么死板。由于之前上课的时候没怎么接触过JavaScript，本次的毕业设计只采用了一两种简单的JavaScript特效。
网站设计
（一）网站功能结构
一个好的网站取决于它的功能可不可以吸引到游客，抓住这个心理，设计网站就要更加仔细的介绍到重点，克拉嗨谷乐园网站主要是为了吸引更多地游客来消费，消费者的心理就是：1. 在更短的时间玩到更好的景点2. 更多的优惠 3.更好的享受游玩。除了考虑消费者心理的喜好，也要考虑到消费者内心的忧虑，比如迷路。针对于这几点，克拉嗨谷乐园网站围绕这些做了详细介绍。详情请参考图3-1：
图3-1 网站功能结构图
（二）网站布局
除了功能上的耳目一新，还要有让游客眼前一亮的网页布局，游客打开网页第一反应是看到的网站的设计布局，克拉嗨谷乐园网站既没有采用全屏铺满的方式，也没有采用居中式的设计，结合两种方法，取其精华，网站布局页首和页尾采用全屏铺满式，而中页采用居中式。为了让游客在浏览网页的时候没有视觉上太跳跃的不适感，克拉嗨谷乐园网站的首页与子页的布局大致是一样的，首页与子页的布局一来既方便了网站的制作，又不会给游客带来画面跳跃的不适感，何乐而不为。详情请参考图3-2：
首页布局图
LOGO
导航栏
宣传图
乐园简介
导航图
乐园新闻
二维码
版权区
图3-2 首页布局图
子页布局图
LOGO
导航栏
主体介绍区
子导航
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1699.html
