昆山旅游网站毕业设计说明书
目录
Abstract
With the rapid development of network information age, people get a lot of information through the network approach. Kunshan travel website is to introduce Kunshans history, culture, tourist attractions, delicious -food site. Publicity Kunshans travelling through the sites, Let people on the screen to learn more about Kunshan. Attract more tourists come for sightseeing, while promoting economic developments. Adopt DIV + CSS layout, easier to maintain, clear, for build tourism website provides a convenient conditions.
The paper succinctly describes the establishment of Kunshan travel sites purpose, significance and background. Development tools: Macromedia Dreamweaver 8.0, Adobe Photoshop CS5, The main layout techniques: DIV + CSS, while briefly outlines *好棒文|www.hbsrm.com +Q: ^3^5`1^9`1^6^0`7^2#
the process of making the website.
Keyword: Travel DIV + CSS Layout
引言
（一）课题背景
网络信息高速发展，人们借助于网络获取大量信息。通过网站来宣传昆山旅游，让更多人在方寸屏幕上进一步了解昆山，吸引更多旅游者前来观光旅游，同时带动昆山经济发展。采用DIV+CSS布局，更易维护、条理清晰，轻松实现网站的构建。
（二）课题意义
旅游行业作为国家战略性支柱产业，是极具发展潜力的“朝阳产业”、“绿色产业”，宣传昆山旅游同时也是为了促进昆山经济发展。而在信息化时代下，网站宣传具备传播更广的途径，同时也是一种更容易让人们接受的方式。对于旅游者而言一些相关旅游信息是十分重要的，开发和建立旅游网站，也是为旅游者和各相关的行业提供了解全面、详细的旅游信息的平台。
（三）课题内容
本文详细系统地介绍了昆山旅游网站的实现与功能，主要包括首页、昆山概况、旅游景点、风味美食、酒店预订、趣味论坛、联系我们。论文首先阐述了在信息化时代下网站建设的背景和意义，其次详述了DIV+CSS布局方式的优点，随后对开发此网站做需求分析，叙述网站的总体设计，包括网站的超链接、以及JS特效的实现等等，最后是对网站进行测试，找出不足再作进一步的修改，完成昆山旅游网的设计。
（四）课题技术
1. DIV+CSS
采用DIV来布局， CSS即层叠样式表单，用来控制HTML元素的显示形式。DIV+CSS是这种网页的布局方法，相对于TABLE而言，减少了大量代码，使布局结构更清晰，不仅提高浏览速度而且有助于后期优化。
2. DIV+CSS与TABLE布局区别
DIV+CSS布局，网页的内容与表现形式是分离的，也就是HTML和CSS文件是分开的，那么针对元素定义变更，只需做一次样式调整，那么使用此样式的元素都会得到更新，从而实现多个文档保持一致样式元素定义；而在TABLE中样式的变更要求逐步修改。DIT+CSS实现了W3C内容与表现的分离。
（五）开发工具
1.Dreamweaver
Dreamweaver在制作网页时，有三个界面可供选择操作，一、代码：完全显示编辑代码；二、拆分：界面上方是代码，下方是设计图。有利于对照编辑；三、设计：此界面主要展示设计图，在不用浏览器的情况下，也可以看到整个页面的布局及展示效果。昆山旅游网的大部分网页都是在Dreamweaver里面制作完成，同时可以生成模板，那么针对后面的子页设计提供了便利。
2.Adobe Photoshop CS5
Adobe Photoshop简称“PS”，是Adobe System开发并发行的图像处理软件。Photoshop主要处理以像像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。PS有功能涉及图像、图形、文字、视频、出版等各方面的图像处理。
二、需求分析
经济水平不断提高的时代下，人们对于自己的需要也开始多种多样化，旅游业也是这一形式发展下的一个重要产物。经济带动旅游业的发展，同时旅游也带动着经济的发展，这是一个良性循环的过程，而且旅游产业也是一个绿色产业，它符合这个社会的环保要求，所以在不久的将来旅游业肯定会很热门。制作旅游网站，也是为了更广的宣传，让更多游客了解昆山，前来观光旅游，带动经济发展，同时也是提供一个平台了、给游客更方便、轻松掌握旅游信息。
三、网站整体结构设计
网站设计主旨在于利用网络传播，宣传昆山旅游。让更多人们提供了解昆山。于游客而言能更轻松地掌握旅游信息。本人制作的网站“昆山旅游网站”以旅游为主，以更细致的介绍给游客提供更好地服务。主要内容包括昆山的简介、历史、文化、交通、旅游景点、风味美食以及酒店预订和趣味论坛。从旅游前的信息掌握。到游玩中的真实体会，再到游后感想的论谈，给游客们一整套的服务平台。通过网站既可以全面宣传昆山旅游，吸引更多游客，同时也可以带动昆山经济的发展。网站整体结构规划如图3-1 所示。
图3-1 网站结构规划
（一）Logo 设计
1.Logo设计思想
以“昆山”两个汉字为主，昆山历史悠久，昆山古镇极具江南特色充满古色古香，因此“昆山”两个字是选用的字体小纂，文字下方是一朵祥云，有吉祥的寓意，同时也表示昆山景色秀丽，人间仙境。如图3-1-1所示
2.步骤
通过上网搜索，找到“昆”、“山”篆体的图片和祥云图片。经过PS加工处理，即利用抠图工具，将汉字和祥云抠出。在PS中新建一个文件，将处理后的汉字和祥云进行组合保存，以供使用。
图3-1-1 Logo 设计
（二）首页设计
1.设计布局
MainLeft(左)
MainRight(中)
JS（3D展示效果）
热点（内容区）
资讯(内容区)
本市要闻
昆视新闻
图3-3-4 子页结构图
2.子页展示
Abstract
With the rapid development of network information age, people get a lot of information through the network approach. Kunshan travel website is to introduce Kunshans history, culture, tourist attractions, delicious -food site. Publicity Kunshans travelling through the sites, Let people on the screen to learn more about Kunshan. Attract more tourists come for sightseeing, while promoting economic developments. Adopt DIV + CSS layout, easier to maintain, clear, for build tourism website provides a convenient conditions.
The paper succinctly describes the establishment of Kunshan travel sites purpose, significance and background. Development tools: Macromedia Dreamweaver 8.0, Adobe Photoshop CS5, The main layout techniques: DIV + CSS, while briefly outlines *好棒文|www.hbsrm.com +Q: ^3^5`1^9`1^6^0`7^2#
the process of making the website.
Keyword: Travel DIV + CSS Layout
引言
（一）课题背景
网络信息高速发展，人们借助于网络获取大量信息。通过网站来宣传昆山旅游，让更多人在方寸屏幕上进一步了解昆山，吸引更多旅游者前来观光旅游，同时带动昆山经济发展。采用DIV+CSS布局，更易维护、条理清晰，轻松实现网站的构建。
（二）课题意义
旅游行业作为国家战略性支柱产业，是极具发展潜力的“朝阳产业”、“绿色产业”，宣传昆山旅游同时也是为了促进昆山经济发展。而在信息化时代下，网站宣传具备传播更广的途径，同时也是一种更容易让人们接受的方式。对于旅游者而言一些相关旅游信息是十分重要的，开发和建立旅游网站，也是为旅游者和各相关的行业提供了解全面、详细的旅游信息的平台。
（三）课题内容
本文详细系统地介绍了昆山旅游网站的实现与功能，主要包括首页、昆山概况、旅游景点、风味美食、酒店预订、趣味论坛、联系我们。论文首先阐述了在信息化时代下网站建设的背景和意义，其次详述了DIV+CSS布局方式的优点，随后对开发此网站做需求分析，叙述网站的总体设计，包括网站的超链接、以及JS特效的实现等等，最后是对网站进行测试，找出不足再作进一步的修改，完成昆山旅游网的设计。
（四）课题技术
1. DIV+CSS
采用DIV来布局， CSS即层叠样式表单，用来控制HTML元素的显示形式。DIV+CSS是这种网页的布局方法，相对于TABLE而言，减少了大量代码，使布局结构更清晰，不仅提高浏览速度而且有助于后期优化。
2. DIV+CSS与TABLE布局区别
DIV+CSS布局，网页的内容与表现形式是分离的，也就是HTML和CSS文件是分开的，那么针对元素定义变更，只需做一次样式调整，那么使用此样式的元素都会得到更新，从而实现多个文档保持一致样式元素定义；而在TABLE中样式的变更要求逐步修改。DIT+CSS实现了W3C内容与表现的分离。
（五）开发工具
1.Dreamweaver
Dreamweaver在制作网页时，有三个界面可供选择操作，一、代码：完全显示编辑代码；二、拆分：界面上方是代码，下方是设计图。有利于对照编辑；三、设计：此界面主要展示设计图，在不用浏览器的情况下，也可以看到整个页面的布局及展示效果。昆山旅游网的大部分网页都是在Dreamweaver里面制作完成，同时可以生成模板，那么针对后面的子页设计提供了便利。
2.Adobe Photoshop CS5
Adobe Photoshop简称“PS”，是Adobe System开发并发行的图像处理软件。Photoshop主要处理以像像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。PS有功能涉及图像、图形、文字、视频、出版等各方面的图像处理。
二、需求分析
经济水平不断提高的时代下，人们对于自己的需要也开始多种多样化，旅游业也是这一形式发展下的一个重要产物。经济带动旅游业的发展，同时旅游也带动着经济的发展，这是一个良性循环的过程，而且旅游产业也是一个绿色产业，它符合这个社会的环保要求，所以在不久的将来旅游业肯定会很热门。制作旅游网站，也是为了更广的宣传，让更多游客了解昆山，前来观光旅游，带动经济发展，同时也是提供一个平台了、给游客更方便、轻松掌握旅游信息。
三、网站整体结构设计
网站设计主旨在于利用网络传播，宣传昆山旅游。让更多人们提供了解昆山。于游客而言能更轻松地掌握旅游信息。本人制作的网站“昆山旅游网站”以旅游为主，以更细致的介绍给游客提供更好地服务。主要内容包括昆山的简介、历史、文化、交通、旅游景点、风味美食以及酒店预订和趣味论坛。从旅游前的信息掌握。到游玩中的真实体会，再到游后感想的论谈，给游客们一整套的服务平台。通过网站既可以全面宣传昆山旅游，吸引更多游客，同时也可以带动昆山经济的发展。网站整体结构规划如图3-1 所示。
图3-1 网站结构规划
（一）Logo 设计
1.Logo设计思想
以“昆山”两个汉字为主，昆山历史悠久，昆山古镇极具江南特色充满古色古香，因此“昆山”两个字是选用的字体小纂，文字下方是一朵祥云，有吉祥的寓意，同时也表示昆山景色秀丽，人间仙境。如图3-1-1所示
2.步骤
通过上网搜索，找到“昆”、“山”篆体的图片和祥云图片。经过PS加工处理，即利用抠图工具，将汉字和祥云抠出。在PS中新建一个文件，将处理后的汉字和祥云进行组合保存，以供使用。
图3-1-1 Logo 设计
（二）首页设计
1.设计布局
MainLeft(左)
MainRight(中)
JS（3D展示效果）
热点（内容区）
资讯(内容区)
本市要闻
昆视新闻
图3-3-4 子页结构图
2.子页展示
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1815.html
