镇江景源消防器材有限公司网站毕业设计说明书
目 录
This website is subject to the DIV+CSS website, the main technique is the layout of DIV, made a fire on the website of Audio Supplies Company Limited. The initial idea is to let more people know about this company, therefore Zhenjiang Jingyuan fire Audio Supplies Company Limited website main content is the product of the show and the related knowledge of the fire. In the design of the site, first produced by Photoshop website, displayed the renderings, layout and use the DIV website produced, and use the template to complete the other sub pages, eventually forming a clean, rational layout, content rich website.
The design specification is introduced briefly the establishment of Zhenjiang Jingyuan fire Audio Supplies Company Limited intention, meaning, use in the process *好棒文|www.hbsrm.com +Q: ^3^5^1^9^1^6^0^7^2^*
of the main development tools, the main layout of the -DIV+CSS, and a simple description of the process of the production site.
Keywords: DIV+CSS; layout; Jingyuan fire Audio Supplies Company Limited
一、引言
（一）、课题开发目的
自从世界上第一台电子数字计算机的诞生，只是经历了短短50多个年头，计算机的应用已经融入到社会的各个方面，如管理、办公自动化等等。由于计算机发展的智能化，现在人们已经把计算机称为“电脑”了。现如今人类已经将建立“地球村”作为长久发展的目标，而计算机行业已经成为了当下最热门的行业之一，它在政治、经济、文化等方方面面都扮演着极其重要的角色，信息化给人们的生活带来了翻天地覆的变化，利用网络来学习、娱乐、办公等，以前想象的不出门可知天下事成为了现实。所以建立一个公司的网站，既顺应了信息化时代的要求，也增加了另一种流行的展示公司的方式。
（二）、课题开发的意义
随着计算机的发明和普及，网络在人们的日常生活中扮演着越来越重要的角色，更甚至可以说彻彻底底改变了人们的生活方式，所以各类网站也就应运而生了，从门户网站到校园网站，甚至于种类繁多的购物网站。网站已经称为了很多企业的另一种营销方式，越来越多的企业建立自己的网站，因为这样既可以成为企业在互联网上的名片，又可以成为企业传播信息的平台。
（三）、课题内容
本论文详细的介绍了企业网站的制作过程，主要有首页、公司简介、公司介绍、关于公司、新闻资讯、消防新闻、设备新闻、资质证书、公司资质、产品展示、在线留言、联系我们、关于我们。论文首先阐明了公司建立网站在信息化时代下的背景和意义，然后介绍主要的布局方式，之后是开发网站的需求分析，最后叙述网站的总体设计。
二、开发工具的选择及相关技术
（一）、Photoshop
Photoshop的简称是“PS”，是由Adobe Systems开发和发行的较为出名的图形处理软件的其中一款，主要是处理以像素组成的数字图像。它被应用于图像、图形、文字、视频、出版等方面，具有文字处理有效方便，图层管理方便有序的特点。在网站设计的开始使用这一软件是因为它处理的图片符合网站设计的要求，例如大小等。
（二）、Dreamweaver
AdobeDreamweaver简称“DW”，是一款集网页制作和管理于一体的所见即所得、简单方便易操作的网页制作工具，在制作网页过程当中，不需要在浏览器里浏览就可以看见网页的效果。镇江景源消防器材有限公司的网站的大部分都是在Dreamweaver里面完成的，网站的模板被分为可编辑和不可编辑区域，所以网页的设计就变得简单了。
（三）、JavaScript技术
JavaScript作为一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言。它的优点是没有服务器的支持也可以在浏览器中运行。
（四）、DIV+CSS布局
CSS的全名为层叠样式表单（Cascading Style Sheets),HTML等文件所需要的表现的计算机语言就是它，是格式化网页内容的标准技术。DIV是html文档的一种标签之一，全称为division，是划分的意思，能够划分html的文档，属于块状元素，可以对网页进行合理布局，常用来和CSS一同使用。DIV+CSS是WEB标准设计中一种网页布局方法，它的独特之处在于可以真正的实现网页内容与表现的分离。
三、网站界面设计流程
（一）、网站设计
1、 网站逻辑结构图如图3—1所示
图3-1 网站逻辑结构图
2、网站首页布局图3-2所示
LOGO
导航栏
图片
公司消防器材介绍
公司消防器材介绍
公司消防器材介绍
消防的基本措施
版权
图3-2网站首页布局图
3、网站首页整体结构图3-3所示
container
header
info_text
grid_4
grid_4
图3-3网站首页整体结构图
最终网站首页最终效果如图3-4所示
图3-4 网站首页
网站子页如图3-5所示
图3-5 子页面
This website is subject to the DIV+CSS website, the main technique is the layout of DIV, made a fire on the website of Audio Supplies Company Limited. The initial idea is to let more people know about this company, therefore Zhenjiang Jingyuan fire Audio Supplies Company Limited website main content is the product of the show and the related knowledge of the fire. In the design of the site, first produced by Photoshop website, displayed the renderings, layout and use the DIV website produced, and use the template to complete the other sub pages, eventually forming a clean, rational layout, content rich website.
The design specification is introduced briefly the establishment of Zhenjiang Jingyuan fire Audio Supplies Company Limited intention, meaning, use in the process *好棒文|www.hbsrm.com +Q: ^3^5^1^9^1^6^0^7^2^*
of the main development tools, the main layout of the -DIV+CSS, and a simple description of the process of the production site.
Keywords: DIV+CSS; layout; Jingyuan fire Audio Supplies Company Limited
一、引言
（一）、课题开发目的
自从世界上第一台电子数字计算机的诞生，只是经历了短短50多个年头，计算机的应用已经融入到社会的各个方面，如管理、办公自动化等等。由于计算机发展的智能化，现在人们已经把计算机称为“电脑”了。现如今人类已经将建立“地球村”作为长久发展的目标，而计算机行业已经成为了当下最热门的行业之一，它在政治、经济、文化等方方面面都扮演着极其重要的角色，信息化给人们的生活带来了翻天地覆的变化，利用网络来学习、娱乐、办公等，以前想象的不出门可知天下事成为了现实。所以建立一个公司的网站，既顺应了信息化时代的要求，也增加了另一种流行的展示公司的方式。
（二）、课题开发的意义
随着计算机的发明和普及，网络在人们的日常生活中扮演着越来越重要的角色，更甚至可以说彻彻底底改变了人们的生活方式，所以各类网站也就应运而生了，从门户网站到校园网站，甚至于种类繁多的购物网站。网站已经称为了很多企业的另一种营销方式，越来越多的企业建立自己的网站，因为这样既可以成为企业在互联网上的名片，又可以成为企业传播信息的平台。
（三）、课题内容
本论文详细的介绍了企业网站的制作过程，主要有首页、公司简介、公司介绍、关于公司、新闻资讯、消防新闻、设备新闻、资质证书、公司资质、产品展示、在线留言、联系我们、关于我们。论文首先阐明了公司建立网站在信息化时代下的背景和意义，然后介绍主要的布局方式，之后是开发网站的需求分析，最后叙述网站的总体设计。
二、开发工具的选择及相关技术
（一）、Photoshop
Photoshop的简称是“PS”，是由Adobe Systems开发和发行的较为出名的图形处理软件的其中一款，主要是处理以像素组成的数字图像。它被应用于图像、图形、文字、视频、出版等方面，具有文字处理有效方便，图层管理方便有序的特点。在网站设计的开始使用这一软件是因为它处理的图片符合网站设计的要求，例如大小等。
（二）、Dreamweaver
AdobeDreamweaver简称“DW”，是一款集网页制作和管理于一体的所见即所得、简单方便易操作的网页制作工具，在制作网页过程当中，不需要在浏览器里浏览就可以看见网页的效果。镇江景源消防器材有限公司的网站的大部分都是在Dreamweaver里面完成的，网站的模板被分为可编辑和不可编辑区域，所以网页的设计就变得简单了。
（三）、JavaScript技术
JavaScript作为一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言。它的优点是没有服务器的支持也可以在浏览器中运行。
（四）、DIV+CSS布局
CSS的全名为层叠样式表单（Cascading Style Sheets),HTML等文件所需要的表现的计算机语言就是它，是格式化网页内容的标准技术。DIV是html文档的一种标签之一，全称为division，是划分的意思，能够划分html的文档，属于块状元素，可以对网页进行合理布局，常用来和CSS一同使用。DIV+CSS是WEB标准设计中一种网页布局方法，它的独特之处在于可以真正的实现网页内容与表现的分离。
三、网站界面设计流程
（一）、网站设计
1、 网站逻辑结构图如图3—1所示
图3-1 网站逻辑结构图
2、网站首页布局图3-2所示
LOGO
导航栏
图片
公司消防器材介绍
公司消防器材介绍
公司消防器材介绍
消防的基本措施
版权
图3-2网站首页布局图
3、网站首页整体结构图3-3所示
container
header
info_text
grid_4
grid_4
图3-3网站首页整体结构图
最终网站首页最终效果如图3-4所示
图3-4 网站首页
网站子页如图3-5所示
图3-5 子页面
报警类消防器材
#
#
在公司销售的三种器材下方也是添加了少许消防的基本措施，也能够让浏览网页的人提高一些基本的消防措施。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1594.html
