杭杰火锅店网站的设计与实现

摘  要：该杭杰火锅店网站是让人们更加的了解火锅文化，在该网站设计前我收集了相关的火锅店网站的资料，并做出了规划，在该网站上放入了该杭杰火锅店网站的发展历史，让用户更好的了解到火锅文化产业。

火锅网站开发主要采用了DIV+CSS开发技术，该网站有网站首页、餐饮美食、饮食健康、店面信息、联络站等页面，界面设计主要市场和自己想法为基础，网站背景颜色主要以黄色为主，表现了火锅热火朝天的意义。该火锅网站设计主要运用了Photoshop、dreamweaver和最新的CMS制作软件制作出来的网站。其中该火锅网站运用的CMS完成了在线留言等功能。

关键词：火锅  DIV+CSS  CMS

目 录

1 引言 1

1.1 火锅网站营销的开发背景 1

1.2 火锅网站营销的意义与设计目的 1

2 开发工具及环境介绍 3

2.1 火锅网站营销的开发环境 3

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

2.2.1 Internet Information Services 4

2.2.2 Adobe Photoshop CS4 5

2.2.3 Dreamweaver 8 5

2.2.4 KesionCMS 6

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

2.3.1 ASP.net 6

2.3.2 HTML 语言 6

2.3.3 Div+CSS 7

3 项目概述 8

3.1 项目概述 8

3.2 项目问题 8

3.3 项目进度计划 9

4 项目需求分析 10

4.1 业务分析 10

4.1.1 业务组织结构 10

4.1.2 功能性需求 10

4.1.3 非功能性需求 10

4.2 概要设计 11

4.2.1 网站结构图 11

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

5 网站实现 13

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

5.1.1 后台登入界面 13

5.1.2 后台管理界面 13

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

5.2.1 首页 14

5.2.2 列表页 17

5.2.3 内容页 18

5.2.4 留言界面 19

5.3 说明 20

6 网站测试 21

6.1 测试目的 21

6.2 测试例子及其结果 21

6.2.1 页面效果测试 21

7 SEO优化方案 22

7.1 测试杭杰火锅店网站网速 22

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

7.2.1 网站结构分析 22

7.2.2 定义关键词 22

7.3 内优外化 23

7.3.1 内容优化 23

8 总结与展望 25

致谢 26

参考文献 27