永丰生态园网站的设计与实现

摘  要：该生态园网站为了让旅客更能好的了解生态园环境，在该网站设计之初就收集了相关生态园的资料，并做出了规划，在该网站上放入了相关生态园资讯，以及生态园园区内的景色和生态园园区路线，以便旅客能在出游的时候提前的计划好旅游路线。让旅客更能好的轻松旅游。最后该生态园网站可以让旅客与生态园的管理员互动，让该生态园了解旅客需求及时改善，网站还提供订票系统可供旅客方便订票。

生态园网站开发主要采用了DIV+CSS开发技术，该网站有网站首页、走进园区、园区展示、园区资讯、在线留言和在线订票等页面，界面设计主要参考其它相关生态园网站为基础，网站背景颜色主要以白色为主，极强的表现了现代化的环保理念。该生态园网站设计主要运用了Photoshop、dreamweaver和最新的CMS制作软件制作出来的网站。其中该生态园网站运用最新的CMS完成了留言内容前台显示，以及在线订票成功使用。

关键词：生态园  DIV+CSS  CMS

目 录

1 引言 1

1.1 永丰生态园网站的开发背景 1

1.2 永丰生态园网站的意义与设计目的 1

2 开发工具及环境介绍 2

2.1 永丰生态园网站的开发环境 2

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

2.2.1 Internet Information Services 3

2.2.2 Adobe Photoshop CS4 4

2.2.3 Dreamweaver CS4 4

2.2.4 KesionCMS 4

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

2.3.1 ASP.net 5

2.3.2 HTML 语言 5

2.3.3 Web Service 6

2.3.4 DIV+CSS 6

3 项目概述 7

3.1 项目概述 7

3.2 项目风险 7

3.3 项目进度计划 8

4 项目需求分析 9

4.1 业务分析 9

4.1.1 业务组织结构 9

4.1.2 功能性需求 9

4.1.3 非功能性需求 9

4.2 概要设计 10

4.2.1 网站结构图 10

4.2.2 网站概要设计说明 10

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

5 网站实现 12

5.1 网站后台界面设计与布局 12

5.1.1 后台登入界面 12

5.1.2 后台管理界面 12

5.2 网站前台界面设计与布局 13

5.2.1 管理首页 13

5.2.2 列表页 14

5.2.3 内容页 16

5.2.4 其它页 16

5.3 说明 18

6 网站测试 19

6.1 测试目的 19

6.2 测试例子及其结果 19

6.2.1 页面效果测试 19

7 SEO优化方案 20

7.1 测试永丰生态园网速 20

7.2 分析网站结构和关键词定义 20

7.2.1 网站结构分析 20

7.2.2 定义关键词 20

7.2.3 页面标题、关键词和描述说明部分撰写 21

7.3 内优外化 21

7.3.1 内容优化 21

7.3.2 外链优化 23

8 总结与展望 24

致谢 25

参考文献 26