hg宠物网的设计与实现

摘  要：HG（HG是网页logo中猫狗的形象字母）宠物网是一个为需要的人提供一个能够购买、收养、图片欣赏、了解宠物知识的一个网站，即为实体店打广告，提高实体店的知名度，也为一些不了解如何照顾宠物的人提供一个知识的平台。网站使用了CMS、DW、Photoshop等软件。网站主要内容分三大块，狗、猫和小宠，子页主要是对三个块内容进行补充，有训练知识、宠物趣闻、驯养宠物的注意事项等内容。界面设计以简洁的白色为背景，可爱的图画海报营造一种愉快的氛围，让读者能够轻松阅读吸收网站内的相关知识。各版块的布局丰满，结构清晰，内容详细。可以用宠物名首字母来找到宠物，操作简单。网站结合科讯cms的使用完成了网站的文章系统、图片系统和留言板等后台管理功能。

关键词：KesionCMS Dreamweaver Photoshop 猫狗宠物hg

目 录

1 引言 1

1.1 HG宠物网的开发背景 1

1.2 Hg宠物网的意义与设计目的 1

2 开发工具及环境介绍 2

2.1 Hg宠物网的开发环境 2

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

2.2.1 KesionCMS V9.05 Free(utf-8) 2

2.2.2 Adobe Photoshop CS6 3

2.2.3 Dreamweaver CS4 4

2.2.4 FileZilla 4

2.2.5金花Seo站长优化工具 5

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

2.3.1开源Cms 5

2.3.2 Seo优化 5

3 项目概述 7

3.1项目概述 7

3.2宠物网信息管理 7

3.3投诉建议管理 7

3.4后台数据库管理 7

3.5项目风险 8

3.6项目进度计划 8

4 项目需求分析 9

4.1业务分析 9

4.2概要设计 10

4.2.1网站结构图 10

4.2.2网站概要设计说明 11

5 网站实现 17

5.1网站后台登陆 17

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

5.2.1首页概述 18

5.2.2栏目页 22

5.2.3内容页 25

5.3网站后台设计 26

5.3.1 LOGO图片与海报应用 26

5.3.2静态标签运用 27

5.3.3动态标签运用 27

5.3.4网站模板 28

5.3.5链接管理 29

6 Seo优化 30

6.1网站标题和keywords等 30

6.2核心关键词 30

6.3内容页上下篇 30

6.4 robots.txt文件 31

6.4.1 robots.txt基本介绍 31

6.4.2 Robots.txt文件作用 31

6.4.3 robots.txt写法 31

7 网站发布 32

7.1购买域名空间 32

7.2 ftp上传文件 32

7.3网站后期维护 33

8 总结与展望 34

致谢 35

参考文献 36