雁荡山风景区网站设计

摘  要：雁荡山游网站是为了让要去旅游或是想去雁荡山旅游的人得到关于雁荡山的信息，比如预先了解景区的位置，前往景区的路线，周边的条件。还可以知道很多景区的信息，景区内各个景点之间的路线，可以提前规划游玩线路。此外，旅游网站还是景区宣传自己的一个很好的方式，可以扩大景区的影响力，吸引更多的游客，带动景区的发展。

    网站开发采用了DIV+CSS开发技术，有网站首页、新闻栏目页、新闻内容页、民间艺术、景区简介、景区相册、景区图片展示、周边美食、留言建议、管理员等等页面，界面设计以绿色为主，绿色是大自然的颜色，表现了景区的清新、平静、舒适、生命、自然、环保与生机等等特点。网站版块多扁平化的形状作为基础设计，紧贴网站主题。布局清爽大方，符合交互要求。网站结合SQL Server数据库的使用完成了新闻的增删改，管理员登录，以及留言等功能。

关键词：DIV+CSS 雁荡山风景区网站 SQL数据库 

目 录

1 引言 1

1.1 雁荡山风景区网站的开发背景 1

1.2 雁荡山风景区网站的意义与设计目的 1

2 开发工具及环境介绍 2

2.1 雁荡山风景区网站的开发环境 2

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

2.2.1 Microsoft SQL Server 2008 2

2.2.2 Adobe Photoshop CS6 3

2.2.3 Dreamweaver 8 4

2.2.4 Microsoft Visual Studio 2013 4

2.2.5 动软 4

2.2.6 IE Tester 5

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

2.3.1 C# 语言 5

2.3.2 DIV+CSS 6

3 项目概述 7

3.1 项目概述 7

3.2 项目风险 7

3.3 项目进度计划 8

4 项目需求分析 9

4.1 业务工作角色分析 9

4.2 概要设计 10

4.2.1 网站结构图 10

4.2.2 网站概要设计说明 11

4.3 现行研究存在的问题及解决办法 14

4.3.1 雁荡山风景区网站后台功能很少 14

4.3.2 关于列表页做分页的难题 14

5 数据库设计 15

5.1 数据库结构 15

5.2 数据库表 15

5.3 数据库表关系图 17

5.4 数据库设计命名规范 17

6 网站实现 19

6.1 网站后台界面设计与布局 19

6.1.1 后台登入界面 19

6.1.2 信息管理界面 20

6.2 网站前台界面设计与布局 20

6.2.1 首页 20

6.2.2 栏目页展示界面 23

6.2.3 美食栏目页 27

6.2.4 相册页展示 30

6.2.5 留言页界面 31

6.3 说明 32

6.3.1 项目文件命名规范 32

6.3.2 项目文件结构说明 32

6.4 动软生成解决方案 33

7 测试 35

7.1 测试 35

7.2 测试例子及其结果 36

7.2.1 页面效果测试 36

7.2.2 后台添加测试 36

8 总结与展望 38

致谢 39

参考文献 40