文化旅游网站设计与实现
【KEY WORDS】：Internet; Cultural tourism; Suzhou; Website development. 目 录
一、引言 1
（一）开发背景 1
（二）选题内容 1
二、开发工具 1
（一）网站开发工具——DREAMWEAVER 1
（二）图片处理工具——ADOBE PHOTOSHOP 2
三、网站需求分析 2
（一）需求概述 2
（二）建设网站的可行性分析 2
1.实用性： 2
2.技术性： 2
3.经济性： 2
四、网站的设计与实现 3
（一）网站的总体设计 3
（二）网站结构 3
（三）主页排版构架 3
1.首页布局 3
2.首页具体介绍 3
（四）各部分设计 5
1.Logo与顶部导航 5
2.导航下拉子菜单伸缩效果 5
3.主体内容 7
（五）子页排版构架 8
1.企业文化页面 8
2.苏州特产页面 9
3.苏州缩影页面 11
4.城市动态页面 11
5.其它页面 11
五、网站测试与维护 14
（一）网站测试 14
（二）网站维护 15
六、总结 16
致谢 17
参考文献 17
附录 18
一、引言
（一）开发背景
日新月异的 *好棒文|www.hbsrm.com +Q: 3 5 1 9 1 6 0 7 2
科技，计算机应用的普及及媒体传播渠道日益多元化，网络正在彻底地改变我们的生活、工作、出行以及方方面面。十年前，Internet在国内开始流行。其中网站作为互联网的主要媒介受到广泛关注，这么多年过去了，当今世界已进入信息化时代。 Internet已从十年前的流行转变成不可缺少的行业之一,网络的高速发展和在人类生活中的普及应用正带来革命性的变化，这一切为网站建设创造了有力的技术支持。目前众多企业都有了自己的网站，网络营销已成趋势。为在这一领域占一席之地，其中特别是中小型企业，搭建网络平台达到营销目的。各大门户网站，电商网站，企业网都在WEB2.0的标准上,采用CSS+DIV网页样式来对网站布局。
近些年旅游业继工业成为国家经济发展的中坚力量，但是，这一朝阳产业的广度深度远不能符合当今百姓生活水平提高和国家经济发展的需求。随着国内人均GDP水平的提升和人民可支配收入的提升，人民思想不断开放，个人精神文化追求不断提升，随之国内旅游业在国民经济中的地位显著提升。
苏州的旅游业已形成一个基本完善的旅游产品和接待服务体系，旅游产业的发展给苏州带来了明显的社会效益和经济效益，发挥出显著的作用，当今经济在于可持续发展，旅游业具有很大优势。一个城市只有文化得到发展，城市才具有凝聚力才会有后劲，发展前景更加长远。因此宣传城市文化旅游，是十分有必要的。
因此此次选题以苏州文化旅游为背景，目标是建设一个宣传苏州的网站，方便更多的人来了解苏州。
（二）选题内容
此网站需要实现欢迎页、首页、城市百科、城市动态、文化旅游、城市论坛、关于我们、等功能，全面化的网站的需求。
论文组织如下：首先阐述了该网站的开发背景及意义，对开发工具及所应用技术进行详细介绍；接着对所建设网站进行需求性分析，得出相应的规划方案；接着实现整个网站的建设，包含页面框架设计和业面的构成，对各个模块功能的实现进，以及在开发过程遇到的问题进行简要的介绍；最后对完成的网站进行了严格的调试，并作相应的修改。
二、开发工具
（一）网站开发工具——Dreamweaver
Adobe Dreamweaver，它的中文名称为"梦想编织者"，简称“DW”。
Dreamweaver是集网页制作和管理网站于一身的所见即所得专业化编辑器，是一套集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性的网站开发工具。
Dreamweaver还是一个可以完全自定义的应用程序。用户可以创建自己的对象和命令修改菜单和快捷键，甚至编写JavaScript代码扩展Dreamweaver的行为和属性检查器，同时Dreamweaver支持动态HTML，并采用了Roundtrip HTML技术，从而奠定了在网页高级设计功能方面的领先地位。
（二）图片处理工具——Adobe Photoshop
Adobe Photoshop，简称“PS”，是由Adobe?Systems开发和发行的图像处理软件。
Photoshop是目前最为流行的图形、图像编辑设计软件，广泛地应用于广告设计、封面设计、美术绘画、网页设计、处理数码影像以及图像的编辑合成等领域。
此次设计中，所使用到的网站logo经过photoshop进行抠图，最后以png格式保存为透明图片，图片的裁剪，合成，通过photoshop软件都得到了实现。
三、网站需求分析
网站建设目标说的通俗点就是网站建设的目的，即建设网站后想通过网站来得到什么好处，以确定网站开发者需要完成哪些项目才能满足用户的需求。在进行这一开发项目前，对网站需实现的功能页面进行初步的规划，并进行可行性分析。
（一）需求概述
本网站旨在将苏州文化旅游信息展现在网页上，通过互联网将访问者所需的信息简洁明了呈现在网站上。通过该网站，访问者可以简单地了解到目前苏州的城市概括，例如经济状况，行政区域，历史文化，旅游景点，苏州特产等。
（二）建设网站的可行性分析
1.实用性：
网站的宗旨，介绍苏州的历史文化，当前的行政区域、经济状况，以及苏州的特产、旅游景点等。为浏览者提供一个关于苏州的网站，方便浏览者更好地了解、认识苏州。
2.技术性：
硬件方面：只需装有Windows 操作系统的电脑。
软件方面：本网站均以静态HTML为主，所采用到的网站开发工具只需Dreamweaver。网页中所使用到的图片由Photoshop软件进行处理。
3.经济性：
网站采用Dreamweaver开发，采用的图片大多从网上获取和一些平时生活中拍摄的照片经过处理得来。从开发费用层面上来讲，并不存在制约。
四、网站的设计与实现
（一）网站的总体设计
首先，一个优秀成功的网站，需具备以下两个条件
外观，判断一个网站的好与坏，外观是个最为重要，占了绝大比重的，外观毕竟是访问者打开你的网站，视觉冲击最为直接，最显而易见的!因此没有必要弄的太花俏了，相比较简洁明了更为适合一个企业。
内容，网站的内容要要具有专业性，一定要够内行，够直接，这样才能适应用户的需求欲望，留住用户，赢得用户的回访率!其次网站的内容要有不断地更新，作为一个企业网，需要不断更新企业实时动态，引起用户的探知和好奇的欲望，这样才会吸引用户每天到网站来寻找他想获得内容。总体可以概括为：专业，真实，及时。风格要突出企业的个性，总体概括为，整洁，大方，有层次感，设计的风格首页与子页要始终贯穿如一。
一、引言 1
（一）开发背景 1
（二）选题内容 1
二、开发工具 1
（一）网站开发工具——DREAMWEAVER 1
（二）图片处理工具——ADOBE PHOTOSHOP 2
三、网站需求分析 2
（一）需求概述 2
（二）建设网站的可行性分析 2
1.实用性： 2
2.技术性： 2
3.经济性： 2
四、网站的设计与实现 3
（一）网站的总体设计 3
（二）网站结构 3
（三）主页排版构架 3
1.首页布局 3
2.首页具体介绍 3
（四）各部分设计 5
1.Logo与顶部导航 5
2.导航下拉子菜单伸缩效果 5
3.主体内容 7
（五）子页排版构架 8
1.企业文化页面 8
2.苏州特产页面 9
3.苏州缩影页面 11
4.城市动态页面 11
5.其它页面 11
五、网站测试与维护 14
（一）网站测试 14
（二）网站维护 15
六、总结 16
致谢 17
参考文献 17
附录 18
一、引言
（一）开发背景
日新月异的 *好棒文|www.hbsrm.com +Q: 3 5 1 9 1 6 0 7 2
科技，计算机应用的普及及媒体传播渠道日益多元化，网络正在彻底地改变我们的生活、工作、出行以及方方面面。十年前，Internet在国内开始流行。其中网站作为互联网的主要媒介受到广泛关注，这么多年过去了，当今世界已进入信息化时代。 Internet已从十年前的流行转变成不可缺少的行业之一,网络的高速发展和在人类生活中的普及应用正带来革命性的变化，这一切为网站建设创造了有力的技术支持。目前众多企业都有了自己的网站，网络营销已成趋势。为在这一领域占一席之地，其中特别是中小型企业，搭建网络平台达到营销目的。各大门户网站，电商网站，企业网都在WEB2.0的标准上,采用CSS+DIV网页样式来对网站布局。
近些年旅游业继工业成为国家经济发展的中坚力量，但是，这一朝阳产业的广度深度远不能符合当今百姓生活水平提高和国家经济发展的需求。随着国内人均GDP水平的提升和人民可支配收入的提升，人民思想不断开放，个人精神文化追求不断提升，随之国内旅游业在国民经济中的地位显著提升。
苏州的旅游业已形成一个基本完善的旅游产品和接待服务体系，旅游产业的发展给苏州带来了明显的社会效益和经济效益，发挥出显著的作用，当今经济在于可持续发展，旅游业具有很大优势。一个城市只有文化得到发展，城市才具有凝聚力才会有后劲，发展前景更加长远。因此宣传城市文化旅游，是十分有必要的。
因此此次选题以苏州文化旅游为背景，目标是建设一个宣传苏州的网站，方便更多的人来了解苏州。
（二）选题内容
此网站需要实现欢迎页、首页、城市百科、城市动态、文化旅游、城市论坛、关于我们、等功能，全面化的网站的需求。
论文组织如下：首先阐述了该网站的开发背景及意义，对开发工具及所应用技术进行详细介绍；接着对所建设网站进行需求性分析，得出相应的规划方案；接着实现整个网站的建设，包含页面框架设计和业面的构成，对各个模块功能的实现进，以及在开发过程遇到的问题进行简要的介绍；最后对完成的网站进行了严格的调试，并作相应的修改。
二、开发工具
（一）网站开发工具——Dreamweaver
Adobe Dreamweaver，它的中文名称为"梦想编织者"，简称“DW”。
Dreamweaver是集网页制作和管理网站于一身的所见即所得专业化编辑器，是一套集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性的网站开发工具。
Dreamweaver还是一个可以完全自定义的应用程序。用户可以创建自己的对象和命令修改菜单和快捷键，甚至编写JavaScript代码扩展Dreamweaver的行为和属性检查器，同时Dreamweaver支持动态HTML，并采用了Roundtrip HTML技术，从而奠定了在网页高级设计功能方面的领先地位。
（二）图片处理工具——Adobe Photoshop
Adobe Photoshop，简称“PS”，是由Adobe?Systems开发和发行的图像处理软件。
Photoshop是目前最为流行的图形、图像编辑设计软件，广泛地应用于广告设计、封面设计、美术绘画、网页设计、处理数码影像以及图像的编辑合成等领域。
此次设计中，所使用到的网站logo经过photoshop进行抠图，最后以png格式保存为透明图片，图片的裁剪，合成，通过photoshop软件都得到了实现。
三、网站需求分析
网站建设目标说的通俗点就是网站建设的目的，即建设网站后想通过网站来得到什么好处，以确定网站开发者需要完成哪些项目才能满足用户的需求。在进行这一开发项目前，对网站需实现的功能页面进行初步的规划，并进行可行性分析。
（一）需求概述
本网站旨在将苏州文化旅游信息展现在网页上，通过互联网将访问者所需的信息简洁明了呈现在网站上。通过该网站，访问者可以简单地了解到目前苏州的城市概括，例如经济状况，行政区域，历史文化，旅游景点，苏州特产等。
（二）建设网站的可行性分析
1.实用性：
网站的宗旨，介绍苏州的历史文化，当前的行政区域、经济状况，以及苏州的特产、旅游景点等。为浏览者提供一个关于苏州的网站，方便浏览者更好地了解、认识苏州。
2.技术性：
硬件方面：只需装有Windows 操作系统的电脑。
软件方面：本网站均以静态HTML为主，所采用到的网站开发工具只需Dreamweaver。网页中所使用到的图片由Photoshop软件进行处理。
3.经济性：
网站采用Dreamweaver开发，采用的图片大多从网上获取和一些平时生活中拍摄的照片经过处理得来。从开发费用层面上来讲，并不存在制约。
四、网站的设计与实现
（一）网站的总体设计
首先，一个优秀成功的网站，需具备以下两个条件
外观，判断一个网站的好与坏，外观是个最为重要，占了绝大比重的，外观毕竟是访问者打开你的网站，视觉冲击最为直接，最显而易见的!因此没有必要弄的太花俏了，相比较简洁明了更为适合一个企业。
内容，网站的内容要要具有专业性，一定要够内行，够直接，这样才能适应用户的需求欲望，留住用户，赢得用户的回访率!其次网站的内容要有不断地更新，作为一个企业网，需要不断更新企业实时动态，引起用户的探知和好奇的欲望，这样才会吸引用户每天到网站来寻找他想获得内容。总体可以概括为：专业，真实，及时。风格要突出企业的个性，总体概括为，整洁，大方，有层次感，设计的风格首页与子页要始终贯穿如一。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1835.html
