从前慢旅行网站

摘 要：从前慢旅行网是一个绿色，清新，环境友好型的健康旅游网站。使得人们出行更加便捷，环境保护更加周到，不仅降低了出行旅游的成本，更换给旅游景点一个绿水青山。与传统网站不同的是，从前慢旅行网站的服务周全，内容详尽，价格优惠，效率高。不仅如此，它更是一个富有新意，清丽脱俗的全新富有创造性与交互性的网站。

    网站的开发运用了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.1Microsoft Visual Studio code 2010 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前台登录界面 13

5.1.3内容页 16

5.2说明 19

5.2.1项目文件命名规范 19

5.2.2项目文件结构说明 19

5.4 project 文件配置 20

6测试 22

6.1测试 22

6.2测试例子及其结果 23

6.2.1页面效果测试 23

7总结与展望 25

致谢 26

参考文献 28