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

山东理工大学 毕业设计（论文）毕业设计（论文） 题题 目：目： 煤矿安全监测信息网站煤矿安全监测信息网站 模拟量报警日报表设计模拟量报警日报表设计 学 院： 电气与电子工程学院 专 业： 电子信息工程技术 学 号： 0432108209 学生姓名： 指导教师： 毕业设计（论文）时间：二七 年 五月十四日 二七年 六月二十三日 共 六 周 摘要 -i- 摘要摘要 随着我国煤矿安全事故的频繁发生，煤矿安全日益成为关注的焦点，因此， 在加强煤矿瓦斯监测监控建设的基础上，依靠现代信息技术，通过计算机网络 监控系统中信息发布网站系统的建立，加强对矿井的监管力度，是降低和防范 事故的重要手段。 论文详述了对工业信息发布网站的规划与设计的实现过程。首先介绍的是 以dreamweaver为基础的网页设计软件和配合的编程语言及相关数据库知识，接 下来描述了网页的设计，着重介绍了该信息发布系统以什么方式打印数据；论 文特别对系统涉及的基于asp语言作了比较详细的探讨。 通过这些介绍，本文设计的基于ie浏览器的工业数据查询表格和打印页面， 实现了高效地信息查询。 关键词：关键词： dreamweaver、asp、sql server 目录 -ii- 目录目录 摘摘要要i 第一章 引 言 .1 1.1 工业监控系统中信息发布网站系统的概述.1 1.2 课题的背景和意义2 第二章 基本原理 4 2.1 asp 技术 4 2.1.1 asp 访问数据库的原理.4 2.1.2 asp 页面的结构4 2.1.3asp 的内建对象.5 2.1.4 asp 语言的特 点.5 2.2 sql server 简介5 2.2.1 sql server 2000 的新特性 6 2.3 dreamweaver 技术8 2.3.1 dreamweaver 技术概述8 2.3.2 dreamweaver 的特点 9 2.3.3 dreamweaver 中表格的应用.9 第三章 设计过程 12 3.1 表格的设计过程.12 3.1.1 建立表格.12 3.1.2 在表格中填入数据.13 3.1.3 合并单元格16 3.1.4 “页面属性”设置16 3.1.5 设置 css 样式17 3.1.6 对整个页面或一个单元格进行设置20 3.1.7 保存.20 3.2 网站布局的设置21 结论 .22 参考文献 23 致 谢 .24 附附 录录 .25 引言 -1- 第一章 引 言 1.1 工业监控系统中信息发布网站系统的概述 结构化查询语言 sql 是可工作在多用户系统上的数据库语言，具有强大 的数据维和查询功能，适合在 client/ server 系统工作。把数据库放在数据库服 务器端，在客户机上的 sql 数据操作命令发送给服务器，服务器的数据库管 理系统解释并执行这些命令，然后利用通讯通道将结果发送给客户机。利用 sql 的这种 client/ server 框架，可将 web 服务器和数据库服务器分离，更利 于 web 站点的管理和数据库的维护与安全。随着现代工业的不断进步，计算 机技术在工业控制领域得到了广泛的应用。工业过程控制系统正朝着分散控制、 集中管理的方向发展，其中尤其以一台主机(上位机)、多台从机(下位机) 的方 式居多。在系统中，从机多负责工业过程现场的数据采集和实时控制，同时向 主机提供所需的现场数据，而主机除了负责协调各从机的动作、管理系统数据， 与从机通讯和实时打印外，还要以数据、曲线、棒形图、颜色变化等动画形式 来动态地反映所监控的工业过程。 工业监控系统经过近 30 年的发展，从原来基于模拟信号传输的控制系统 dcs， 发展到数字化、智能化、全分散的现场总线系统，给工业自动化带来一 场深层次的革命。通信协议的多样性使得不同总线产品间不能直接互连、互用 和互操作，没有真正体现现场总线的开放性，控制网络的系统集成与信息集成 面临困难的复杂局面。随着 intranet/internet 等信息技术的飞速发展，要求企业 从现场控制层到管理层能实现全方位的无缝信息集成，实现远程维护、远程诊 断以及远程管理功能，并提供一个开放的基础构架。网络技术(web technology) 可跨越诸多设备和系统在硬件和软件产品间做到即连即用，只需用网上浏览器 (web browser)经由以太网和 tcp/ip 便可访问各种信息。它使界面软件更加图 像化， 并具有互动性。数据信息的存取和处理都由 web 服务器完成，客户机 只需通过浏览器提出信息要求接受及显示信息。客户机可任意设置，只要能连 上 internet 并有权访问 web 服务器，便可查阅现场有关生产信息，给维护和管 理工作带来很大的方便。随着自动控制系统日益向开放性，技术标准化方向迈 进，web、ethernet 和 tcp/ip 应用于各类复杂工业控制系统和科学实验系统己 成为研究的热点。 引言 -2- 现代企业管理所追求的是信息的管理与共享，信息化系统是实现企业自动 化和信息化的主要技术手段，这样使得控制网络和信息网络的集成已是大势所 趋。一个完整的工业自动化控制系统按照其结构可以分为设备层、控制层、信 息层。这三层结构可以说完成了工业生产对自动控制系统提出的全部要求。设 备层中的设备种类繁多，有传感器、启动器、驱动器、i/o 部件、阀门等，设 备的多样性要求设备层满足开放性要求，主要功能是实现现场设备的标准化、 规范化、数字化和完成现场控制的基本功能。控制层实现控制系统的网络化， 在其中起着承上启下的作用，主要功能是提供一个功能强大的主干网，实现高 层次的自动化控制及实现与信息层的集成。向下将现场层采集的信息进行分析 处理，并将结果送往现场；向上将重要的数据送往信息层，形成指令、报表等 数据，并接受信息层控制指令。信息层已经较好地实现开放性策略，它的主要 功能是综合信息管理与设备管理，为控制层提供科学的决策。这种层次模型的 划分是相对而言的，随着嵌入式系统的发展，设备层和控制层正在逐步融合在 一起，同时，随着网络技术的发展，自动化层和信息层也朝集成化方向发展。 利用程序来控制网站信息的发布是当今网站建设的一个方向。利用 asp 和 sql 数据库技术，设计一个信息自动发布系统，使网站实行实时信息发布。使 用 asp 技术来实现动态的信息发布系统的方法大致上有两种，一种是把录入的 信息内容自动由程序直接生成 html 文件，比如按日期和信息 id 号来做 html 文件的名称；另一种是直接把信息数据保存到数据库里，当用户阅读时，从数 据库中调出数据，动态生成页面。利用 asp + sql 数据库技术来开发系统，能 自动生成网页并自动形成网页之间的链接，同时利用数据库的特点，使读者能 通过关键字迅速查询到所需要的信息。 1.2 课题的背景和意义课题的背景和意义 在我国的能源行业中，煤炭占我国一次能源生产和消费结构中的 70%左右， 预计到 2050 年还将占 50%以上。因此，煤炭在相当长的时期内仍将是我国的主 要能源。但煤炭行业的安全生产却不容乐观，尤其是重、特大伤亡事故屡见荧 屏报端，据统计，2005 年国煤矿发生事故 3341 起、死亡 5986 人；在一次死亡 10 人以上的事故中，瓦斯事故占死亡人数的 71%，占绝大多数。这其中固然有 很多因素，但各煤矿生产企业安全监测系统不完备、管理手段落后是造成事故 频发的重要原因之一。因此，在加强煤矿监测监控建设的基础上，依靠现代信 息技术，通过计算机网络实现监测监控系统多级联网，加强对矿井的监管力度， 引言 -3- 是降低和防范事故的重要手段。 一、煤矿安全监测监控系统的必要性和可行性 煤矿安全监测监控系统主要用于各矿场对所辖煤矿企业的安全生产进行实 时监控、科学管理。随着国家对安全生产的高度重视及各煤矿企业对信息技术 在加强安全生产重要性认识方面的提高， 各煤矿企业都组建了自己的局域网。 煤矿安全监测监控系统的应用，实现了及时掌握所辖煤矿的安全和生产状况， 动态监测瓦斯、co 等有害气体，监督领导下井情况，准确掌握安全隐患，跟踪 隐患的整改和处理情况，同时对监测信息进行综合性动态分析，为领导决策提 供依据；将事故消灭在萌芽状态，达到安全损失的最小化。 二、煤矿安全监测监控系统多级联网的构成 1、煤矿安全监测信息网站建设 煤矿安全监测监控系统是基于 internet 技术，采用 b/s 结构组建的实时监 控网络。 （1）矿井监测监控系统建设 按照国家相关文件规定所有煤矿矿井全部装备瓦斯监测监控系统，通常瓦 斯监测监控系统主要由监测终端、监控中心站、通信接口装置、井下分站、传 感器组成。 （2）为了充分利用现有系统资源，可以将煤矿资源信息、下井情况、通风瓦斯、 隐患监察、法律法规等与煤矿安全生产相关的信息提交到 web 数据库中，建立 一个综合的煤矿安全监测监控信息平台。 装备矿井安全监测监控装置是防止事故最重要的现代化手段之一。随着计 算机和网络技术的日臻完善和飞速发展，一种基于 internet 和 intranet 网络 技术的以远程煤矿安全实时监测监控为主，集安全信息采集、采掘位置动态跟 踪、隐患警告、事故报警、安全监管、安全调度等功能为一体的计算机信息网 络系统已经不断的被应用到煤矿中。 第二章 原理概述 -4- 第二章 原理概述 2.1 asp 技术技术 2.1.1 asp 访问数据库的原理访问数据库的原理 asp 是服务器端的脚本执行环境，可用来产生和执行动态的高性能的 web 服务器程序。 当用户使用浏览器请求 asp 主页时，web 服务器响应， 调用 asp 引擎来执行 asp 文件，并解释其中的脚本语言，通过 odbc 连接数 据库，由数据库访问组件 ado(activex data objects)完成数据库操作，最后 asp 生成包含有数据查询结果的 html 主页返回用户端显示。由于 asp 在服 务器端运行，运行结果以 html 主页形式返回用户浏览器，因而 asp 源程序 不会泄密，增加了系统的安全保密性。此外，asp 是面向对象的脚本环境，用 户可自行增加 activex 组件来扩充其功能，拓展应用范围。 2.1.2asp 页面的结构页面的结构 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 workstation 4.0 运行 peer web server 3.0 以上。 （3） windows 95/98 运行 pws(personal web server)。 其中以 nt server 上的 iis 功能最强，提供了对 asp 的全面支持，是创建 高速、稳定的 asp 主页的最佳选择。 第二章 原理概述 -5- 2.1.4 asp 的内建对象的内建对象 asp 提供了六个内建对象，供用户直接调用： （1）application 对象：负责管理所有会话信息，可用来在指定的应用程 序的所有用户之间共享信息。 （2）session 对象：存贮特定用户的会话信息，只被该用户访问，当用户 在不同 web 页面跳转时，session 中的变量在用户整个会话过程中一直保存。 session 对象需 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”(外挂组件模组) 的方式，使用其他厂商(third party) 所提 供的语言。 （2）隐密安全性高：如果我们在浏览器中直接查看网页的原始代码，就只 能看到 html 文件，原始的 asp 程序代码是看不到的！ 这是因为 asp 程序 先于网站服务(web server) 端执行后，将结果转换成标准 html 文件，再传 送到客户端(client)的浏览器上，因此，辛苦撰写的 asp 程序并不会轻易地被 看见进而被盗用。 （3）易于操控数据库：asp 可以轻易地通过 odbc (opendatabase connectivity) 驱动程序连接各种不同的数据库，例如：access、foxpro 、dbase、oracle 等等，另外，asp 亦可将“文本文件”或是“excel”文件 当成数据库用。 （4）面向对象学习容易：asp 具备有面向对象(object2ori2ented) 功能， 学习容易，asp 提供了五种方便能力强大的内建对象：request 、response、server、application 以及 session ，同时，若使用 asp 内建 第二章 原理概述 -6- 的“application”对象或“session”对象所撰写出来的 asp 程序可以在多个 网页之间暂时保存必要的信息。 2.2 sql server 简介简介 网站是由众多网页组成的 web 页集合，还包括其他服务器资源及其数据 库等各种数据文件，浏览器/ 服务器(b/ s) 架构是 web 应用程序的结构形式。 当用户浏览器通过网络访问站点时，管理站点的 web 服务器根据用户的请求， 通过应用程序服务器对相关服务器端的数据进行处理，根据运算结果生成标准 的 html (hypertext markup language 超文本标记语言) 文件，再将相应的内 容以网页的形式下载到用户浏览器显示。网站物理结构系统设计采用了通行的 三层结构的技术框架。该体系结构自下而上，可分为数据层、业务逻辑层和表 现层。其中，数据层主要用来存放系统的数据，如动态信息、静态信息、用户 管理等；业务逻辑层用来实现用户与系统的交互功能；表现层是提供给用户的 界面层，用户通过表现层完成各种操作，不能直接操作系统的数据层，因此数 据层的安全能够得到保障。 采用这种架构，系统功能的实现将以数据库为基础，采用 asp 语言开发， 在 windows 平台上运行，系统的升级、维护成本比较低。随着业务的拓展，可 以很方便在必要的层面中添加相应的应用，实现系统功能的扩展。数据库的应 用范围大致可分为大、中、小型三档，access 简单易用，一般用作桌面小型数 据库，or2acle、db2 等作为规模较大的信息系统如 erp、oa 等大型数据库的 应用，同时需要性能较高的硬件设备作为支撑，sql server 功能全面，对硬件 要求不高，适合中型规模数据库的管理。sql (structured query language) 即结 构化查询语言，包括数据查询、数据操纵、数据定义、数据控制四个部分。最 早是 ibm 的圣约瑟研究实验室为其关系数据库管理系统 system r 开发的一 种查询语言，它的前身是 square 语言。sql 语言结构简洁，功能强大，简 单易学。在计算机系统中，它能够很容易地定义、查询、修改和控制数据，得 到了广泛的应用。 2.2.12.2.1 sqlserversqlserver 20002000 的新特性的新特性 sql server 2000 全面扩展了 sql server 7.0 的性能可靠性和易用性使 它成为一个杰出的数据库平台可用于大型联机事务处理数据仓库以及电子商务 等 sql server 2000 的新特性主要有以下内容： 第二章 原理概述 -7- （1） 数据库增强 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 标准通用标示语言 sgml 是一个非常复杂 庞大的语言在网络上发布数据时很难完全使用它 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 增加了对 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 语言的可编程性，用户可以创建自 己的 transact-sql 函数用户自定义函数可以返回一个数量值或表。 （5）索引 index 增强 可以在计算列上创建索引这是一个很大的改进。 （6）全文检索 full-text search 增强 全文检索中增加了改变跟踪和图形过滤的功能其中图形过滤功能允许对存 储在 image 类型列中的文档数据进行查询和创建索引。 第二章 原理概述 -8- （7）索引化视图 indexed views 索引化视图允许在视图上创建索引这就大大提高了需要频繁进行连接查询的程 序的性能。 （8）分布式查询 distributed query 增强 sql server 2000 引入了一个名为 openrowset 的函数它可以指定在分布 式查询中的一个特定的连接信息分布式查询优化器的功能有了进一步的提高授 予了 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 update 子句来实现的。 （11）collation 增进 sql server 2000 用 collation 来替代 code pages 和 sort orders sql server 2000 比以前的版本提供了更多对 collation 的支持并引入了一个基于 windows collations 的新的 collation 集合可以指定数据库级或列级的 collation 。 2.3dreamweaver 技术技术 2.3.1dreamweaver 技术概述技术概述 它是美国 macromedia 公司开发的集网页制作和管理网站于一身的所见 即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开 发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满 动感的网页。 dreamweaver 、flash 以及在dreamweaver之后推出的针对专业网页图像设计 的 fireworks，三者被 macromedia 公司称为 dreamteam(梦之队)，足见 市场的反响和 macromedia 公司对它们的自信。说到 dreamweaver 我 们应该了解一下网页编辑器的发展过程，随着互联网(internet) 的家喻户晓， html 技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器 基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始 第二章 原理概述 -9- 代码编辑器） ，两者各有千秋。所见则所得网页编辑器的优点就是直观性，使用 方便，容易上手，您在所见即所得网页编辑器进行网页制作和在 word 中进行 文本编辑不会感到有什么区别，但它同时也存在着致命的弱点： 一、 难以精确达到与浏览器完全一致的显示效果。也就是说您在所见即所 得网页编辑器中制作的网页放到浏览器中是很难完全达到您真正想要的效果， 这一点在结构复杂一些的网页中便可以体现出来； 二、 页面原始代码的难以控制性，比如您在所见即所得编辑器中制作一张 表格也要几分钟，但您要它完全符合您要求可能需要几十分钟，甚至更多时间。 而相比之下，非所见则所得的网页编辑器，就不存在这个问题，因为所有的 html 代码 都在您的监控下产生，但是由于非所见则所得编辑器的先天条件就 注定了它的工作低效率。如何实现两者的完美结合，则既产生干净、准确的 html 代码，又具备则见则所得的高效率、直观性，一直是网页设计师梦想。 在 dreamweaver 之前，fronrpage 98 一直被人们认为是最好的所见即所得网 页编辑器，但是它同样继承了所见即所得的种种劣性。 2.3.2dreamweaver 特点特点 1最佳的制作效率 它可以用最快速的方式将 fireworks，freehand，或 photoshop 等档案移 至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。 对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。它能与您喜爱 的设计工具，如 playback flash，shockwave 和外挂模组等搭配，不需离开它 便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使它自动开启 firework 或 photoshop 来进行编辑与设定图档的最佳化。 2网站管理 使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位 置或档案名称，它 会自动更新所有连结。使用支援文字、html 码、html 属 性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。 2.3.3 dreamweaver 中表格的应用中表格的应用 做网页过程中常用到表格，表格在 dreamweaver 中占有重要地位。表格中 元素的精确定位和如何对表格进行修饰。 在网页设计 dreamweaver 中，利用表格来组织网页内容，同时可以设计出 布局合理、结构协调、美观匀称的网页。现根据本次设计过程对 dreamweaver 第二章 原理概述 -10- 中表格的应用做详细的阐述。 一、表格基础： 在 dreamweaver 中，对表格的修饰，大都是通过“属性面版”来操作，当 然可以直接修改对应的标签： 单 元格 11 单元格 12 单元格 21 单元格 22 1、 ：界定表格的 范围。 2、标签的属性： （1）border：表格边框宽； （2）width 和 height：指定表格的大小； （3）align：表格与其相邻文字的位置。参数值为 left (居左) 、center (居中) 、和 right (居右) 。 （4） cellspacing：指定表格中各单元格之间的空隙。 （5） cellpadding：指定单元格内容与单元格边界之间的空白距离的大小。 3、标签(行标签)的属性： align：该行中各单元格内容的水平方向对齐方式； valign：该行中各单元格内 容的垂直方向对齐方式。 4、和 ：都是用来规定单元格内容的， 规定表头元素 的内容(表头元素一般位于每列的首行，用来说明该列的具体数据是关于哪个对 象的) 。规定该单元格的内容。 （1） rowspan：表示该单元格所跨的行数。 （2）colspan：表示该单元格所跨的列数。 （3）align 、valign：用法同上。指定单元格内容的位置。 二、用表格进行页面布局 1、表格是 dreamweaver 提供的一种功能强大的网页布局工具，它不仅用 于罗列数据，还可将不同的网页对象放置在不同的表格或单元格中。使用表格 布局网页，通常能使网页对象的定位井然有序。 2、为了简化使用表格进行页面布局的过程，dreamweaver 提供了表格的布 局模式，即布局表格。在布局模式中，可以在页面上方便的绘制布局单元格， 并能够灵活的将其移动到所需位置，还可以创建固定宽度的布局和自动伸展为 整个浏览器窗口宽度的布局。总之，利用布局表格，可以快捷地制作出结构复 第二章 原理概述 -11- 杂的版面。使用多个布局表格可以将页面布局分隔成多个区域，每个区域相对 独立，当对某一个区域进行编辑时，不会影响其它区域。这一特性对于那些在 布局单元格中添加对象时引起单元格尺寸增大问题很有效。 3、利用表格可以将网页中的元素控制在特定的位置，但是我们在实际操作 中某些元素的精确定位还是一个棘手的问题，因此经常借助于图层来完善其不 足之处。dreamweaver 中图层操作灵活，可以随意摆放其位置，层内可以放置 文本、图像、表单、插件，甚至还可以包含其他层。常用表格和图层结合起来 使用，进而达到精确定位的效果。 三、表格使用的常见问题及解决方法 1、表格中的空隙 有时我们把两张图片插入在同一行相邻的单元格中，通过浏览器浏览网页 时会发现：两图片之间总有一个空隙，用鼠标无论怎样移动也无法消除空隙。 解决方法：选中表格，打开“属性面板” ，把填充、间距、边框的值全部设置 为 0 px。 2、表格的变形问题：因为表格排列设置而在不同分辨率下所出现的错位： 3、被撑大的表格 有时定义了表格的大小，我们在向表格中输入内容后，表格中的行高或 列宽会自动地增加，在单元格中会出现一些空白区域。解决方法：只要利用属 性面板就可以解决这个问题。选中表格，打开属性面板，可以看到在属性面板 中有“清除行高” 、 “清除列宽”两个按钮，只要单击对应的选项问题就迎刃而 解了。 第三章 设计过程 -12- 第三章 设计过程 本章介绍表格的设计过程、asp 的代码、网站布局的设置。 3.1 表格的设计过程 3.1.1 建立表格建立表格 图 3-0 建立表格 打开 macromedia dreamweaver 软件，点击“插入” ，选中“表格”如图 3-0 所示，对表格进行设置。根据所需设计行数为“13” ，列数为“6” ，表格宽度为 “200” ，设置为“像素” ，边框粗细设为“2” ，单元格间距设为“0” ，填入标题 为“模拟量报警日报表” 。 第三章 设计过程 -13- 图 3-1 建立好的表格 点击图 3-0 的确定按钮，设置好的表格如图 1-1 所示。 3.1.2 在表格中填入数据，如图在表格中填入数据，如图 3-2、3-3、3-4、3-5、3-6 所示。所示。 图 3-2 选定单元格用鼠标单击一下，输入如图 3-2 所示的内容，如“地点/名称、 第三章 设计过程 -14- 报 第三章 设计过程 -15- 警次数、1-1 1001 回风瓦斯、累计报警时间 01:37:02” 。其属性及单元格的设置 根据需要进行设置。 图 3-3 填入数据 选中一个单元格，用鼠标单击一下，填入数据，其属性及单元格的设置根 据需要进行设置。 第三章 设计过程 -16- 图 3-4 填入数据 选中一个单元格，用鼠标单击一下，填入数据“报警及断电累计时间、最 大值时刻、平均值” ，其属性及单元格的设置根据需要进行设置。 图 3-5 填入数据 选中一个单元格，用鼠标单击一下，填入数据“最大值时刻、平均值” ， 其属性及单元格的设置根据需要进行设置。 图 3-6 填入数据 第三章 设计过程 -17- 选中一个单元格，用鼠标单击一下，填入数据“报警信息（起止时刻 措 施） ” ，其属性及单元格的设置根据需要进行设置。 3.1.3 合并单元格合并单元格 图 3-7 合并单元格 用鼠标单击第一行，右击鼠标选中“表格”中的“合并单元格”按钮，第 一行变成如图 3-7 输入“模拟量日报表” ，用同样的方法，用鼠标单击第二行， 右击鼠标选中“表格”中的“合并单元格”按钮，第二行变成如图 3-7 所示， 输入“报表数据时间：2007 年 05 月 25 日” 。 3.1.4 “页面属性页面属性”设置设置 第三章 设计过程 -18- 图 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 样式 第三章 设计过程 -19- 图 5-2 xx 样式 分类列表选择“边框” ，样式选择“全部相同”全部为实线，宽度选择“全 部相同”全部为“1” ，选择“点数” ，颜色选择“全部相同”为如图所示的颜色， 然后选择“确定”按钮“xx”样式设置完成。 图 5-3 head1 样式 分类列表选择“边框” ，样式中“上、右、下”选择“实线” “左”选择“无” ，宽度选择“全部相同”全部为“1” ，选择“点数” ，颜色选择“全部相同”为 如图所示的颜色，然后选择“确定”按钮“head1”样式设置完成。 第三章 设计过程 -20- 图 5-4 td-content 样式 分类列表选择“边框” ，样式中“上、左”选择“无” ， “右、下”选择“实 线” ，宽度选择“全部相同”全部为“1” ，选择“点数” ，颜色选择“全部相同” 为如图所示的颜色，然后选择“确定”按钮“td-content”样式设置完成。 图 5-5 td-content 样式 分类列表选择“边框” ，样式中“上”选择“无” ， “右、下、左” 选择 第三章 设计过程 -21- “实线” ，宽度选择“全部相同”全部为“1”选择“点数” ，颜色选择“全部相 同”为如图所示的颜色，然后选择“确定”按钮“td-content”样式设置完成。 3.1.6 对整个页面或一个单元格进行设置对整个页面或一个单元格进行设置 图 6 设置页面 如图 6 所示， “格式、样式、字体、大小”可以根据需要进行选择。 3.1.7 保存保存 对网页设置完后，确定无误后在 macromedia dreamweaver 软件中点击“文 件” ，选中“另存为”保存为后缀“htm” ，打开后成为如图 7 所示的网页。 图 7 完成的网页 第三章 设计过程 -22- 3.2 网站布局的设置 网页的布局也许是大家最不放在眼里的地方，其实布局地位如同文字的排 版一样，随便可布，布即随便。文字排版是一种不起眼但却非常重要的细节做 好了会让作品更为精细漂亮，做不好也许就成为作品失败的重要原因。 结 论 -23- 结论 通过本学期为期 6 周的毕业设计，锻炼了自己把知识应用于实际的能力、 强化了对专业知识的理解，明确了专业知识的发展方向，提高了自己动手的能 力。在此期间我查阅了与课题有关的文献资料，充分利用了自己所学的专业知 识、对课题进行分析、研究。在老师和同学的大力帮助下