心怡家具网站的设计与实现

摘  要:该家具网站是为了让用户更好的了解什么叫中式家具和所拥有的历史文化，在该网站设计之初就收集了相关的家具网站的资料和新闻之讯，并做出了规划，在该网站上放入了相关家具新闻，以及家具的最新款式和材质，以便用户能更好的了解家具状况。让用户能轻松的在网上装饰出自己喜欢的小屋样式。

家具网站开发主要采用了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 3

2.2.2 Adobe Photoshop CS4 4

2.2.3 Dreamweaver CS4 5

2.2.4 KesionCMS 5

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

2.3.1 HTML 语言 6

2.3.2 Web Service 6

2.3.3 DIV+CSS 6

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 非功能性需求 11

4.2 概要设计 11

4.2.1 网站结构图 11

4.2.2 网站概要设计说明 12

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

5 网站实现 13

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

5.1.1 后台登入界面 13

5.1.2 后台管理界面 14

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

5.2.1 管理首页 14

5.2.2 列表页 15

5.2.3 内容页 18

5.2.4 其它页 19

5.3 说明 22

6 网站测试 23

6.1 测试目的 23

6.2 测试例子及其结果 23

6.2.1 页面效果测试 23

7 总结与展望 24

致谢 25

参考文献 26