亿源灯具网站的设计与实现

摘  要：本灯具网站是为了让客户网上购买的时候更好的了解灯具产品的信息，在网站设计初期我参考了相关灯具网站的资料，并做出了规划，首先网站的外观因为是灯具配色方面要让用户看着舒服我用了白、灰、焦糖色搭配，产品中心内容是让客户了解产品的信息让客户选择到自己心仪的产品，在线商城是根据风格来划分产品客户商城也提供了购买功能客户喜欢可以直接下单，最后留言功能客户可以与管理员沟通根据客户需求及时改善。

亿源灯具网站开发主要采用了DIV+CSS开发技术，该网站有网站首页、关于、产品中心、在线商城、联系我们等页面，界面设计主要参考其他相关灯具网站为基础，利用简单的颜色搭配让页面看着简洁大方让客户有一种舒适感。网站设计主要运用了Photoshop、Dreamweaver和最新的CMS制作软件制作出来的网站。其中网站运用最新的CMS完成了在线订单功能和留言功能。

关键词：灯具  DIV+CSS  CMS  

目 录

1 引言 1

1.1 亿源灯具网站的开发背景 1

1.2 亿源灯具网站的意义与设计目的 1

2 开发工具及环境介绍 2

2.1 亿源灯具网站的开发环境 2

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

2.2.1 Dreamweaver CS4 3

2.2.2 Internet Information Services 3

2.2.3 KesionCMS 4

2.2.4 Adobe Photoshop CS4 4

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

2.3.1 DIV+CSS 5

2.3.2 Web Service 5

2.3.3 ASP.net 6

2.3.4 HTML 语言 6

3 项目概述 7

3.1 项目概述 7

3.2 项目风险 7

3.2.1 项目进度 7

3.2.2 项目需求不明确 8

3.2.3 技术水平不够 8

3.3 项目进度计划 8

4 项目需求分析 9

4.1 业务分析 9

4.1.1 业务组织结构 9

4.1.2 功能性需求 9

4.1.3 非功能性需求 9

4.2 概要设计 10

4.2.1 网站结构图 10

4.2.2 网站概要设计说明 10

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

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 内容页 17

5.2.4 其它页 17

5.3 说明 18

6 网站测试 20

6.1 测试目的 20

6.2 测试例子及其结果 20

7 SEO优化方案 21

7.1 测试亿源灯具网速 21

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

7.2.1 网站结构分析 21

7.2.2 定义关键词 21

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

7.3 内优外化 22

7.3.1 内容优化 22

7.3.2 外链优化 24

总结与展望 26

致谢 27

参考文献 28