节能照明网站设计与制作
【摘 要】为了呼吁和响应社会绿色节能、低碳环保理念，本毕业课题设计和完成了一个“邦耀节能照明”网站的开发。该网站面向社会大众群体，提供产品展示和理念宣传。网站包括前端和后台两部分，其中前台页面包括首页、公司介绍、产品中心、工程案例、新闻中心、联系方式等多个栏目；后台管理页面有包含登录、注册、新闻管理中心等，管理员可以通过后台实现内容的动态添加。本网站主要采用了HTML5+CSS3的网站布局模式来实现，运用了jQuery技术和JavaScript技术为网页增添了一系列的动态特效效果，吸引浏览者。本网站所需要的运行环境为Visual Studio 2010和SQL Server关系数据库。
目 录
一、 引言 1
二、 网站开发技术及工具简介 1
（一） 主要开发技术的选用与介绍 1
1. JavaScript动态网站开发技术 1
2. jQuery技术 1
（二） 主要开发工具的选用与介绍 1
1. HTML5+CSS3 1
2. Visual Studio 2010软件 1
3. 关系数据库管理系统 2
三、 网站总体设计 2
（一） 前端主要栏目 2
（二） 后台主要功能模块的概述 2
（三） 数据库设计概述 3
1. 数据表的设计描述 3
2. 数据表的结构 3
四、 网站前端页面的设计与实现 6
（一） 主要功能模块的设计 6
1. “首页”版块设计 6
2. “公司介绍”版块的设计 8
3. “产品中心”版块的设计 9
4. “工程案例”版块的设计 10
5. “新闻中心”版块的设计 11
6. “联系我们”版块的设计 13
（二） 部分网页特效 13
1. 首页大屏广告特效 13
2. 分时段欢迎语特效 15
五、 网站后台管理端的设计与实现 16
网站后台系统设计 16
1. 新闻管理 16
2. 新闻中心内容连接数据库
*好棒文|www.hbsrm.com +Q: ￥351916072$
16
3. 新闻中心 18
六、 总结与展望 19
七、 致谢 20
八、 参考文献 21
引言
“邦耀”节能照明网站主要服务于商业场所、酒店服务、家居住宅、医疗机构、工矿企业、办公场所、户外景观等，希望通过网站的传播可以让更多的人对LED有所了解， LED不仅可以节约资源，还能美化世界。
现今社会一直提倡低碳生活，绿色环保，随着网络的发展，在一些信息交互平台能够看到很多有关于绿色环保的消息在各地零散的传播，由于平台上的绿色环保，保护自然的信息越来越多，为更好的传播，站在阅读者的角度，以网站为形式的传媒信息将会是一种很好的宣传方式。
网站重点宣传LED节能照明，主要分为LED的发展趋势和LED灯具的特点两大栏目侧重宣传，其中包含LED灯具的照明优点和常见LED照明灯具种类等子栏目，对其主要信息进行公布。
网站开发技术及工具简介
主要开发技术的选用与介绍
JavaScript动态网站开发技术
JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言，被大量的应用于网页中面的外观，当点击按钮或移动鼠标的时候，可以让页面做出响应，从而开发客户端的应用程序。
jQuery技术
jQuery是一种脚本语言，不仅有出色的DOM操作系统和可靠的时间处理能力，而且拥有强大的选择器功能，并且还有完善的兼容性以及链式操作。jQuery凭借简单容易上手的语法以及优越的跨平台兼容性，极大的优化了JavaScript开发人员遍历HTML文档、DOM操作、事件的处理、执行动画和Ajax的操作，jQuery强调的理念是写得少，做的多，极大的提升了JavaScript开发体验。
主要开发工具的选用与介绍
HTML5+CSS3
HTML又称超文本置标语言或超文本标记语言,是一种文本类、解释执行的标记语言，它是Internet上用于编写网页的主要语言，HTML5是下一代的HTML，它提供了大量替代脚本的属性标签，使开发出来的界面语言变得更加简洁易懂，功能更多。
Visual Studio 2010软件
Visual Studio 2010是一款由美国微软公司开发的工具包系列产品，是一个完善的开发工具集，怎个软件的生命周期中所需要的大部分工具都是由它负责，提供了创新功能、调试功能以及数据库功能，能够在各大平台上快速便捷的创建当前最先进的应用程序。
关系数据库管理系统
数据库系统是采用数据库技术的计算机系统，是由数据库管理系统、数据库、数据库管理人员、软件平台和硬件平台5部分构成的运行实体，数据库管理系统是一种便于管理员管理数据库和操纵的大型软件操作系统，用于使用，维护和建立数据库，对数据库进行统一的控制和管理，已用来确保数据库的完整性和安全性，用户通过DBMS访问数据库中的数据，数据库管理员也通过DBMS对其数据库进行管理。
网站总体设计
网站主要由首页页面，公司介绍页面，产品中心页面，工程案例页面，新闻中心页面，联系方式页面等几部分组成，其中新闻中心页面又有相应的子页面与其对应，运用了大量的特效以及图文的方式。图31给出了网站的功能模块图。
图31 网站功能模块图
前端主要栏目
网站的主要目的是为让更多的人了解并且关注LED而设计制作的网站，主要任务是发布绿色节能，低碳出行的各大新闻和产品信息，为阅读者提供最新消息，网站主要包括：
公司介绍：简介公司的发展历史和发展状况。
产品中心：产品主要是LED。
工程案例：主要是用来展示公司至今以来成功完成的重大案例。
新闻中心：最新有效的发布有关于LED的重大新闻，快速传递LED的相关报道，利用网络的便捷，跨地区优势做到最快的进行信息的传递与宣传。
联系方式：主要是可以让意向客户联系我们，加入到我们。
后台主要功能模块的概述
网站后台是管理员用来发布修改通知和重要新闻的。
新闻内容：主要是管理员用来增加、删除，修改新闻。
数据库设计概述
数据表的设计描述
数据库的设计在网站中很重要，它可以帮助管理员有效快捷的添加重要新闻，发布重要通知，设计如下所示的数据结构和数据表：
目 录
一、 引言 1
二、 网站开发技术及工具简介 1
（一） 主要开发技术的选用与介绍 1
1. JavaScript动态网站开发技术 1
2. jQuery技术 1
（二） 主要开发工具的选用与介绍 1
1. HTML5+CSS3 1
2. Visual Studio 2010软件 1
3. 关系数据库管理系统 2
三、 网站总体设计 2
（一） 前端主要栏目 2
（二） 后台主要功能模块的概述 2
（三） 数据库设计概述 3
1. 数据表的设计描述 3
2. 数据表的结构 3
四、 网站前端页面的设计与实现 6
（一） 主要功能模块的设计 6
1. “首页”版块设计 6
2. “公司介绍”版块的设计 8
3. “产品中心”版块的设计 9
4. “工程案例”版块的设计 10
5. “新闻中心”版块的设计 11
6. “联系我们”版块的设计 13
（二） 部分网页特效 13
1. 首页大屏广告特效 13
2. 分时段欢迎语特效 15
五、 网站后台管理端的设计与实现 16
网站后台系统设计 16
1. 新闻管理 16
2. 新闻中心内容连接数据库
*好棒文|www.hbsrm.com +Q: ￥351916072$
16
3. 新闻中心 18
六、 总结与展望 19
七、 致谢 20
八、 参考文献 21
引言
“邦耀”节能照明网站主要服务于商业场所、酒店服务、家居住宅、医疗机构、工矿企业、办公场所、户外景观等，希望通过网站的传播可以让更多的人对LED有所了解， LED不仅可以节约资源，还能美化世界。
现今社会一直提倡低碳生活，绿色环保，随着网络的发展，在一些信息交互平台能够看到很多有关于绿色环保的消息在各地零散的传播，由于平台上的绿色环保，保护自然的信息越来越多，为更好的传播，站在阅读者的角度，以网站为形式的传媒信息将会是一种很好的宣传方式。
网站重点宣传LED节能照明，主要分为LED的发展趋势和LED灯具的特点两大栏目侧重宣传，其中包含LED灯具的照明优点和常见LED照明灯具种类等子栏目，对其主要信息进行公布。
网站开发技术及工具简介
主要开发技术的选用与介绍
JavaScript动态网站开发技术
JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言，被大量的应用于网页中面的外观，当点击按钮或移动鼠标的时候，可以让页面做出响应，从而开发客户端的应用程序。
jQuery技术
jQuery是一种脚本语言，不仅有出色的DOM操作系统和可靠的时间处理能力，而且拥有强大的选择器功能，并且还有完善的兼容性以及链式操作。jQuery凭借简单容易上手的语法以及优越的跨平台兼容性，极大的优化了JavaScript开发人员遍历HTML文档、DOM操作、事件的处理、执行动画和Ajax的操作，jQuery强调的理念是写得少，做的多，极大的提升了JavaScript开发体验。
主要开发工具的选用与介绍
HTML5+CSS3
HTML又称超文本置标语言或超文本标记语言,是一种文本类、解释执行的标记语言，它是Internet上用于编写网页的主要语言，HTML5是下一代的HTML，它提供了大量替代脚本的属性标签，使开发出来的界面语言变得更加简洁易懂，功能更多。
Visual Studio 2010软件
Visual Studio 2010是一款由美国微软公司开发的工具包系列产品，是一个完善的开发工具集，怎个软件的生命周期中所需要的大部分工具都是由它负责，提供了创新功能、调试功能以及数据库功能，能够在各大平台上快速便捷的创建当前最先进的应用程序。
关系数据库管理系统
数据库系统是采用数据库技术的计算机系统，是由数据库管理系统、数据库、数据库管理人员、软件平台和硬件平台5部分构成的运行实体，数据库管理系统是一种便于管理员管理数据库和操纵的大型软件操作系统，用于使用，维护和建立数据库，对数据库进行统一的控制和管理，已用来确保数据库的完整性和安全性，用户通过DBMS访问数据库中的数据，数据库管理员也通过DBMS对其数据库进行管理。
网站总体设计
网站主要由首页页面，公司介绍页面，产品中心页面，工程案例页面，新闻中心页面，联系方式页面等几部分组成，其中新闻中心页面又有相应的子页面与其对应，运用了大量的特效以及图文的方式。图31给出了网站的功能模块图。
图31 网站功能模块图
前端主要栏目
网站的主要目的是为让更多的人了解并且关注LED而设计制作的网站，主要任务是发布绿色节能，低碳出行的各大新闻和产品信息，为阅读者提供最新消息，网站主要包括：
公司介绍：简介公司的发展历史和发展状况。
产品中心：产品主要是LED。
工程案例：主要是用来展示公司至今以来成功完成的重大案例。
新闻中心：最新有效的发布有关于LED的重大新闻，快速传递LED的相关报道，利用网络的便捷，跨地区优势做到最快的进行信息的传递与宣传。
联系方式：主要是可以让意向客户联系我们，加入到我们。
后台主要功能模块的概述
网站后台是管理员用来发布修改通知和重要新闻的。
新闻内容：主要是管理员用来增加、删除，修改新闻。
数据库设计概述
数据表的设计描述
数据库的设计在网站中很重要，它可以帮助管理员有效快捷的添加重要新闻，发布重要通知，设计如下所示的数据结构和数据表：
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/wljs/509.html
