益智玩具企业网站的设计与实现

摘  要:益智玩具企业网站使更多小孩子的父母以及更多的客户对益智类玩具有了新的了解和看法，益智玩具不仅能够给孩子带来乐趣，还能促进智力发育，防止小孩子过早使用手机，从而影响了孩子的成长发育。益智玩具企业网站服务广大客户使浏览更加全面，实用性强，信息量大。

网站设计采用了div+css、PS技术，有网站首页、产品展示页、产品搜索页、新闻中心、联系我们等页面，页面设计以干净简洁为主。网站采用了蓝色与白色相互结合为背景，以卡通字体作为网站基础设计，紧贴网站主题。布局清爽大方，符合交互要求。网站结合科讯CMS完成了注册登录、产品搜索、用户中心、在线留言、后台管理等功能。

关键词:div+css 益智玩具网站 科讯CMS 

目 录

1 引言 1

1.1 益智玩具企业网站的开发背景 1

1.2 益智玩具企业网站的意义与设计目的 1

2 开发工具及环境介绍 2

2.1 益智玩具企业网站的开发环境 2

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

2.2.1 KesionCMS 2

2.2.2 Adobe Photoshop CC 3

2.2.3 Dreamweaver CS6 3

2.2.4 Ineternet 信息服务管理器 4

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

2.3.1 HTML 4

2.3.2 DIV+CSS 5

3 项目概述 6

3.1 项目概述 6

3.2 项目风险 6

3.3 项目进度计划 7

4 项目需求分析 8

4.1 业务分析 8

4.2 概要设计 9

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 在线留言页面 15

5.2.3 栏目页面 16

5.2.4 内容页 19

5.3 说明 24

5.3.1 项目文件命名规范 24

5.3.2 项目文件结构说明 24

6 测试 25

6.1 测试 25

6.2 测试例子及其结果 26

6.2.1 页面效果测试 26

6.2.2 找回密码测试 26

7 SEO优化 31

7.1 测试益智玩具企业网站网速 31

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

7.2.1 网站结构分析 31

7.2.2 定义关键词 31

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

7.3 内优外化 33

7.3.1 内容优化 33

7.3.2 外链优化 33

8 总结与展望 35

致谢 36

参考文献 37