旅游景点推荐网站设计与实现毕业设计说明书
Key words: scenic spot recommendation; website; Dreamweaver 目 录
摘要 1
一、引言 1
（一）、课题背景 1
（二）、课题意义 1
二、网站需求分析 1
三、网站技术应用 1
（一）开发技术 1
1、HTML 1
2、CSS 2
3、JavaScript 2
（二）技术支持 3
1、Photoshop 3
2、Editplus 4
3、Dreamweaver 4
4、Firefox 4
四、网站设计计划 4
（一）网站模块 4
（二）网站外观设计 5
1、网站内容 5
2、首页内容 5
3、外观架构 5
五、网站制作步骤 8
（一）首页设计 8
（二）二级页面设计 12
（三） 三级页设计 15
六、网站测试 17
七、总结 18
致谢 20
参考文献 21
引言
（一）、课题背景
随着社会经济的快速发展和人们对精神生活的日益需求的增长，以及在当今社会网络的迅速发展，人们找获取旅游信息的方式也发生着丰富的变化，但我们国家的旅游产品相对于其他旅游国家仍然薄弱，旅游管理方式落后，我们的旅游必须符合现在社会的发展需求，以网络宣传旅游景点成为必不可少的手段之一。旅游网站能提供最及时、最丰富的旅游信息。
（二）、课题意义
旅游自古以来就是人们一项重要的精神生活，随着我国的经济不断发展，人们的钱包越来越厚，走出家门看看这个世界已经是人们喜欢的方式了。因为我选择这个主题，设计这个网站，就是为了让想走出家门看看这个世界的人能更好了解这个世界，广大的旅游爱好者，可通过这个旅游 信息网站寻找到丰富的最新旅游景点信息，向查看符合自己兴趣、目的的旅游景点。
网站需求分析
目前全球实体经济不断的下滑，各个国家，各个地方的发展慢慢想旅
*好棒文|www.hbsrm.com +Q: %3^5`1^9`1^6^0`7^2#
精神生活，随着我国的经济不断发展，人们的钱包越来越厚，走出家门看看这个世界已经是人们喜欢的方式了。因为我选择这个主题，设计这个网站，就是为了让想走出家门看看这个世界的人能更好了解这个世界，广大的旅游爱好者，可通过这个旅游 信息网站寻找到丰富的最新旅游景点信息，向查看符合自己兴趣、目的的旅游景点。
网站需求分析
目前全球实体经济不断的下滑，各个国家，各个地方的发展慢慢想旅游转移，鼓励人们去旅游已经是我国增长GDP重要发展之一。各个地方发展旅游可以促进经济健康的发展，也可以给当地人提供就业机会，从而提高当地居民收入；旅游业可以向全国，向世界展示本地的文化。
网站技术应用
开发技术
1、HTML
超级文本标记语言其实就是网页的本质，通过结合使用其他的编程语言（如：脚本语言、公共网关接口、插件等），可以创造出效果绚丽而且功能非常强大的网页。因而，万维网（Web）编程的基础就是超级文本标记语言，也可以说万维网就是是建立在超文本链接基础之上的。超级文本标记语言之所以能够被大家称为超文本标记语言，其实就是因为文本中包含了“超级链接”描点。
超级文本标记语言是网页规范和标准，它的核心就是用a连接网站中的网页。网页是一种网站文本文件，不用编辑器通过在网页文件中可以添加html标记符，告诉浏览器网页要如何显示其中网站需要的内容（如：文字如何编排，网页效果安排，图片显示效果等）。浏览器的顺序阅读方式是以自上而下的方式，然后根据html标记符显示其标记的文本内容，浏览器并不指出我们书写出错的标记的地方，且不停止其解释执行过程，开发人员只能通过浏览器显示出来的效果来分析出错地方以及出错的原因。同时我们应该注意的是，不同公司制作的浏览器，对与网页中的同一标记符都有可能有不同的解析，因此网页会显示不同的网页效果。
2、CSS
CSS是样式表，用来定义页面的显示效果，用DIV制作的网页比Tabl表格更科学、精确，网页兼容性更好，而且网页被浏览器打开速度更快，并且网站内容也利于搜索引擎收录。修改网站网页的显示效果，用DIV+CSS修改网页是非常的方便，用Table制作的网页修改则非常麻烦。因此现在的网站，都用DIV+CSS来实现网页效果的。很方便的网页的内容拖拽和编辑网页内容。
3、JavaScript
使用JavaScript，可以让网站的内容更加丰富多彩，给用户一个良好的用户体验。使得用户在的文字和图片的审美疲劳下，会有焕然一新的感觉。我们的网站考虑到这一点，在网站广告图片切换、用户留言信息验证、景点介绍等，采用了3种不同的JavaScript网页效果。
、首页banner图的左右轮播特效，广告图可以更好的展示某一个景点的特色。
图3-1 “左右轮播”式的广告图
、用户在提交留言的时候，可能会忘记输入某些内容，这样不利于我们采集用户的信息，所以我们要对用户的留言内容进行判断。
图3-2用户留言效果图
、景点的图片切换，为了给用户详细的介绍景点，会有大量的图片，使得用户更方便的浏览，所以采用自动播放效果。
（二）技术支持
1、Photoshop
Photoshop处理以像素所构成的图片图像内容。PS的各种功能并制作高清图片，能实现制作GIF动画、图片批处理（打水印、加边框等）。适合广告设计人员、淘宝网店图片处理、企业和个人使用，最终为广大用户提供便捷的服务。在图像、文字、图片、视频、声音等各方面都有所涉及内容。
2003年，Photoshop8的名字变为 CS系列。2013年7月公司推出了最新版本cc的，从此CC系列取代 CS系列成为Adobe公司新的开始。
Adobe支持目前主流的操作系统，例如windows 、Mac OS， 甚至Linux用户也可以运行Photoshop。
Photoshop就是图像通过层来合成图片效果，图像合成则是将图像通过图层进行操作应用合成完整的、传达网页设计
摘要 1
一、引言 1
（一）、课题背景 1
（二）、课题意义 1
二、网站需求分析 1
三、网站技术应用 1
（一）开发技术 1
1、HTML 1
2、CSS 2
3、JavaScript 2
（二）技术支持 3
1、Photoshop 3
2、Editplus 4
3、Dreamweaver 4
4、Firefox 4
四、网站设计计划 4
（一）网站模块 4
（二）网站外观设计 5
1、网站内容 5
2、首页内容 5
3、外观架构 5
五、网站制作步骤 8
（一）首页设计 8
（二）二级页面设计 12
（三） 三级页设计 15
六、网站测试 17
七、总结 18
致谢 20
参考文献 21
引言
（一）、课题背景
随着社会经济的快速发展和人们对精神生活的日益需求的增长，以及在当今社会网络的迅速发展，人们找获取旅游信息的方式也发生着丰富的变化，但我们国家的旅游产品相对于其他旅游国家仍然薄弱，旅游管理方式落后，我们的旅游必须符合现在社会的发展需求，以网络宣传旅游景点成为必不可少的手段之一。旅游网站能提供最及时、最丰富的旅游信息。
（二）、课题意义
旅游自古以来就是人们一项重要的精神生活，随着我国的经济不断发展，人们的钱包越来越厚，走出家门看看这个世界已经是人们喜欢的方式了。因为我选择这个主题，设计这个网站，就是为了让想走出家门看看这个世界的人能更好了解这个世界，广大的旅游爱好者，可通过这个旅游 信息网站寻找到丰富的最新旅游景点信息，向查看符合自己兴趣、目的的旅游景点。
网站需求分析
目前全球实体经济不断的下滑，各个国家，各个地方的发展慢慢想旅
*好棒文|www.hbsrm.com +Q: %3^5`1^9`1^6^0`7^2#
精神生活，随着我国的经济不断发展，人们的钱包越来越厚，走出家门看看这个世界已经是人们喜欢的方式了。因为我选择这个主题，设计这个网站，就是为了让想走出家门看看这个世界的人能更好了解这个世界，广大的旅游爱好者，可通过这个旅游 信息网站寻找到丰富的最新旅游景点信息，向查看符合自己兴趣、目的的旅游景点。
网站需求分析
目前全球实体经济不断的下滑，各个国家，各个地方的发展慢慢想旅游转移，鼓励人们去旅游已经是我国增长GDP重要发展之一。各个地方发展旅游可以促进经济健康的发展，也可以给当地人提供就业机会，从而提高当地居民收入；旅游业可以向全国，向世界展示本地的文化。
网站技术应用
开发技术
1、HTML
超级文本标记语言其实就是网页的本质，通过结合使用其他的编程语言（如：脚本语言、公共网关接口、插件等），可以创造出效果绚丽而且功能非常强大的网页。因而，万维网（Web）编程的基础就是超级文本标记语言，也可以说万维网就是是建立在超文本链接基础之上的。超级文本标记语言之所以能够被大家称为超文本标记语言，其实就是因为文本中包含了“超级链接”描点。
超级文本标记语言是网页规范和标准，它的核心就是用a连接网站中的网页。网页是一种网站文本文件，不用编辑器通过在网页文件中可以添加html标记符，告诉浏览器网页要如何显示其中网站需要的内容（如：文字如何编排，网页效果安排，图片显示效果等）。浏览器的顺序阅读方式是以自上而下的方式，然后根据html标记符显示其标记的文本内容，浏览器并不指出我们书写出错的标记的地方，且不停止其解释执行过程，开发人员只能通过浏览器显示出来的效果来分析出错地方以及出错的原因。同时我们应该注意的是，不同公司制作的浏览器，对与网页中的同一标记符都有可能有不同的解析，因此网页会显示不同的网页效果。
2、CSS
CSS是样式表，用来定义页面的显示效果，用DIV制作的网页比Tabl表格更科学、精确，网页兼容性更好，而且网页被浏览器打开速度更快，并且网站内容也利于搜索引擎收录。修改网站网页的显示效果，用DIV+CSS修改网页是非常的方便，用Table制作的网页修改则非常麻烦。因此现在的网站，都用DIV+CSS来实现网页效果的。很方便的网页的内容拖拽和编辑网页内容。
3、JavaScript
使用JavaScript，可以让网站的内容更加丰富多彩，给用户一个良好的用户体验。使得用户在的文字和图片的审美疲劳下，会有焕然一新的感觉。我们的网站考虑到这一点，在网站广告图片切换、用户留言信息验证、景点介绍等，采用了3种不同的JavaScript网页效果。
、首页banner图的左右轮播特效，广告图可以更好的展示某一个景点的特色。
图3-1 “左右轮播”式的广告图
、用户在提交留言的时候，可能会忘记输入某些内容，这样不利于我们采集用户的信息，所以我们要对用户的留言内容进行判断。
图3-2用户留言效果图
、景点的图片切换，为了给用户详细的介绍景点，会有大量的图片，使得用户更方便的浏览，所以采用自动播放效果。
（二）技术支持
1、Photoshop
Photoshop处理以像素所构成的图片图像内容。PS的各种功能并制作高清图片，能实现制作GIF动画、图片批处理（打水印、加边框等）。适合广告设计人员、淘宝网店图片处理、企业和个人使用，最终为广大用户提供便捷的服务。在图像、文字、图片、视频、声音等各方面都有所涉及内容。
2003年，Photoshop8的名字变为 CS系列。2013年7月公司推出了最新版本cc的，从此CC系列取代 CS系列成为Adobe公司新的开始。
Adobe支持目前主流的操作系统，例如windows 、Mac OS， 甚至Linux用户也可以运行Photoshop。
Photoshop就是图像通过层来合成图片效果，图像合成则是将图像通过图层进行操作应用合成完整的、传达网页设计
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/2496.html
