白金汉爵大酒店网站建设
随着苏州地区的经济发展，居民生活水平的不断提高，人们开始追求更高品质的生活，于是酒店服务行业迅速兴起。苏州市白金汉爵大酒店凭借高档次的饮食、住房、娱乐一体化活动迅速打入苏州酒店市场，成为酒店行业的领头企业。员工热忱、高品质的服务更是吸引无数外地慕名而来的游客。酒店组织庞大、服务项目多、信息量大，要想提高效率，降低成本，必须借助计算机来进行现代化管理。根据酒店需要，建设酒店网站。使顾客能够方便查阅和预订。该网站主要运用HTML5和CSS3实施网站建设,合理地运用各种网页制作的新技术，进一步提升企业形象。
目录
一、引言 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: ^351916072*
于要实现用户及酒店的互利和双赢。用户可通过这个酒店网站浏览到酒店的信息，丰富的图片以及文字向用户介绍酒店的各种美食，房间、娱乐等情况。线上预订的方式开启，不必到酒店再点餐，订房间，节约了用户的时间以及来回的费用。而酒店也可以经常在网上更新动态，新开发的菜式，优惠活动，让用户更了解酒店情况，增加订单，增加酒店的知名度。网上酒店网站就是为客户与酒店提供了一个便利的信息交流平台。
二、网站需求分析
（一）市场分析
苏州未来发展方向：苏州市已明确在下一世纪将苏州建成区域性旅游休闲及度假于一体的娱乐基地，充分发挥特有的旅游资源优势，迅速使旅游业成为全市国民经济新兴支柱产业。旅游市场的不断膨胀，直接导致了酒店业进入迅猛发展的增长期。酒店网站建设，可以通过在线预订方式，为异地游客提供旅游服务，避免通过旅行社，增加费用。网站首页定期更新折扣活动消息，吸引更多当地客户。
（二）社会需求
现在网络迅速发展，呈现商业化、全球化、全民化的趋势。目前人们可以从网上订餐、购票、充话费等。几乎现实可以买到的网上都可以买。人通过网络可以足不出户的知道外面发生的事情。更高的要求。所以人们对酒店网上预订功能的实现也是有需求的。
（三）网站前景
本网站可以实现人们远程预订房间、餐饮、会议等需求。功能是帮助酒店扩大市场和增加知名度。有节省时间、节约费用、操作方便等优势，网上酒店拥有广阔的前景。
三、网站内容规划
（一）总体设计
1.功能结构图绘制
本网站共分为首页、客房、美食、休闲娱乐、宴会及会议、关于我们、到达指引等七个模块。每个模块都进行仔细的排版，大量的图片，详细的文字介绍直观的向用户介绍酒店的各种产品，带来更好的用户体验。详细结构图如图31所示
图31
2.框架设计
首页页面设计，使用DIV+CSS进行设计，网站首页就相当于酒店的门面，酒店的基本情况，以及最具吸引力的产品都会在首页展示出来。页面头部展示了酒店LOGO、酒店名称、酒店地址和联系方式。导航栏明确的写明酒店提供住客房、美食、娱乐、会议等项目，更是增加了关于我们以及到达指引，让用户能够更深的了解酒店情况，以及到达酒店的交通路线。导航栏下面是轮播图，向用户展示了酒店周围环境，以及停车位置等。让用户对酒店情况有一个大致的了解。页面主体部分向用户展示了酒店提供的服务当中极具代表性的三样招牌产品。折扣信息向用户展示了酒店的促销活动，以吸引客户。首页具体框架如图所示42。
LOGO
标题
电话/登录/注册
导航
酒店图片轮播展示
部分产品展示
折扣产品
最新动态更新
二维码
相关酒店链接
图32 首页布局框架
二级客房页面分为单人间、双人间、豪华套间。三种类型的房间下分别有A、B、C三种套餐供不同消费人群选择。具体如图33所示。
LOGO
标题
电话
导航
产品大图展示
二级导航
产品分类展示
产品分类展示
产品分类展示
产品分类展示
产品分类展示
产品分类展示
产品分类展示
产品分类展示
产品分类展示
图33 子页布局框架
三级页面包括一级导航和二级导航，让用户可以迅速切换，产品详情是向用户清楚的展示了产品的情况，用户可以右侧预订。效果如图34所示。
LOGO
标题
电话
一级导航
二级导航
图片轮换
预订时间
产品详情
产品详情
产品详情
图34 三级页面布局框架
3.详细设计
首页DIV结构如图35所示：
图 35 首页DIV结构
首页DIV代码结构如下：
目录
一、引言 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: ^351916072*
于要实现用户及酒店的互利和双赢。用户可通过这个酒店网站浏览到酒店的信息，丰富的图片以及文字向用户介绍酒店的各种美食，房间、娱乐等情况。线上预订的方式开启，不必到酒店再点餐，订房间，节约了用户的时间以及来回的费用。而酒店也可以经常在网上更新动态，新开发的菜式，优惠活动，让用户更了解酒店情况，增加订单，增加酒店的知名度。网上酒店网站就是为客户与酒店提供了一个便利的信息交流平台。
二、网站需求分析
（一）市场分析
苏州未来发展方向：苏州市已明确在下一世纪将苏州建成区域性旅游休闲及度假于一体的娱乐基地，充分发挥特有的旅游资源优势，迅速使旅游业成为全市国民经济新兴支柱产业。旅游市场的不断膨胀，直接导致了酒店业进入迅猛发展的增长期。酒店网站建设，可以通过在线预订方式，为异地游客提供旅游服务，避免通过旅行社，增加费用。网站首页定期更新折扣活动消息，吸引更多当地客户。
（二）社会需求
现在网络迅速发展，呈现商业化、全球化、全民化的趋势。目前人们可以从网上订餐、购票、充话费等。几乎现实可以买到的网上都可以买。人通过网络可以足不出户的知道外面发生的事情。更高的要求。所以人们对酒店网上预订功能的实现也是有需求的。
（三）网站前景
本网站可以实现人们远程预订房间、餐饮、会议等需求。功能是帮助酒店扩大市场和增加知名度。有节省时间、节约费用、操作方便等优势，网上酒店拥有广阔的前景。
三、网站内容规划
（一）总体设计
1.功能结构图绘制
本网站共分为首页、客房、美食、休闲娱乐、宴会及会议、关于我们、到达指引等七个模块。每个模块都进行仔细的排版，大量的图片，详细的文字介绍直观的向用户介绍酒店的各种产品，带来更好的用户体验。详细结构图如图31所示
图31
2.框架设计
首页页面设计，使用DIV+CSS进行设计，网站首页就相当于酒店的门面，酒店的基本情况，以及最具吸引力的产品都会在首页展示出来。页面头部展示了酒店LOGO、酒店名称、酒店地址和联系方式。导航栏明确的写明酒店提供住客房、美食、娱乐、会议等项目，更是增加了关于我们以及到达指引，让用户能够更深的了解酒店情况，以及到达酒店的交通路线。导航栏下面是轮播图，向用户展示了酒店周围环境，以及停车位置等。让用户对酒店情况有一个大致的了解。页面主体部分向用户展示了酒店提供的服务当中极具代表性的三样招牌产品。折扣信息向用户展示了酒店的促销活动，以吸引客户。首页具体框架如图所示42。
LOGO
标题
电话/登录/注册
导航
酒店图片轮播展示
部分产品展示
折扣产品
最新动态更新
二维码
相关酒店链接
图32 首页布局框架
二级客房页面分为单人间、双人间、豪华套间。三种类型的房间下分别有A、B、C三种套餐供不同消费人群选择。具体如图33所示。
LOGO
标题
电话
导航
产品大图展示
二级导航
产品分类展示
产品分类展示
产品分类展示
产品分类展示
产品分类展示
产品分类展示
产品分类展示
产品分类展示
产品分类展示
图33 子页布局框架
三级页面包括一级导航和二级导航，让用户可以迅速切换，产品详情是向用户清楚的展示了产品的情况，用户可以右侧预订。效果如图34所示。
LOGO
标题
电话
一级导航
二级导航
图片轮换
预订时间
产品详情
产品详情
产品详情
图34 三级页面布局框架
3.详细设计
首页DIV结构如图35所示：
图 35 首页DIV结构
首页DIV代码结构如下：
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/xxaq/884.html
