铁路旅游网前端制作

摘要：铁路旅游网使得人们有更多的时间去做其他事，不会因为买票和计划旅游而耽误时间，节省了人们大部分时间，为人们生活水平的提高做出了贡献，服务于广大群众，使购票出行交易更加迅捷，实时性强，信息充裕，发展空间巨大网站开发采用了div+css开发技术，有网站首页、登录页、购票页、旅游页、用户中心、旅游攻略主页，旅游攻略内容页，当地游玩页，餐饮页，新闻业，新闻内容页等页面，界面设计以黑白为主，极强的表现了网络化生活。布局清爽大方。

关键词：div+css 铁路旅游网站 CSS3 JQuery

目 录

1 引言 1

1.1 铁路旅游网站的开发背景 1

1.2 铁路旅游网站的意义与设计目的 1

2 开发工具及环境介绍 2

2.1 铁路旅游网站的开发环境 2

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

2.2.1 Adobe Photoshop CS4 2

2.2.2 Visual studio code 3

2.2.3 DIV+CSS 5

2.2.4 Js+jQuery 5

2.2.5 Css3 7

2.2.6 火狐浏览器 7

2.2.7 搜狗浏览器 7

3 项目概述 9

3.1 项目概述 9

3.2 项目风险 9

3.3 项目进度计划 10

4 项目需求分析 12

4.1 概要设计 12

4.1.1 网站结构图 12

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

5 网站实现 14

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

5.1.1 首页 14

5.1.2 前台登录界面 15

5.1.3 新闻页 17

5.1.4 旅游页 18

5.1.5 当地玩乐 20

5.1.6 发表攻略 21

5.2 说明 23

5.2.1 项目文件命名规范 23

5.2.2 项目文件结构说明 23

6 测试 25

6.1 测试例子及其结果 25

6.1.1 页面效果测试 25

7 总结与展望 26

致谢 27

参考文献 28