旅游网站设计.docx

WORD格式 专业资料整理 Web网页设计报告 2012 年12 月01日 目录 一引言 2 1.1网站建设概述 2 1.2规划思路 3 二网站总体分析与设计 3 2.1系统的功能结构 3 2.2系统的功能特点 4 2.3页面设计 4 1 三各个功能模块的实现 4 3.1信息记录 4 3.2信息浏览功能 5 3.3具体实现 6 四总结 8 一引言 新的世纪，互联网进入一个崭新的阶段， 信息化的发展带动其它产业的发 展，各行业都将与它进行更深入的融合和渗透。，互联网成为人们快速获取、 发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重 要的作用。为了适应知识经济社会的需要，促进学习与交流。网上交流和协作 的功能比较普遍；技术管理和资源管理受到重视。随着互联网的普及和发展， 必将有越来越多的企业及个人在英特网上拥有自己的网站。 网站建设成为企业 形象宣传、产品展示推广、客户沟通的最新最快捷的桥梁； 成为个人展示自我， 与世界交流的重要平台。越来越多的人已开始从对互联网的认知阶段进入到认 同和行动阶段。Internet 上发布信息主要是通过网站来实现的，获取信息也 是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了更好的协作，更多的与外界交流新的信息，和他人共享信息，特构建旅游网站。 1.1网站建设概述 2 此次设计的项目是构建一个九寨沟旅游网站，有个人信息记录系统,网站主要实现旅游信息查询系统部分,使访问者可查询旅游有关的信息。 1.2规划思路 网站的基本风格是简洁明快的界面、实用的旅游讯息和个性化的社区。 网页设计的构思是： 主页上有标志物，能让浏览者一眼就知道是主页。 用到CSS模板制作网页，这样子的网页比较有一致性。 各个页面上都有漂浮物，运用JavaScript实现动态效果。 设计渐进显示的页面，每个图标都应配有文字说明显示，这样做可以减少 等待时不耐烦的心情。 (5）图象的应用时要注意至多只用一到两个主要的较大图象，并辅以一系列较 小的图标。 (6）在网页设计中，设有导航栏，使得层次清晰，便于浏览者浏览。 内容，内容是一个网站的灵魂。要使网站脱颖而出,须注意其组织的条理性、内容的充实性和新鲜性,以区别于其它同类网站,让上网者觉得物有所值。 (8）多媒体、视频，音乐等综合功能。形式是一个网站内容的外在表现。其界 面的质量直接影响访问者的主观感受。网页设计要体现专业特点,富有特色,给人耳目一新的感觉。 基于以上所需实现的功能，所以我选择了ASP技术结合MacromediaDreamweaverMX2004软件架构个人网站。 二网站总体分析与设计 2.1系统的功能结构 旅游网站主页模型如图所示。 九寨沟旅游网主页 九 自 出 旅 风 特 信 资 联 寨 然 行 游 土 产 息 源 系 沟 风 指 贴 人 指 记 浏 我 简 光 南 士 情 南 录 览 们 介 通过进入主页及下级网页 ,可以实现对旅游资源和旅游服务设施的浏览以及 个人信息的录入等功能。本旅游信息网站的功能是针对旅游者而设计的 ,有以下 3 两种功能: 查看浏览功能 进行旅游交通、住宿等的查询。 信息记录系统本系统的用户。 2.2系统的功能特点 （1）操作简单、界面友好：完全控件式的页面布局，使得旅游信息的录入工作更简便；许多选项包括信息类别、来源部门等只需要点击鼠标就可以完成；另外，跟踪出现的提示信息也让用户随时清楚自己的操作情况。 2）即时可见：对信息的处理,将立即在主页的对应栏目显示出来，达到"即时发布、即时见效"的功能。 3）功能完善：完整地实现了网站对即时旅游信息的要求。 2.3页面设计 下面介绍一下网站中的几个网页的制作。 九寨旅游的主页（20.html），背景色采用蓝色，蓝色的背景可以给人天然的感觉，无疑是最好的选择。图片的下方为导航栏，导航栏下方是图片与链接页，正下方是用Photoshop处理过的图片。左边的有天气查询链接与景点介绍，右边是一些特产与旅社的介绍。这样制作丰富了页面内容，使整个页面条理清晰。 出行指南页面（26.html），背景色与主页保持一致。这一页的主要内容是有用到层的隐藏。整个页面包括线路与交通等信息，清晰有致，比较大方，浏览者可以清楚的看到九寨沟的线路与景点。 个人信息记录页面（25.html），要求游客输入个人信息包括登录名性别，身份证号等信息，方便管理用户资料。所有页面整齐划一，设计风格保持一致，加上蓝色的背景，给人简洁、明了、大方的感觉。 三各个功能模块的实现 3.1信息记录 进入网站的游客，能浏览网页并进行个人信息录入。 页面的设计： 4 3.