毕业设计(论文)ASP煤矿安全监测信息网站模拟量报警日报表设计.doc

上传人:laozhun 文档编号:3976383 上传时间:2023-03-30 格式:DOC 页数:34 大小:1.71MB
返回 下载 相关 举报
毕业设计(论文)ASP煤矿安全监测信息网站模拟量报警日报表设计.doc_第1页
第1页 / 共34页
毕业设计(论文)ASP煤矿安全监测信息网站模拟量报警日报表设计.doc_第2页
第2页 / 共34页
毕业设计(论文)ASP煤矿安全监测信息网站模拟量报警日报表设计.doc_第3页
第3页 / 共34页
毕业设计(论文)ASP煤矿安全监测信息网站模拟量报警日报表设计.doc_第4页
第4页 / 共34页
毕业设计(论文)ASP煤矿安全监测信息网站模拟量报警日报表设计.doc_第5页
第5页 / 共34页
点击查看更多>>
资源描述

《毕业设计(论文)ASP煤矿安全监测信息网站模拟量报警日报表设计.doc》由会员分享,可在线阅读,更多相关《毕业设计(论文)ASP煤矿安全监测信息网站模拟量报警日报表设计.doc(34页珍藏版)》请在三一办公上搜索。

1、山东理工大学 毕业设计(论文)题 目: 煤矿安全监测信息网站 模拟量报警日报表设计学 院: 电气与电子工程学院 专 业: 电子信息工程技术 学 号: 0432108209 学生姓名: 指导教师: 毕业设计(论文)时间:二七 年 五月十四日二七年 六月二十三日 共 六 周摘要随着我国煤矿安全事故的频繁发生,煤矿安全日益成为关注的焦点,因此,在加强煤矿瓦斯监测监控建设的基础上,依靠现代信息技术,通过计算机网络监控系统中信息发布网站系统的建立,加强对矿井的监管力度,是降低和防范事故的重要手段。论文详述了对工业信息发布网站的规划与设计的实现过程。首先介绍的是以Dreamweaver为基础的网页设计软件

2、和配合的编程语言及相关数据库知识,接下来描述了网页的设计,着重介绍了该信息发布系统以什么方式打印数据;论文特别对系统涉及的基于ASP语言作了比较详细的探讨。通过这些介绍,本文设计的基于IE浏览器的工业数据查询表格和打印页面,实现了高效地信息查询。关键词: Dreamweaver、ASP、SQL Server 目录摘要.I 第一章 引 言11.1工业监控系统中信息发布网站系统的概述11.2 课题的背景和意义2第二章 基本原理42.1 ASP技术42.1.1 ASP访问数据库的原理42.1.2 ASP页面的结构42.1.3ASP的内建对象5 2.1.4 ASP语言的特点.52.2 SQL Serv

3、er 简介52.2.1 SQL Server 2000 的新特性62.3 Dreamweaver 技术82.3.1 Dreamweaver技术概述82.3.2 Dreamweaver 的特点 92.3.3 Dreamweaver 中表格的应用.9第三章 设计过程123.1表格的设计过程123.1.1 建立表格123.1.2 在表格中填入数据133.1.3 合并单元格163.1.4 “页面属性”设置163.1.5 设置CSS样式173.1.6 对整个页面或一个单元格进行设置203.1.7保存20 3.2网站布局的设置.21结论22参考文献23致 谢24附 录 .25第一章 引 言1.1工业监控系

4、统中信息发布网站系统的概述结构化查询语言SQL 是可工作在多用户系统上的数据库语言,具有强大的数据维和查询功能,适合在Client/ Server 系统工作。把数据库放在数据库服务器端,在客户机上的SQL 数据操作命令发送给服务器,服务器的数据库管理系统解释并执行这些命令,然后利用通讯通道将结果发送给客户机。利用SQL 的这种Client/ Server 框架,可将Web 服务器和数据库服务器分离,更利于Web 站点的管理和数据库的维护与安全。随着现代工业的不断进步,计算机技术在工业控制领域得到了广泛的应用。工业过程控制系统正朝着分散控制、集中管理的方向发展,其中尤其以一台主机(上位机)、多台

5、从机(下位机) 的方式居多。在系统中,从机多负责工业过程现场的数据采集和实时控制,同时向主机提供所需的现场数据,而主机除了负责协调各从机的动作、管理系统数据,与从机通讯和实时打印外,还要以数据、曲线、棒形图、颜色变化等动画形式来动态地反映所监控的工业过程。工业监控系统经过近30 年的发展,从原来基于模拟信号传输的控制系统DCS, 发展到数字化、智能化、全分散的现场总线系统,给工业自动化带来一场深层次的革命。通信协议的多样性使得不同总线产品间不能直接互连、互用和互操作,没有真正体现现场总线的开放性,控制网络的系统集成与信息集成面临困难的复杂局面。随着Intranet/Internet 等信息技术

6、的飞速发展,要求企业从现场控制层到管理层能实现全方位的无缝信息集成,实现远程维护、远程诊断以及远程管理功能,并提供一个开放的基础构架。网络技术(Web Technology)可跨越诸多设备和系统在硬件和软件产品间做到即连即用,只需用网上浏览器(Web Browser)经由以太网和TCP/IP 便可访问各种信息。它使界面软件更加图像化, 并具有互动性。数据信息的存取和处理都由Web 服务器完成,客户机只需通过浏览器提出信息要求接受及显示信息。客户机可任意设置,只要能连上Internet 并有权访问Web 服务器,便可查阅现场有关生产信息,给维护和管理工作带来很大的方便。随着自动控制系统日益向开放

7、性,技术标准化方向迈进,Web、Ethernet 和TCP/IP 应用于各类复杂工业控制系统和科学实验系统己成为研究的热点。现代企业管理所追求的是信息的管理与共享,信息化系统是实现企业自动化和信息化的主要技术手段,这样使得控制网络和信息网络的集成已是大势所趋。一个完整的工业自动化控制系统按照其结构可以分为设备层、控制层、信息层。这三层结构可以说完成了工业生产对自动控制系统提出的全部要求。设备层中的设备种类繁多,有传感器、启动器、驱动器、I/O 部件、阀门等,设备的多样性要求设备层满足开放性要求,主要功能是实现现场设备的标准化、规范化、数字化和完成现场控制的基本功能。控制层实现控制系统的网络化,

8、在其中起着承上启下的作用,主要功能是提供一个功能强大的主干网,实现高层次的自动化控制及实现与信息层的集成。向下将现场层采集的信息进行分析处理,并将结果送往现场;向上将重要的数据送往信息层,形成指令、报表等数据,并接受信息层控制指令。信息层已经较好地实现开放性策略,它的主要功能是综合信息管理与设备管理,为控制层提供科学的决策。这种层次模型的划分是相对而言的,随着嵌入式系统的发展,设备层和控制层正在逐步融合在一起,同时,随着网络技术的发展,自动化层和信息层也朝集成化方向发展。利用程序来控制网站信息的发布是当今网站建设的一个方向。利用ASP 和SQL数据库技术,设计一个信息自动发布系统,使网站实行实

9、时信息发布。使用ASP 技术来实现动态的信息发布系统的方法大致上有两种,一种是把录入的信息内容自动由程序直接生成HTML 文件,比如按日期和信息ID 号来做HTML 文件的名称;另一种是直接把信息数据保存到数据库里,当用户阅读时,从数据库中调出数据,动态生成页面。利用ASP + SQL数据库技术来开发系统,能自动生成网页并自动形成网页之间的链接,同时利用数据库的特点,使读者能通过关键字迅速查询到所需要的信息。1.2 课题的背景和意义 在我国的能源行业中,煤炭占我国一次能源生产和消费结构中的70%左右,预计到2050年还将占50%以上。因此,煤炭在相当长的时期内仍将是我国的主要能源。但煤炭行业的

10、安全生产却不容乐观,尤其是重、特大伤亡事故屡见荧屏报端,据统计,2005年国煤矿发生事故3341起、死亡5986人;在一次死亡10人以上的事故中,瓦斯事故占死亡人数的71%,占绝大多数。这其中固然有很多因素,但各煤矿生产企业安全监测系统不完备、管理手段落后是造成事故频发的重要原因之一。因此,在加强煤矿监测监控建设的基础上,依靠现代信息技术,通过计算机网络实现监测监控系统多级联网,加强对矿井的监管力度,是降低和防范事故的重要手段。一、煤矿安全监测监控系统的必要性和可行性煤矿安全监测监控系统主要用于各矿场对所辖煤矿企业的安全生产进行实时监控、科学管理。随着国家对安全生产的高度重视及各煤矿企业对信息

11、技术在加强安全生产重要性认识方面的提高, 各煤矿企业都组建了自己的局域网。煤矿安全监测监控系统的应用,实现了及时掌握所辖煤矿的安全和生产状况,动态监测瓦斯、CO等有害气体,监督领导下井情况,准确掌握安全隐患,跟踪隐患的整改和处理情况,同时对监测信息进行综合性动态分析,为领导决策提供依据;将事故消灭在萌芽状态,达到安全损失的最小化。二、煤矿安全监测监控系统多级联网的构成1、煤矿安全监测信息网站建设煤矿安全监测监控系统是基于Internet技术,采用B/S结构组建的实时监控网络。(1)矿井监测监控系统建设按照国家相关文件规定所有煤矿矿井全部装备瓦斯监测监控系统,通常瓦斯监测监控系统主要由监测终端、

12、监控中心站、通信接口装置、井下分站、传感器组成。(2)为了充分利用现有系统资源,可以将煤矿资源信息、下井情况、通风瓦斯、隐患监察、法律法规等与煤矿安全生产相关的信息提交到WEB数据库中,建立一个综合的煤矿安全监测监控信息平台。装备矿井安全监测监控装置是防止事故最重要的现代化手段之一。随着计算机和网络技术的日臻完善和飞速发展,一种基于Internet和Intranet网络技术的以远程煤矿安全实时监测监控为主,集安全信息采集、采掘位置动态跟踪、隐患警告、事故报警、安全监管、安全调度等功能为一体的计算机信息网络系统已经不断的被应用到煤矿中。第二章 原理概述2.1 ASP技术2.1.1 ASP访问数据

13、库的原理ASP是服务器端的脚本执行环境,可用来产生和执行动态的高性能的WEB服务器程序。 当用户使用浏览器请求ASP主页时,WEB服务器响应,调用ASP引擎来执行ASP文件,并解释其中的脚本语言,通过ODBC连接数据库,由数据库访问组件ADO(ActiveX Data Objects)完成数据库操作,最后ASP生成包含有数据查询结果的HTML主页返回用户端显示。由于ASP在服务器端运行,运行结果以HTML主页形式返回用户浏览器,因而ASP源程序不会泄密,增加了系统的安全保密性。此外,ASP是面向对象的脚本环境,用户可自行增加ActiveX组件来扩充其功能,拓展应用范围。2.1.2ASP页面的结

14、构ASP的程序代码简单、通用,文件名由.asp结尾,ASP文件通常由四部分构成:(1)标准的HTML标记:所有的HTML标记均可使用。(2) ASP语法命令:位于 标签内的ASP代码。(3)服务器端的include语句:可用#include语句调入其它ASP代码增强了编程的灵活性。 (4) 脚本语言:ASP自带两种脚本语言,增加了ASP的编程功能,用户也可安装其它脚本语言。2.1.3 ASP的运行环境目前ASP可运行在三种环境下。(1)WINDOWS NT server 4.0运行IIS 3.0(Internet Information Server)以上。(2) WINDOWS NT wor

15、kstation 4.0运行Peer Web Server 3.0以上。(3) WINDOWS 95/98运行PWS(Personal Web Server)。其中以NT server上的IIS功能最强,提供了对ASP的全面支持,是创建高速、稳定的ASP主页的最佳选择。2.1.4 ASP的内建对象ASP提供了六个内建对象,供用户直接调用:(1)Application对象:负责管理所有会话信息,可用来在指定的应用程序的所有用户之间共享信息。(2)Session对象:存贮特定用户的会话信息,只被该用户访问,当用户在不同WEB页面跳转时,Session中的变量在用户整个会话过程中一直保存。Sessi

16、on对象需cookie支持。(3) Request对象:从用户端取得信息传递给服务器,是ASP读取用户输入的主要方法。(4) Response对象:服务器将输出内容发送到用户端。(5) Server对象:提供对服务器有关方法和属性的访问。(6) Object Context对象:IIS 4.0新增的对象,用来进行事务处理。此项功能需得到MTS管理的支持。2.1.5 ASP 语言的特点:(1)ASP 语言相容性高:ASP 与所有的ActiveX Script 语言都相容,除了可结合HTML、VBScript 、Java Script、ActiveX服务器组件来设计外,并可经由“plug - In

17、”(外挂组件模组) 的方式,使用其他厂商(Third Party) 所提供的语言。(2)隐密安全性高:如果我们在浏览器中直接查看网页的原始代码,就只能看到HTML 文件,原始的ASP 程序代码是看不到的! 这是因为ASP 程序先于网站服务(Web Server) 端执行后,将结果转换成标准HTML 文件,再传送到客户端(Client)的浏览器上,因此,辛苦撰写的ASP 程序并不会轻易地被看见进而被盗用。(3)易于操控数据库:ASP 可以轻易地通过ODBC (OpenDataBase Connectivity) 驱动程序连接各种不同的数据库,例如:Access、Foxpro 、dBase、Ora

18、cle 等等,另外,ASP 亦可将“文本文件”或是“Excel”文件当成数据库用。(4)面向对象学习容易:ASP 具备有面向对象(Object2Ori2ented) 功能,学习容易,ASP 提供了五种方便能力强大的内建对象:Request 、Response、Server、Application 以及Session ,同时,若使用ASP 内建的“Application”对象或“Session”对象所撰写出来的ASP 程序可以在多个网页之间暂时保存必要的信息。2.2 SQL Server 简介网站是由众多网页组成的Web 页集合,还包括其他服务器资源及其数据库等各种数据文件,浏览器/ 服务器(B

19、/ S) 架构是Web 应用程序的结构形式。当用户浏览器通过网络访问站点时,管理站点的Web 服务器根据用户的请求,通过应用程序服务器对相关服务器端的数据进行处理,根据运算结果生成标准的HTML (HyperText Markup Language 超文本标记语言) 文件,再将相应的内容以网页的形式下载到用户浏览器显示。网站物理结构系统设计采用了通行的三层结构的技术框架。该体系结构自下而上,可分为数据层、业务逻辑层和表现层。其中,数据层主要用来存放系统的数据,如动态信息、静态信息、用户管理等;业务逻辑层用来实现用户与系统的交互功能;表现层是提供给用户的界面层,用户通过表现层完成各种操作,不能直

20、接操作系统的数据层,因此数据层的安全能够得到保障。采用这种架构,系统功能的实现将以数据库为基础,采用ASP 语言开发,在Windows 平台上运行,系统的升级、维护成本比较低。随着业务的拓展,可以很方便在必要的层面中添加相应的应用,实现系统功能的扩展。数据库的应用范围大致可分为大、中、小型三档,Access 简单易用,一般用作桌面小型数据库,Or2acle、DB2 等作为规模较大的信息系统如ERP、OA等大型数据库的应用,同时需要性能较高的硬件设备作为支撑,SQL Server 功能全面,对硬件要求不高,适合中型规模数据库的管理。SQL (Structured Query Language)

21、即结构化查询语言,包括数据查询、数据操纵、数据定义、数据控制四个部分。最早是IBM 的圣约瑟研究实验室为其关系数据库管理系统SYSTEM R 开发的一种查询语言,它的前身是SQUARE 语言。SQL 语言结构简洁,功能强大,简单易学。在计算机系统中,它能够很容易地定义、查询、修改和控制数据,得到了广泛的应用。2.2.1 SQLServer 2000 的新特性SQL Server 2000 全面扩展了SQL Server 7.0 的性能可靠性和易用性使它成为一个杰出的数据库平台可用于大型联机事务处理数据仓库以及电子商务等SQL Server 2000 的新特性主要有以下内容: (1) 数据库增强

22、SQL Server 2000 引进了数据库和服务器增强功能以及其它一些新的特性1 XML Extensible Markup Language 扩展标示语言支持关系数据库引擎可以返回XML 文档数据XML 数据可以用于插入删除和更新数据XML 是扩展标示语言Extensible Markup Language 的英文缩写XML 语言可用于描述一个数据集的内容以及数据如何在Web 页中显示或输出到某个设备XML 和HTML Hypertext Markup Language 超文本链接标示语言都源自SGML Standard General Markup Language 标准通用标示语言SG

23、ML 是一个非常复杂庞大的语言在网络上发布数据时很难完全使用它HTML 比SGML 简单得多而且更专业化但HTML 所作用的数据有一定的数量限制XML 介于HTML 和SGML 之间它比SGML 简单但比HTML 的功能强大得多因此XML 成为Web 网络或公司内部网络进行电子数据交换日益重要的语言。 SQL Server 2000 对XML 的支持表现在以下几个方面: 1、可以通过URL Uniform Resource Locator 统一资源定位访问SQL Server 2、支持XML-Data 模式 3、可检索编写XML 数据 4、SQL Server 2000 OLE DB 增加了对

24、XML 文档的支持 (2)新数据类型New Data Types SQL Server 2000 中增加了3 种数据类型BIGINT SQL_VARIANT 和TABLE (3)数据行中的Text 类型数据SQL Server 2000 中可以将TEXT 和IMAGE 类型的数据直接存放到表的数据行中而不是存放到不同的数据页中这就减少了用于存储TEXT 和IMAGE 类型的空间并相应减少了磁盘处理这类数据的I/O 数量。 (4)用户自定义函数User-Defined Functions SQL Server 2000 扩展了Transact-SQL语言的可编程性,用户可以创建自己的Transa

25、ct-SQL 函数用户自定义函数可以返回一个数量值或表。 (5)索引Index 增强可以在计算列上创建索引这是一个很大的改进。 (6)全文检索Full-Text Search 增强全文检索中增加了改变跟踪和图形过滤的功能其中图形过滤功能允许对存储在IMAGE 类型列中的文档数据进行查询和创建索引。 (7)索引化视图Indexed Views 索引化视图允许在视图上创建索引这就大大提高了需要频繁进行连接查询的程序的性能。 (8)分布式查询Distributed Query 增强SQL Server 2000 引入了一个名为OPENROWSET 的函数它可以指定在分布式查询中的一个特定的连接信息分

26、布式查询优化器的功能有了进一步的提高授予了OLE DB 数据源更多的SQL 操作权。 (9)触发器类型INSTEAD OF and AFTER Triggers 创建触发器时可以通过FOR 子句来指定触发器类型为INSTEAD OF 型或AFTER 型不同类型的触发器执行的时机不同。 (10)级联参考完整性约束Cascading Referential Integrity Constraints 级联参考完整性约束可以控制在删除或更新数据时所采取的操作这种控制是通过在CREATE TABLE 或ALTER TABLE 命令中的REFERENCES 子句中加入ON DELETE 或ON UPDA

27、TE 子句来实现的。 (11)Collation 增进SQL Server 2000 用Collation 来替代Code pages 和Sort Orders SQL Server 2000 比以前的版本提供了更多对Collation 的支持并引入了一个基于Windows Collations 的新的Collation 集合可以指定数据库级或列级的Collation 。2.3Dreamweaver 技术2.3.1Dreamweaver技术概述它是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它

28、可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 Dreamweaver 、Flash以及在Dreamweaver之后推出的针对专业网页图像设计的Fireworks,三者被MACROMEDIA公司称为DREAMTEAM(梦之队),足见市场的反响和MACROMEDIA公司对它们的自信。说到DREAMWEAVER我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓,HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器),两者各有千秋。所见则所得网页编辑器的优

29、点就是直观性,使用方便,容易上手,您在所见即所得网页编辑器进行网页制作和在Word中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点: 一、 难以精确达到与浏览器完全一致的显示效果。也就是说您在所见即所得网页编辑器中制作的网页放到浏览器中是很难完全达到您真正想要的效果,这一点在结构复杂一些的网页中便可以体现出来; 二、 页面原始代码的难以控制性,比如您在所见即所得编辑器中制作一张表格也要几分钟,但您要它完全符合您要求可能需要几十分钟,甚至更多时间。而相比之下,非所见则所得的网页编辑器,就不存在这个问题,因为所有的HTML代码 都在您的监控下产生,但是由于非所见则所得编辑器的先天条件就

30、注定了它的工作低效率。如何实现两者的完美结合,则既产生干净、准确的HTML代码,又具备则见则所得的高效率、直观性,一直是网页设计师梦想。在Dreamweaver之前,Fronrpage 98一直被人们认为是最好的所见即所得网页编辑器,但是它同样继承了所见即所得的种种劣性。 2.3.2Dreamweaver特点 1最佳的制作效率 它可以用最快速的方式将Fireworks,FreeHand,或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单,快捷键与格式控制,都只要一个简单步骤便可完成。它能与您喜爱的设计工具,如Playback Flash,S

31、hockwave和外挂模组等搭配,不需离开它便可完成,整体运用流程自然顺畅。除此之外,只要单击便可使它自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。 2网站管理 使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称,它 会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。 2.3.3 Dreamweaver 中表格的应用做网页过程中常用到表格,表格在Dreamweaver 中占有重要地位。表格中元素的精确定位和如何对表格进行修饰。在网页设计Dreamweaver 中,利用

32、表格来组织网页内容,同时可以设计出布局合理、结构协调、美观匀称的网页。现根据本次设计过程对Dreamweaver 中表格的应用做详细的阐述。一、表格基础:在Dreamweaver 中,对表格的修饰,大都是通过“属性面版”来操作,当然可以直接修改对应的标签: 单元格11 单元格12 单元格21 单元格22 1、 :界定表格的范围。2、标签的属性:(1)border:表格边框宽;(2)width和height:指定表格的大小;(3)align:表格与其相邻文字的位置。参数值为left (居左) 、center (居中) 、和right (居右) 。(4) cellspacing:指定表格中各单元格

33、之间的空隙。(5) cellpadding:指定单元格内容与单元格边界之间的空白距离的大小。3、标签(行标签)的属性:Align:该行中各单元格内容的水平方向对齐方式; valign:该行中各单元格内容的垂直方向对齐方式。4、和 :都是用来规定单元格内容的, 规定表头元素的内容(表头元素一般位于每列的首行,用来说明该列的具体数据是关于哪个对象的) 。规定该单元格的内容。(1) rowspan:表示该单元格所跨的行数。(2)colspan:表示该单元格所跨的列数。(3)align 、valign:用法同上。指定单元格内容的位置。二、用表格进行页面布局1、表格是Dreamweaver 提供的一种功

34、能强大的网页布局工具,它不仅用于罗列数据,还可将不同的网页对象放置在不同的表格或单元格中。使用表格布局网页,通常能使网页对象的定位井然有序。2、为了简化使用表格进行页面布局的过程,Dreamweaver 提供了表格的布局模式,即布局表格。在布局模式中,可以在页面上方便的绘制布局单元格,并能够灵活的将其移动到所需位置,还可以创建固定宽度的布局和自动伸展为整个浏览器窗口宽度的布局。总之,利用布局表格,可以快捷地制作出结构复杂的版面。使用多个布局表格可以将页面布局分隔成多个区域,每个区域相对独立,当对某一个区域进行编辑时,不会影响其它区域。这一特性对于那些在布局单元格中添加对象时引起单元格尺寸增大问

35、题很有效。3、利用表格可以将网页中的元素控制在特定的位置,但是我们在实际操作中某些元素的精确定位还是一个棘手的问题,因此经常借助于图层来完善其不足之处。Dreamweaver 中图层操作灵活,可以随意摆放其位置,层内可以放置文本、图像、表单、插件,甚至还可以包含其他层。常用表格和图层结合起来使用,进而达到精确定位的效果。三、表格使用的常见问题及解决方法1、表格中的空隙有时我们把两张图片插入在同一行相邻的单元格中,通过浏览器浏览网页时会发现:两图片之间总有一个空隙,用鼠标无论怎样移动也无法消除空隙。解决方法:选中表格,打开“属性面板” ,把填充、间距、边框的值全部设置为0 px。2、表格的变形问

36、题:因为表格排列设置而在不同分辨率下所出现的错位:3、被撑大的表格有时定义了表格的大小,我们在向表格中输入内容后,表格中的行高或列宽会自动地增加,在单元格中会出现一些空白区域。解决方法:只要利用属性面板就可以解决这个问题。选中表格,打开属性面板,可以看到在属性面板中有“清除行高”、“清除列宽”两个按钮,只要单击对应的选项问题就迎刃而解了。第三章 设计过程本章介绍表格的设计过程、ASP的代码、网站布局的设置。3.1表格的设计过程3.1.1 建立表格图3-0建立表格打开Macromedia Dreamweaver软件,点击“插入”,选中“表格”如图3-0所示,对表格进行设置。根据所需设计行数为“1

37、3”,列数为“6”,表格宽度为“200”,设置为“像素”,边框粗细设为“2”,单元格间距设为“0”,填入标题为“模拟量报警日报表”。图3-1 建立好的表格点击图3-0的确定按钮,设置好的表格如图1-1所示。3.1.2 在表格中填入数据,如图3-2、3-3、3-4、3-5、3-6所示。图3-2选定单元格用鼠标单击一下,输入如图3-2所示的内容,如“地点/名称、报警次数、1-1 1001回风瓦斯、累计报警时间01:37:02”。其属性及单元格的设置根据需要进行设置。图3-3填入数据选中一个单元格,用鼠标单击一下,填入数据,其属性及单元格的设置根据需要进行设置。图3-4填入数据选中一个单元格,用鼠标

38、单击一下,填入数据“报警及断电累计时间、最大值时刻、平均值”,其属性及单元格的设置根据需要进行设置。图3-5填入数据选中一个单元格,用鼠标单击一下,填入数据“最大值时刻、平均值”,其属性及单元格的设置根据需要进行设置。图3-6填入数据选中一个单元格,用鼠标单击一下,填入数据“报警信息(起止时刻 措施)”,其属性及单元格的设置根据需要进行设置。3.1.3 合并单元格图3-7合并单元格用鼠标单击第一行,右击鼠标选中“表格”中的“合并单元格”按钮,第一行变成如图3-7输入“模拟量日报表”,用同样的方法,用鼠标单击第二行,右击鼠标选中“表格”中的“合并单元格”按钮,第二行变成如图3-7所示,输入“报表

39、数据时间:2007年05月25日”。3.1.4 “页面属性”设置图4“页面属性”设置在Macromedia Dreamweaver软件中点击“修改”选中“页面属性”,对“页面属性”进行设置,如图4所示。3.1.5 设置CSS样式图5设置CSS样式在Macromedia Dreamweaver软件中点击“文本”,选中“CSS样式”单击“新建”出现如图5所示的画面,对CSS样式进行命名设置,如命名为“head1”单击图5的“确定”按钮出现如图5-1所示的画面,对其进行设置图5-1 STYLE1样式下图5-2、5-3、5-4、5-5是用同样的方法新建CSS样式图5-2 xx样式分类列表选择“边框”,

40、样式选择“全部相同”全部为实线,宽度选择“全部相同”全部为“1”,选择“点数”,颜色选择“全部相同”为如图所示的颜色,然后选择“确定”按钮“xx”样式设置完成。图5-3 head1样式分类列表选择“边框”,样式中“上、右、下”选择“实线”“左”选择“无”,宽度选择“全部相同”全部为“1”,选择“点数”,颜色选择“全部相同”为如图所示的颜色,然后选择“确定”按钮“head1”样式设置完成。图5-4 td-content样式分类列表选择“边框”,样式中“上、左”选择“无”,“右、下”选择“实线”,宽度选择“全部相同”全部为“1”,选择“点数”,颜色选择“全部相同”为如图所示的颜色,然后选择“确定”

41、按钮“td-content”样式设置完成。图5-5 td-content样式分类列表选择“边框”,样式中“上”选择“无”,“右、下、左” 选择“实线”,宽度选择“全部相同”全部为“1”选择“点数”,颜色选择“全部相同”为如图所示的颜色,然后选择“确定”按钮“td-content”样式设置完成。3.1.6对整个页面或一个单元格进行设置图6设置页面如图6所示,“格式、样式、字体、大小”可以根据需要进行选择。3.1.7保存对网页设置完后,确定无误后在Macromedia Dreamweaver软件中点击“文件”,选中“另存为”保存为后缀“htm”,打开后成为如图7所示的网页。图7 完成的网页3.2网

42、站布局的设置网页的布局也许是大家最不放在眼里的地方,其实布局地位如同文字的排版一样,随便可布,布即随便。文字排版是一种不起眼但却非常重要的细节做好了会让作品更为精细漂亮,做不好也许就成为作品失败的重要原因。结论通过本学期为期6周的毕业设计,锻炼了自己把知识应用于实际的能力、强化了对专业知识的理解,明确了专业知识的发展方向,提高了自己动手的能力。在此期间我查阅了与课题有关的文献资料,充分利用了自己所学的专业知识、对课题进行分析、研究。在老师和同学的大力帮助下,独立的完成了本次毕业设计。本次设计的主要目的是建立一个网页,通过此网页可以进行多项监测。通过本次毕业设计,学会了运用ASP技术、SQL S

43、erver数据库技术及Dreamweaver技术。在本次毕业设计中,我也发现了很多不足之处,在以后的工作和学习当中,我将引以为戒。在此次设计过程中得到了很多同学的帮助,再此表示由衷的谢意。我也会以这次毕业设计为契机,为以后的工作和学习打下一个坚实的基础。参考文献1 塞奎春,王国辉ASP信息系统开发实例精选机械工业出版社2005.72 李兰友,扬晓光ASP.NET实用程序设计清华大学出版社,北京大学出版社2005.23 袁杨,王彦峰边学边用Dreamweaver MX2004清华大学出版社2004.44 王俊伟,史创明SQL Server2000关系数据库管理与应用教程清华大学出版社2006.7

44、5 石志国,王志良,薛为民. ASP 精解案例教程M . 北京:清华大学出版社,2004.6 启明工作室. ASP 网络应用系统实用开发技术M . 北京:人民邮电出版社,2004.7 张固,等. ASP 网络应用系统典型模块开发实例解析M . 北京:人民邮电出版社,2004.8 任新见. ASP 动态网站快速开发实务M . 北京:电子工业出版社,2004.致 谢在毕业设计和论文期间,得到了柳宝虎导师的悉心指导,从课题的选题、理论分析和设计完成,柳老师都给了深刻的、耐心的教导。柳老师严谨的治学态度,对学生不倦的教诲使我受益菲浅,对我今后的工作和学习影响深远。在此对柳老师表示深深的感谢。在毕业设计和论文进行期间,我还得到了许多同学的指导和帮助,感谢在设计期间,在学习、生活上多给我巨大帮助的亲爱的舍友们。最后,还要感谢所有给过我帮助和正在帮助我的人。附 录所用代码如下所示模拟量报警日报表!-.STYLE2 font-size: 36px;

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 办公文档 > 其他范文


备案号:宁ICP备20000045号-2

经营许可证:宁B2-20210002

宁公网安备 64010402000987号