白金汉爵大酒店网站建设毕业设计说明书
目录
一、引言 1
（一）课题简介 1
（二）课题意义 1
二、网站需求分析 1
（一）市场分析 1
（二）社会需求 1
（三）网站前景 1
三、网站内容规划 1
（一）总体设计 1
1.功能结构图绘制 1
2.框架设计 2
3.详细设计 4
四、网站实现 10
（一）首页 10
（二）客房页面 12
（三）美食页面 12
（四）休闲娱乐页面 13
（五）宴会及会议页面 14
（六）到达指引页面 15
（七）KTV页面 16
五、网站JS特效 18
(一) 首页轮播图JS 18
(二) 子页图片轮播 19
(三) 日期JS特效 20
六、总结 23
致谢 24
参考文献 24
一、引言
（一）课题简介
该网站主要解决用户预订酒店操作繁琐，耗时久，以及酒店管理信息量大，处理效率低，准确度差等问题。极大的方便了用户的线上预定和酒店的系统化管理。提供一个平台，直观准确的向用户展示酒店的住宿环境、餐饮条件以及娱乐活动。采取网上预订方式，便捷顾客的行程，机械化操作，减少员工的工作任务。网站及时更新酒店的最新动态及优惠信息，提升酒店形象，增加酒店客流量，给用户一个完美体验。
（二）课题意义
设计开发一个酒店网站，其根本意义就在于要实现用户及酒店的互利和双赢。用户可通过这个酒店网站浏览到酒店的信息，丰富的图片以及文字向用户介绍酒店的各种美食，房间、娱乐等情况。线上预订的方式开启，不必到酒店再点餐，订房间，节约了用户的时间以及来回的费用。而酒店也可以经常在网上更新动态，新开发的菜式，优惠活动，让用户更了解酒店情况，增加订单，增加酒店的知名度。网上酒店网站就是为客户与酒店提供了一个便利的信息交流平台。
二、网站需求分析
（一）市场分析
苏州未来发展方向：苏州市已明确在下一世纪将苏州建成区域性旅游休闲
*好棒文|www.hbsrm.com +Q: 3 5 1 9 1 6 0 7 2
间、娱乐等情况。线上预订的方式开启，不必到酒店再点餐，订房间，节约了用户的时间以及来回的费用。而酒店也可以经常在网上更新动态，新开发的菜式，优惠活动，让用户更了解酒店情况，增加订单，增加酒店的知名度。网上酒店网站就是为客户与酒店提供了一个便利的信息交流平台。
二、网站需求分析
（一）市场分析
苏州未来发展方向：苏州市已明确在下一世纪将苏州建成区域性旅游休闲及度假于一体的娱乐基地，充分发挥特有的旅游资源优势，迅速使旅游业成为全市国民经济新兴支柱产业。旅游市场的不断膨胀，直接导致了酒店业进入迅猛发展的增长期。酒店网站建设，可以通过在线预订方式，为异地游客提供旅游服务，避免通过旅行社，增加费用。网站首页定期更新折扣活动消息，吸引更多当地客户。
（二）社会需求
现在网络迅速发展，呈现商业化、全球化、全民化的趋势。目前人们可以从网上订餐、购票、充话费等。几乎现实可以买到的网上都可以买。人通过网络可以足不出户的知道外面发生的事情。更高的要求。所以人们对酒店网上预订功能的实现也是有需求的。
（三）网站前景
本网站可以实现人们远程预订房间、餐饮、会议等需求。功能是帮助酒店扩大市场和增加知名度。有节省时间、节约费用、操作方便等优势，网上酒店拥有广阔的前景。
三、网站内容规划
（一）总体设计
1.功能结构图绘制
本网站共分为首页、客房、美食、休闲娱乐、宴会及会议、关于我们、到达指引等七个模块。每个模块都进行仔细的排版，大量的图片，详细的文字介绍直观的向用户介绍酒店的各种产品，带来更好的用户体验。详细结构图如图3-1所示
图3-1
2.框架设计
首页页面设计，使用DIV+CSS进行设计，网站首页就相当于酒店的门面，酒店的基本情况，以及最具吸引力的产品都会在首页展示出来。页面头部展示了酒店LOGO、酒店名称、酒店地址和联系方式。导航栏明确的写明酒店提供住客房、美食、娱乐、会议等项目，更是增加了关于我们以及到达指引，让用户能够更深的了解酒店情况，以及到达酒店的交通路线。导航栏下面是轮播图，向用户展示了酒店周围环境，以及停车位置等。让用户对酒店情况有一个大致的了解。页面主体部分向用户展示了酒店提供的服务当中极具代表性的三样招牌产品。折扣信息向用户展示了酒店的促销活动，以吸引客户。首页具体框架如图所示4-2。
LOGO
标题
电话/登录/注册
导航
酒店图片轮播展示
部分产品展示
折扣产品
最新动态更新
二维码
相关酒店链接
图3-2 首页布局框架
二级客房页面分为单人间、双人间、豪华套间。三种类型的房间下分别有A、B、C三种套餐供不同消费人群选择。具体如图3-3所示。
LOGO
标题
电话
导航
产品大图展示
二级导航
产品分类展示
产品分类展示
产品分类展示
产品分类展示
产品分类展示
产品分类展示
产品分类展示
产品分类展示
产品分类展示
图3-3 子页布局框架
三级页面包括一级导航和二级导航，让用户可以迅速切换，产品详情是向用户清楚的展示了产品的情况，用户可以右侧预订。效果如图3-4所示。
LOGO
标题
电话
一级导
一、引言 1
（一）课题简介 1
（二）课题意义 1
二、网站需求分析 1
（一）市场分析 1
（二）社会需求 1
（三）网站前景 1
三、网站内容规划 1
（一）总体设计 1
1.功能结构图绘制 1
2.框架设计 2
3.详细设计 4
四、网站实现 10
（一）首页 10
（二）客房页面 12
（三）美食页面 12
（四）休闲娱乐页面 13
（五）宴会及会议页面 14
（六）到达指引页面 15
（七）KTV页面 16
五、网站JS特效 18
(一) 首页轮播图JS 18
(二) 子页图片轮播 19
(三) 日期JS特效 20
六、总结 23
致谢 24
参考文献 24
一、引言
（一）课题简介
该网站主要解决用户预订酒店操作繁琐，耗时久，以及酒店管理信息量大，处理效率低，准确度差等问题。极大的方便了用户的线上预定和酒店的系统化管理。提供一个平台，直观准确的向用户展示酒店的住宿环境、餐饮条件以及娱乐活动。采取网上预订方式，便捷顾客的行程，机械化操作，减少员工的工作任务。网站及时更新酒店的最新动态及优惠信息，提升酒店形象，增加酒店客流量，给用户一个完美体验。
（二）课题意义
设计开发一个酒店网站，其根本意义就在于要实现用户及酒店的互利和双赢。用户可通过这个酒店网站浏览到酒店的信息，丰富的图片以及文字向用户介绍酒店的各种美食，房间、娱乐等情况。线上预订的方式开启，不必到酒店再点餐，订房间，节约了用户的时间以及来回的费用。而酒店也可以经常在网上更新动态，新开发的菜式，优惠活动，让用户更了解酒店情况，增加订单，增加酒店的知名度。网上酒店网站就是为客户与酒店提供了一个便利的信息交流平台。
二、网站需求分析
（一）市场分析
苏州未来发展方向：苏州市已明确在下一世纪将苏州建成区域性旅游休闲
*好棒文|www.hbsrm.com +Q: 3 5 1 9 1 6 0 7 2
间、娱乐等情况。线上预订的方式开启，不必到酒店再点餐，订房间，节约了用户的时间以及来回的费用。而酒店也可以经常在网上更新动态，新开发的菜式，优惠活动，让用户更了解酒店情况，增加订单，增加酒店的知名度。网上酒店网站就是为客户与酒店提供了一个便利的信息交流平台。
二、网站需求分析
（一）市场分析
苏州未来发展方向：苏州市已明确在下一世纪将苏州建成区域性旅游休闲及度假于一体的娱乐基地，充分发挥特有的旅游资源优势，迅速使旅游业成为全市国民经济新兴支柱产业。旅游市场的不断膨胀，直接导致了酒店业进入迅猛发展的增长期。酒店网站建设，可以通过在线预订方式，为异地游客提供旅游服务，避免通过旅行社，增加费用。网站首页定期更新折扣活动消息，吸引更多当地客户。
（二）社会需求
现在网络迅速发展，呈现商业化、全球化、全民化的趋势。目前人们可以从网上订餐、购票、充话费等。几乎现实可以买到的网上都可以买。人通过网络可以足不出户的知道外面发生的事情。更高的要求。所以人们对酒店网上预订功能的实现也是有需求的。
（三）网站前景
本网站可以实现人们远程预订房间、餐饮、会议等需求。功能是帮助酒店扩大市场和增加知名度。有节省时间、节约费用、操作方便等优势，网上酒店拥有广阔的前景。
三、网站内容规划
（一）总体设计
1.功能结构图绘制
本网站共分为首页、客房、美食、休闲娱乐、宴会及会议、关于我们、到达指引等七个模块。每个模块都进行仔细的排版，大量的图片，详细的文字介绍直观的向用户介绍酒店的各种产品，带来更好的用户体验。详细结构图如图3-1所示
图3-1
2.框架设计
首页页面设计，使用DIV+CSS进行设计，网站首页就相当于酒店的门面，酒店的基本情况，以及最具吸引力的产品都会在首页展示出来。页面头部展示了酒店LOGO、酒店名称、酒店地址和联系方式。导航栏明确的写明酒店提供住客房、美食、娱乐、会议等项目，更是增加了关于我们以及到达指引，让用户能够更深的了解酒店情况，以及到达酒店的交通路线。导航栏下面是轮播图，向用户展示了酒店周围环境，以及停车位置等。让用户对酒店情况有一个大致的了解。页面主体部分向用户展示了酒店提供的服务当中极具代表性的三样招牌产品。折扣信息向用户展示了酒店的促销活动，以吸引客户。首页具体框架如图所示4-2。
LOGO
标题
电话/登录/注册
导航
酒店图片轮播展示
部分产品展示
折扣产品
最新动态更新
二维码
相关酒店链接
图3-2 首页布局框架
二级客房页面分为单人间、双人间、豪华套间。三种类型的房间下分别有A、B、C三种套餐供不同消费人群选择。具体如图3-3所示。
LOGO
标题
电话
导航
产品大图展示
二级导航
产品分类展示
产品分类展示
产品分类展示
产品分类展示
产品分类展示
产品分类展示
产品分类展示
产品分类展示
产品分类展示
图3-3 子页布局框架
三级页面包括一级导航和二级导航，让用户可以迅速切换，产品详情是向用户清楚的展示了产品的情况，用户可以右侧预订。效果如图3-4所示。
LOGO
标题
电话
一级导
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/2459.html
