旅游网站的设计与实现

目录
第一章绪论 1
1.1选题背景 1
1.2网站设计的意义 1
1.3研究的主要内容 2
第二章开发工具和运行环境 3
2.1网站设计的基本知识 3
2.2 Dreamweaver 8简介 3
2.3 HTML简介 3
2.4 HTML技术介绍 4
2.5网站运行环境 4
第三章网站需求分析 5
3.1 系统概述 5
3.2 系统的可行性分析 5
3.3需求分析 5
3.3.1需求描述 5
3.3.2用例建模 5
3.4用例描述 6
3.4.1用户管理用例描述 6
3.4.2团目管理用例描述 7
第四章网站的设计与实现 8
4.1网站的总体设计 8
4.1.1网站结构图 8
4.1.2网站的风格 8
4.2网站的详细设计 8
4.2.1素材准备 8
4.2.2首页 8
4.2.3网站页面内容 15
4.3网站后台设计 20
4.3.1后台首页 20
4.3.2景点列表页 21
第五章网站测试与维护 22
5.1编程环境展示 22
5.2界面实现 22
总结 24
致谢 25
参考文献 26
本次设计从需求概述、可行性分析、系统用例分析、系统时序图分析等方面讨论旅游管理系统需求；然后，从功能模块结构、技术架构、层次分析等方面探讨旅游管理系统设计；在此基础上，实现浏览旅游管理系统功能模块实现过程；最后，总结该旅游管理系统构建过程，并展望其应用和研究前景。有效提高了旅游管理效率，具有良好的应用效果，其先进的设计理念和框架技术，为旅游业信息化工作提供了极有价值的借鉴。
第二章开发工具和运行环境
2.1网站设计的基本知识
静态编程最重要的特征就是由程序自动生成网页，最终形成供浏览器解释的HTML。那么如何设计出精美的网页以及动态更新交互的站点，这就需要网页编程与网页制作相结合。本章主要介绍网站建设所必须掌握的基础知识，如网页文档的结构、超链接、表格和表单等基本的HTML标识的写法要求，网页编辑的常用工具，动态网站项目工程的设计步骤要求，以及网站的发布与维护、网站的主机方案等相关知识。
2.2 Dreamweaver 8简介
Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。突出的特点主要有灵活的编写方式；可视化编辑界面；功能更多的CSS支持——CSS可视化设计、CSS检查工具；动态跨浏览器验证；强大的WEB站点管理功能；内建的图形编辑引擎；丰富的媒体支持能力等。
它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序，从而使用户能连接到数据库、Web 服务和旧式系统。开发环境支持HTML、ASP、ASP.NET、JSP等，提供众多功能强大的可视化设计工具、应用开发环境以及代码编辑支持。主要用于素材整理、排版以及后台程序的交互。
2.3 HTML简介
全称：HyperText Mark-up Language
译称：超文本标记语言。
简意：一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）合文件达到预期的效果。
HTML 是在 SGML 定义下的一个描述性的语言，或可说 HTML 是 SGML 的一个应用程式。HTML 不是程式语言，如 C++ 和 Java 之类，它只是标记语言，基本上你只要明白了各种标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于编辑部方面，任何文字编辑器都市可以，只要能将档案存为文本格式即可，用专门的网页编辑工具当然更好。
2.4 HTML技术介绍
Macromedia公司的Roundtrip HTML技术让用户可以随意导入HTML文件而无需重新设置代码格式，用户还可以利用Dreamweaver清除或重新格式化HTML代码，实现代码的优化。
利用Dreamweaver，可以方便地使用动态HTML功能，却不需要写一行行的代码；利用它还可以检查作品在所有流行的平台和浏览器中可能发生的错误。
当然，如果不用DW的话，本文转载自http://www.biyezuopin.vip/onews.asp?id=14317同样可以制作出非常棒的网站来，其实什么样的程序或者HTML代码都可以直接用记事本来写，只不过DW实现起来确实方便一些吧，还有一些其他的网页编辑工具，比如微软的Frontpage等等，只是想说明一下，做网站，DW很好用，但是不是必须的!
2.5网站运行环境
① 服务器：
◆ 操作系统： windows 2003 Server；
◆ Web服务器：IIS5.0
◆ 数据平台：Access
② 客户端：
◆任意操作系统下的浏览器均可。
③ 配置要求：
CPU Intel或兼容机Pentium 166Mhz或以上
企业版：至少64M建议128M或更多
内存标准版：至少512M
开发版：至少512M
硬盘 Service：至少80G，一般为160G
English Query：80M
显视器 VGA或更高分辨率

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>苏州旅游</title>
<link href="style/main.css" rel="stylesheet" type="text/css" />
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
	<div id="wrap">
		<!--header-->
		<div id="header">
			<h1><img src="img/logo.jpg" alt="千年古镇 世界江苏" /></h1>
			<ul id="menu">
				<li><a href="#this"><img src="img/menu1.jpg" alt="江苏首页" /></a></li>
				<li><a href="index1.html"><img src="img/menu2.jpg" alt="走进江苏" /></a></li>
				<li><a href="index2.html"><img src="img/menu3.jpg" alt="新闻动态" /></a></li>
				<li><a href="index3.html"><img src="img/menu4.jpg" alt="旅游指南" /></a></li>
				<li><a href="index4.html"><img src="img/menu5.jpg" alt="文化江苏" /></a></li>
				<li><a href="index5.html"><img src="img/menu6.jpg" alt="江苏印象" /></a></li>
				<li><a href="index6.html"><img src="img/menu7.jpg" alt="招商引资" /></a></li>
				<li><a href="index7.html"><img src="img/menu8.jpg" alt="在线留言" /></a></li>
				<li><a href="index8.html"><img src="img/menu9.jpg" alt="江苏首页" /></a></li>
			</ul>
			<div id="banner">
				<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1003" height="309">
					<param name="movie" value="fla/a2.swf" />
					<param name="quality" value="high" />
					<param name="wmode" value="transparent" />
					<param name="swfversion" value="8.0.35.0" />
					<!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 -->
					<param name="expressinstall" value="Scripts/expressInstall.swf" />
					<!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 -->
					<!--[if !IE]>-->
					<object type="application/x-shockwave-flash" data="fla/a2.swf" width="1003" height="309">
						<!--<![endif]-->
						<param name="quality" value="high" />
						<param name="wmode" value="transparent" />
						<param name="swfversion" value="8.0.35.0" />
						<param name="expressinstall" value="Scripts/expressInstall.swf" />
						<!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 -->
						<div>
							<h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4>
							<p><a href="http://www.adobe/go/getflashplayer"><img src="http://www.adobe/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" /></a></p>
						</div>
						<!--[if !IE]>-->
					</object>
					<!--<![endif]-->
				</object>
			</div>
		</div>
		<!--//header-->
		<!--contents-->
		<div id="contents">
			<div class="top">
				<h2 class="tit"><img src="img/top_box1.jpg" alt="天气预报" /></h2>
				<div class="img"><img src="img/top_box1_img.jpg" alt="img" /></div>
				<div class="text">江苏&nbsp;晴&nbsp;22℃~23℃</div>
			</div>
			<div class="left">
				<div class="box1">
					<h2 class="tit_main fn_14 spacing"><span class="text_rd">最</span>新公告</h2>
					<ul class="main">
						<li><a href="#this">古镇保护、旅游、人居三不误</a></li>
						<li><a href="#this">古镇保护、旅游、人居三不误</a></li>
						<li><a href="#this">古镇保护、旅游、人居三不误</a></li>
					</ul>
				</div>
				<div class="box2">
					<h2 class="tit_main fn_14 spacing"><span class="text_rd">同</span>里活动</h2>
					<div class="img"><img src="img/nav1.jpg" alt="nav1" /></div>
					<div class="text1 text_rd2 text_wd">“爱我园林”园林系...</div>
					<div class="text2 text_black">6.26爱我园林园林系统庆七一职工文艺演出在扬...</div>
					<ul class="main">
						<li><a href="#this" class="fl">让人垂涎欲滴的端午</a><span class="fr text_black">2021-03-16</span></li>
						<li><a href="#this" class="fl">让人垂涎欲滴的端午</a><span class="fr text_black">2021-03-16</span></li>
						<li><a href="#this" class="fl">让人垂涎欲滴的端午</a><span class="fr text_black">2021-03-16</span></li>
						<li><a href="#this" class="fl">让人垂涎欲滴的端午</a><span class="fr text_black">2021-03-16</span></li>
					</ul>
				</div>
			</div>
			<div class="right">
				<div class="box1">
					<div class="tit"><img src="img/right_nav1.gif" alt="江苏文化" class="fl" /><span class="fr"><a href="index4.html">更多>></a></span></div>
					<div class="main">
						<div class="img"><img src="img/nav2.jpg" alt="nav2" /></div>
						<div class="list1">
							<dl>
								<dt>作家与江苏</dt>
								<dd class="dd1"><a href="#this">江苏</a></dd>
								<dd class="dd2"><a href="#this">拾童年</a></dd>
								<dd class="dd1"><a href="#this">江苏</a></dd>
								<dd class="dd2"><a href="#this">拾童年</a></dd>
								<dd class="dd1"><a href="#this">江苏</a></dd>
								<dd class="dd2"><a href="#this">拾童年</a></dd>
								<dd class="dd1"><a href="#this">江苏</a></dd>
								<dd class="dd2"><a href="#this">拾童年</a></dd>
							</dl>
							<div class="more"><a href="#this">更多>></a></div>
						</div>
						<div class="list2">
							<dl>
								<dt>我的江苏情愿</dt>
								<dd><a href="#this">晒晒小金家的幸福</a></dd>
								<dd><a href="#this">晒晒小金家的幸福</a></dd>
								<dd><a href="#this">晒晒小金家的幸福</a></dd>
								<dd><a href="#this">晒晒小金家的幸福</a></dd>
							</dl>
							<div class="more"><a href="#this">更多>></a></div>
						</div>
					</div> 
				</div>
				<div class="box2">
					<div class="tit"><img src="img/right_nav2.gif" alt="景点一览" class="fl" /><span class="fr"><a href="index5.html">更多>></a></span></div>
					<dl class="main">
						<dt><img src="img/nav3.jpg" alt="nav3" /></dt>
						<dd>苏州旅游网站居社</dd>
					</dl>
					<dl class="main">
						<dt><img src="img/nav3.jpg" alt="nav3" /></dt>
						<dd>苏州旅游网站居社</dd>
					</dl>
					<dl class="main mr_right">
						<dt><img src="img/nav3.jpg" alt="nav3" /></dt>
						<dd>苏州旅游网站居社</dd>
					</dl>
				</div>
				<div class="box3"><img src="img/nav4.jpg" alt="nav4" /></div>
			</div>
		</div> 
		<!--contents-->
		<!--footer-->
		<div id="footer">
			<ul class="text1">
				<li>版权声明</li>
				<li>联系我们</li>
				<li>友情链接</li>
				<li>网站地图</li>
				<li class="bg_none">媒体专区</li>
			</ul>
			<ul class="text2">
				<li>苏州旅游网站</li>
				<li>版权所有</li>
				<li>苏ICP备09047137号</li>
			</ul>
			<ul class="text3">
				<li>点石正午</li>
				<li>全案策划</li>
			</ul>
		</div>
		<!--//footer-->
	</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
	</script>
</body>
</html>