马蜂窝旅游网站

摘 要：马蜂窝旅游网是中国领先的自由行服务平台，由陈罡和吕刚创立于2006年，从2010年正式开始公司化运营。马蜂窝的景点、餐饮、酒店等点评信息均来自上亿用户的真实分享，每年帮助过亿的旅行者制定自由行方案。马蜂窝旅游网是广受中国年轻一代追捧的旅行网站，被誉为中国的旅行圣经。    网站的开发运用了div+css,js技术，主要内容是首页，登录页，一级页面、二级页、以及详情页，展示页等等页面。整体以黄色背景作为衬托，极度体现了现代化的生活节奏。网站板块大多以旅行的详情信息为基础设计，紧贴网站主题。整体布局清新别致，交互性强，实时性高。网站使用js脚本实现了登录页面功能以及相互跳转的功能、轮播图功能、选项卡功能、添加图片功能等功能。

关键词：div+css js 马蜂窝旅游网站

目 录

1引言 1

1.1马蜂窝网站的开发背景 1

1.2马蜂窝旅行网站的意义与设计目的 1

2开发工具及环境介绍 2

2.1马蜂窝旅行网站的开发环境 2

2.2本项目应用的主要开发工具 2

2.2.1HBuider 2

2.2.2Adobe Photoshop CS4 3

2.3本项目应用的主要开发技术 4

2.3.1 HTML 语言 4

2.3.2 DIV+CSS 4

2.3.3 java script 5

3项目概述 6

3.1项目概述 6

3.2 项目风险 6

3.3项目进度计划 7

4 项目需求分析 9

4.1概要设计 9

4.2现行研究存在的问题及解决办法 10

5网站实现 11

5.1网站前台界面设计与布局 11

5.1.1首页 11

5.1.2前台登录界面 15

5.1.3内容页 18

5.2说明 22

5.2.1项目文件命名规范 22

5.2.2项目文件结构说明 22

5.3 project 文件配置 23

6测试 24

6.1测试 24

6.2测试例子及其结果 25

6.2.1页面效果测试 25

7总结与展望 26

致谢 27

参考文献 29