振动污染控制工程课件.pptx
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《振动污染控制工程课件.pptx》由用户(三亚风情)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 振动 污染 控制工程 课件
- 资源描述:
-
1、三 振动污染控制工程目录CONTENTS振 动 简 介隔 振 原 理 及 隔 振 设 计阻 尼 减 振 及 阻 尼 结 构主 动 隔 振 控 制隔 振 降 噪 工 程 应 用振动简介3.1振 动 简 介振动 振动是指力学系统的位移、速度或加速度往复经过极大值和极小值的变化。任何物理量,当其平衡位置围绕平均值或基准值做从大到小又从小到大的周期性往复运动,则可称该物理量在振动。振 动 简 介振动 常见的振动现象包括:生命如心脏搏动、耳膜和声带的振动;物理现象如声、光、热等;工程技术领域如桥梁和建筑物在阵风或地震激励下的振动,飞机和船舶在航行中的振动,机床和刀具在加工时的振动,各种动力机械的振动及控
2、制系统中的自激振动等。任务目标:(1)了解网页中常用的图像格式及特点;(2)掌握在网页中添加图像及图像对象的方法;(3)掌握设置图像属性,以及用CSS设置图像样式的方法。任务5.2 在网页中插入图像5.2.1网页中常用的图像格式网页中使用的图像通常有三种,即GIF、JPEG和PNG。GIF(图形交换格式):GIF文件最多使用256种颜色,适合显示色调不连续或具有大面积单一颜色的图像,如导航条、按钮、图标、徽标或其他具有统一色彩和色调的图像。GIF文件的扩展名为.gif。JPEG(联合图像专家组):JPEG文件格式是用于摄影或连续色调图像的较好格式,包含数百万种颜色。可以通过压缩JPEG文件在图
3、像品质和文件大小之间达到较好的平衡。JPEG文件的扩展名为.jpg或.jpeg。PNG(可移植网络图形):PNG文件可保留所有原始层、矢量、颜色和效果信息(例如阴影),所有元素都是可以完全编辑的。PNG文件的扩展名为.png。任务5.2 在网页中插入图像5.2.2在网页中添加图像元素在HTML中添加图像元素应用的是标签,需要预先准备好图像文件,然后将光标定位于网页文档需要插入图像的位置,按以下方法之一插入图像。选择“插入”“Image”菜单命令。单击“插入”面板“HTML”选项卡中的【Image】按钮。使用组合键。在“文件”或“资源”面板中选择所需图像文件,直接拖动图像文件到文档窗口中。前三种
4、方法均可打开“选择图像源文件”对话框,选择要插入的图像,单击【确定】按钮即可插入图像。任务5.2 在网页中插入图像将图像插入已保存过的网页文档时,图像文件也应存放在当前站点中,否则,Dreamweaver会弹出消息框询问是否要将图像文件复制到当前站点中。任务5.2 在网页中插入图像提示:Dreamweaver会自动生成所选图像文件的路径,如果是在未保存过的网页中添加图像文件,Dreamweaver将使用“file:/”开头的路径;如果网页文件是已保存过的文档,则Dreamweaver将自动转换为相对于该文档的相对路径,也可以选择相对于“站点根目录”的路径。5.2.3设置网页图像属性在网页中插入
5、图像后,可以通过图像“属性”面板对其进行设置,例如,调整图像的大小、设置替换文本、优化图像等,这些设置将分别对应图像标签中的各属性。任务5.2 在网页中插入图像图像“属性”面板中各项参数含义如下。ID:指定图像的名称。Src:指定插入图像文件的路径。:目标规则列表,显示或更改当前应用于图像的CSS样式。宽、高:指定图像被载入浏览器时所显示的宽度、高度,对应width和height属性,单位默认是px,也可以选择相对于原始图像的百分比。在页面中插入图像时,Dreamweaver会自动在这两个文本框中填充图像的原始尺寸,要调整显示尺寸可以直接在文本框中输入像素值或百分比值,也可以用鼠标直接拖动图像
6、四周的控制点。任务5.2 在网页中插入图像 替换:指定图像无法正常显示时替代图像显示的替换文本,对应alt属性。标题:用于指定图像的提示信息,对应title属性。编辑按钮,可以快速打开外部图像处理软件对选定图像进行编辑。该按钮显示图片会因所用计算机安装的外部图像处理软件不同而不同,如安装Photoshop软件时,将显示为 。:编辑图像设置按钮,可以打开“图像优化”对话框,对图像做优化操作,所做操作会即时在文档窗口中显示。:从源文件更新按钮,在Photoshop中对原始图像进行更改操作后,可以通过该按钮在Dreamweaver中对智能对象进行更新。任务5.2 在网页中插入图像 :裁剪按钮,可以对
7、图像进行裁切,删除不需要的区域。:重新取样按钮,可以对已调整大小的图像进行重新取样,提高图片在新尺寸下的品质。:亮度和对比度按钮,可以调整图像的亮度和对比度。:锐化按钮,可以调整图像的锐度。链接、目标、图像地图及热点工具:指定对图像进行的超链接设置。原始:指定Dreamweaver创建智能对象时,所对应的原始Photoshop图像的路径。任务5.2 在网页中插入图像5.2.4用CSS设置网页图像样式1用CSS调整图像显示尺寸用CSS调整图像的显示尺寸也需要设置图像对象的width和height属性,但是,在CSS规则中不仅可以使用px为单位,还可以使用%、cm、in等单位。用CSS调整图像显示
8、尺寸,参考代码如下。任务5.2 在网页中插入图像.image1 height:200px;/*图像高200px*/width:50%;/*图像宽占窗口的50%*/2用CSS设置图像边距使用CSS可以从上、下、左、右四个方向设置图像与其他元素间的边距值。在CSS规则中设置margin属性集合,选择设置“top”“right”“bottom”“left”属性的值与单位,参考代码如下。任务5.2 在网页中插入图像.image2 margin-top:50px;/*上边距为50px*/margin-right:50px;/*右边距为50px*/margin-left:100px;/*左边距为100px
9、*/3用CSS设置图像边框使用CSS可以为图像的四边分别设置边框的样式、粗细和颜色。任务5.2 在网页中插入图像.image3 border-top-width:medium;/*上边框粗细为medium(中)*/border-right-width:thick;/*右边框粗细为thick(粗)*/border-bottom-width:4px;/*下边框粗细为4px*/border-left-width:4px;/*左边框粗细为4px*/border-top-style:dotted;/*上边框样式为点划线*/border-right-style:dashed;/*右边框样式为虚线*/bor
10、der-bottom-style:solid;/*下边框样式为实线*/border-left-style:double;/*左边框样式为双线*/border-top-color:#F00;/*上边框颜色为#F00(红色),其他边相同*/border-right-color:#F00;border-bottom-color:#F00;border-left-color:#F00;5.2.5用CSS设置网页的背景图像利用CSS可以设置背景图像的附着和定位。用CSS设置网页背景图像的方法:为标签新建CSS规则,设置“background”系列属性,具体包括以下属性:background-color:
11、设置背景颜色;background-image:设置背景图像的路径;background-repeat:设置背景图像的重复方式,如“repeat”、“no-repeat”、“repeat-x”、“repeat-y”;background-attachment:设置背景图像的附着性,如“fixed”和“scroll”;任务5.2 在网页中插入图像 background-position:设置背景图像的位置,从水平方向和垂直方向来确定,如“top”“center”“bottom”,或输入数值并选择单位。任务5.2 在网页中插入图像body background-image:url(images/h
展开阅读全文