从前慢旅行网站

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

    网站的开发运用了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 20102

2.2.2Adobe Photoshop CS43

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

2.3.1 HTML 语言4

2.3.2 DIV+CSS4

2.3.3 java script5

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