猫咪有约萌宠社区领养网站的设计与实现

摘  要：猫咪有约是提倡科学养猫爱猫，致力与流浪动物救助与福利争取的自发性的社区网站，猫咪有约为用户提供了一个以领养替代购买的猫咪领养平台，以线上交流线下见面领养的方式，使领养宠物更加放心与便捷。猫咪有约网站是以ASP类开发的开源CMS建站系统。前台页面以Dreamweaver CS4进行DIV+CSS的网页界面设计与布局，网站页面板块包含首页、萌宠社区页、宠物课堂页、猫控必败页、猫咪领养页、会员登录页以及关于本站页等页面。猫咪有约网站主色调以粉色为主，网站板块多以萌宠图标或暖色调和文章相结合，给人以温馨自然感。网站结合开源CMS建站系统的使用完成了注册登录、搜索、留言板、后台管理等功能。

范文目录主要由引言、开发工具及环境介绍、项目概述、项目需求分析、网站实现、测试、SEO优化方案、总结与展望八个章节组成，主要分为三个部分。前段部份主要从猫咪有约萌宠社区领养网站的开发背景以及意义与设计目的、开发猫咪有约领养网站的环境以及开发网站所运用的工具以及项目风险和进度计划三个角度进行范文的写作；中间部分从业务分析、概要设计、现行研究存在的问题及解决办法和网站前、后台界面设计与布局和项目文件的命名规范和结构说明、以及页面效果测试和后台添加测试进行分析写作和说明；最后一部分主要从优化的角度对网站进行分析，给出优化方案以及对完成网站的总结和希望进一步完善的地方，并进行致谢，同时列出做猫咪有约萌宠社区网站的参考文献。

关键词：DIV+CSS  猫咪网  科讯  SEO  Dreamweaver

目 录

1 引言 1

1.1 猫咪有约萌宠社区领养网站的开发背景 1

1.2 猫咪有约萌宠社区领养网站的意义与设计目的 1

2 开发工具及环境介绍 2

2.1 猫咪有约萌宠社区领养网站的开发环境 2

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

2.2.1 Adobe Dreamweaver CS4 3

2.2.2 Adobe Photoshop CS4 3

2.2.3 KesionCMS V9.05 Free(utf-8) 4

2.2.4 IE Tester 4

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

2.3.1 ASP 5

2.3.2 HTML 语言 5

2.3.3 IIS 服务器 6

2.3.4 DIV+CSS 6

2.3.5 java script 6

3 项目概述 8

3.1 项目概述 8

3.2 项目风险 9

3.3 项目进度计划 9

4 项目需求分析 10

4.1 业务分析 10

4.1.1 业务组织结构 10

4.1.2 业务工作角色分析 10

4.2 概要设计 12

4.2.1 网站结构图 12

4.2.2 网站概要设计说明 13

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

5 网站实现 16

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

5.1.1 后台登入界面 16

5.1.2 后台管理界面 17

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

5.2.1 首页 17

5.2.2 前台登录界面 19

5.2.3 栏目页 21

5.2.4 内容页 22

5.3 说明 24

5.3.1 项目文件命名规范 24

5.3.2 模板文件结构说明 24

6 测试 25

6.1 测试目的 25

6.2 前后台页面功能测试 25

6.2.1 前台页面测试 25

6.2.2 后台功能测试 25

7 猫咪有约网SEO优化方案 26

7.1 站内内容结构优化分析 26

7.1.1 合理规划结构站点布局 26

7.1.2 关键词定位布局分析 26

7.2 内容与内链的优化 27

7.3 网站网址的优化 28

7.3.1 网站目录层次的优化 28

7.3.2 外链 29

8 总结与展望 30

致谢 31

参考文献 32