检测第三章电子教案

时间:2019-05-15 01:51:38下载本文作者:会员上传
简介:写写帮文库小编为你整理了多篇相关的《检测第三章电子教案》,但愿对你工作学习有帮助,当然你在写写帮文库还可以找到更多《检测第三章电子教案》。

第一篇:检测第三章电子教案

第3章 发动机集中控制系统

教学目标

通过本章学习,能够掌握电控系统的诊断原则及注意事项;能够掌握故障诊断常用方法及故障诊断程序;正确使用检测工具

教学内容

1.电控系统检测与诊断专用仪器 2.电控汽油喷射系统 3.电控点火系统

4.电控系统故障诊断的原则及注意事项

教学重点

1.电控汽油喷射系统 2.电控点火系统

3.1 电控系统检测与诊断专用仪器

教学目标

了解电控系统检测与诊断专用仪器

教学重内容

发动机综合性能检测仪 车用示波器 车用万用表 解码器

教学重点

解码器

教学学时

4学时

3.1.1解码器

1.解码器的种类

一类是专用解码器,只能检测一种车系,仪器功能强大,价格高,检测车型单一。

另一类通用解码器,可以检测很多车系,数据容量大。2.解码器的功能(1)查询单元版本号

如电脑型号、系统类型、发动机类型、适用配置的设定号等。(2)查询故障代码

可以测出汽车上电控系统出现的故障,以代码展示出来。(3)执行元件诊断

可以诊断电控系统中执行元件的故障。(4)系统基本调整

在汽车维修和保养后必须进行系统基本调整。

所谓基本调整,是通过数据通道将一些数据写入到控制单元中,将数据调整到生产厂家指定值,或将某些元件参数写入控制单元,从而使汽车达到最佳运行状态。

(5)清除故障代码

可以清除系统控制计算机存储的故障码。(6)控制单元编码

当车辆的代码没有显示或主电脑已更换,则必须进行控制单元编码。(7)读取测量数据块

数据流的作用是可以检测到各种各种传感器的工作状态及汽车的运行数据。

3.1.2车用万用表

万用表是将电压表、电阻表和电流表等组合为一体的多功能工具,常用于诊断和检测发动机性能和电路系统故障。

功能:

69(1)交、直流电压测量(2直流电流测量(3)电阻测量(4)二极管测量(5)汽车闭合角测量(6)电路通断测量(7)发动机转速测量(8)温度测量(9)数据保持

3.1.3车用示波器

1.汽车示波器诊断故障的方式

(1)系统运行情况分析(O2FB-氧反馈平衡方法)(2)电器电路故障分析 2.汽车示波器显示波形的参数(1)幅值——信号最高电压(2)频率——信号循环时间(3)形状——形状外形模样(4)脉宽——信号占空比(5)阵列——信号的重复特性 3.多通道汽车示波器 功能:

(1)调整电压比例(2)调整基时(3)调整触发

(4)自动触发及峰值捕捉(5)屏幕冻结功能(6)保存波形

(7)对照标准波形分析测试波形 注意事项:

70(1)一起远离发动机运动件(2)禁止短路电池正负极

(3)防止被冷却液、水、油或其他液体弄湿(4)测试前,先连接搭铁线

(5)禁止在没有安装防滑护套的情况下使用

(6)禁止在信号输入端输入超过500V的直流交流电压(7)使用后,将连接线拆下装起来保存

3.1.4发动机综合性能检测仪

功用:

1.具有示波器的功能 2.具有万用表的功能 3.具有点火系统分析的功能 4.具有启动系统分析的功能 5.具有充电系统的分析 6.具有气缸系统的分析

7.具有废气、噪音等其他的功能

3.2 电控汽油喷射系统的检测与诊断

教学目标

掌握电控汽油喷射系统的检测知识

教学重内容

传感器测量 开关控制信号 燃油供给系

教学重点

传感器测量

教学学时

4学时

3.2.1传感器测量

1.空气流量传感器AFS:

空气流量传感器的类型:翼片式(叶片式)、卡门涡旋式、热线式和热膜式。(1)叶片式空气流量计

如图,空气流量计主要由测量板、补偿板、回位弹簧、电位计、旁通气道组成,此外还包括怠速调整螺钉、油泵开关及进气温度传感器等。在流量计内还设有缓冲室和缓冲叶片,利用缓冲室内的空气对缓冲叶片的阻尼作用,可减小发动机进气量急剧的变化引起测量叶片脉动,提高测量精度。

1:滑动触点臂2:限流电阻 3:进气歧管 4:翼片 5:调整螺钉 6:空气滤清器

来自空气滤清器的空气通过空气流量计时,空气推力使测量板打开一个角度,当吸入空气推开测量板的力与弹簧变形后的回位力相平衡时,叶片停止转动。与测量板同轴转动的电位计检测出叶片转动的角度,将进气量转换成电压信号VS送给ECU。检测:

测量VC与E2、VS与E2、THA与E2之间的电阻。

点火开关ON,测量各端子之间的电压。测量燃油泵开关的导通性。

(2)卡门旋涡式空气流量传感器

在气流通道中放一个锥状的涡流发生器,气体通过时在锥体后产生许多卡门旋涡的涡流串。卡门旋涡的频率和空气流速之间存在一定的关系。测得卡门旋涡的频率就可以求出空气的流速,再乘以空气通道面积就可以得到进气的体积流量。

1)分类:按检测分为超声波检测和反光镜检测法。2)反光镜检测法

检测部分结构:镜片、发光二级管和光电晶体管组成。

原理:空气流经过发生器时,压力发生变化,经压力导向孔作用在反光镜上,使反光镜发生振动,从而将发光二极管投射的光发射给光电管,对反射光进行检测。即可得到涡流的频率。频率高对应的进气量大。3)超声波检测法

结构:由超声波信号发生器、超声波发射探头、涡流稳定板、涡流发生器、整流器、超声波接收探头和转换电路组成。

原理:卡门涡旋造成空气密度变化,受其影响,信号发生器发出的超声波到达接

收器的时机或变早或变晚,测出其相位差,利用放大器使之形成矩形波,矩形波的脉冲频率为卡门涡旋的频率。4)检测:

点火开关转至“ON”位置,检测VC与E2间电压应为5V,KS与E2间电压应为4~6V。

发动机运转时,KS与E2间电压应为2~4V,进气量越大,电压越高。测量THA与E2之间的电阻,与标准参数对照,不符合要求就更换。(3)热线式空气流量计 1)工作原理:

如下图,热线电阻RH以铂丝制成,RH和温度补偿电阻RK均置于空气通道中的取气管内,与RA、RB共同构成桥式电路。RH、RK阻值均随温度变化。当空气流经RH时,使热线温度发生变化,电阻减小或增大,使电桥失去平衡,若要保持电桥平衡,就必须使流经热线电阻的电流改变,以恢复其温度与阻值,精密电阻RA两端的电压也相应变化,并且该电压信号作为热式空气流量计输出的电压信号送往ECU。

2)自洁功能 在1000℃以上将粉尘烧掉。3)检测

接通点火开关,不起动发动机,测E与D、E与C之间的电压为蓄电池电压。

B与C间的信号电压:发动机工作时为2~4V 发动机不工作为1.0~1.5V F与D间电压,关闭点火开关时,电压应回零并在5s后有跳跃上升,1s后在回零,说明自洁信号良好。(4)热膜式空气流量计 工作原理:与热线式相同

热膜:帕金属片固定在树脂薄膜上。优点是提高可靠性和耐用性,不粘附灰尘。图为桑塔纳2000AJR发动机热膜式空气流量计原车电路图

2.曲轴位置与凸轮轴位置传感器:

功用:检测发动机上止点、曲轴转角、发动机转速信号送给ECU,以确认曲轴位置,用来控制喷油正时和点火正时 类型:磁电式、光电式、霍尔式

位置:经常安装在发动机的曲轴端、凸轮轴端、飞轮上或分电器内(1)磁电式曲轴位置传感器 1)结构与原理

丰田TCCS系统,位于分电器内,利用转子旋转使磁通量变化,从而在感应线圈里产生交变的感应电动势信号,将此信号放大后,送入电脑ECU。2)电磁式曲轴位置传感器的检修(丰田车系)

(1)电磁式曲轴位置传感器电阻的检查:用万用表的电阻挡测量传感器上各端子间的电阻。

(2)电磁式曲轴位置传感器输出信号的检查:拔下电磁式曲轴位置传感器的导线连接器,当发动机转动时用示波器检查曲轴位置传感器上G1-G0、G2-G0、Ne-G0端子,应有脉冲信号输出。

(3)电磁式曲轴位置传感器的线圈与信号转子的间隙检查:用塞尺测量信号转子与传感器线圈凸出部分的空气隙。若间隙不符合要求则须更换分电器壳体总成。

电磁式曲轴位置传感器的就车检查:

①用交流电压表的2V挡测量其输出电压,起动时应高于0.1V,运转时应为0.4-0.8V。

②用频率表测量其工作频率。③用示波器检测其输出信号的波形。

④如果在传感器上能检测到电压信号,而在ECU连接器上检测不到信号,则应检 77 查传感器至ECU之间的导线及插头 3.霍尔式曲轴位置传感器

(1)组成:由转子、永久磁铁、霍尔晶体管和放大器组成。

(2)原理:ECU通过电源使电流通过霍尔晶体管,旋转转子的凸齿经过磁场时使磁场强度改变,霍尔晶体管产生的霍尔电压放大后输送给ECU,ECU根据霍尔电压产生的次数确定曲轴转角和发动机转速。霍尔效应原理如图所示:

(a)叶片对永久磁铁和霍尔元件隔磁,不产生霍尔电压

(b)叶片离开空气隙,产生霍尔电压

(3)霍尔式曲轴位置传感器的检修

1)拔下传感器插头,打开点火开关,检查插头上电源端子与搭铁之间的电压,应为8V或12V(视车型而定)。若无电压,则应检查传感器至ECU之间的线路及ECU上相应端子的电压。

2)插回传感器插头,起动发动机,测量传感器输出端子的信号电压,应为3V-6V。若无信号电压,则为传感器故障。3)用示波器检查传感器输出电压的波形。4.光电式曲轴位置传感器

(1)组成:由转子、发光二极管、光敏二极管和放大器组成。

78(2)原理:利用发光二极管作为信号源。随转子转动,当透光孔与发光二极管对正时,光线照射到光敏二极管上产生电压信号,经放大电路放大后输送给ECU。如图所示:(3)光电式曲轴位置传感器的检修

1)拔下传感器插头,打开点火开关,检查插头上电源端子与搭铁端子之间的电压,应为5V或12V(视车型而定)。若无电压,则应检查传感器至ECU之间的线路及ECU上相应端子的电压。

2)插回传感器插头,起动发动机,转速保持在2500r/min左右,测量传感器输出端子的电压,应为2-3V,否则为传感器损坏。3)用示波器检测其信号波形。5.节气门位置传感器:

(1)作用:检测节气门的开度及开度变化,此信号输入ECU,控制燃油喷射及其他辅助控制。

(2)电位计式节气门位置传感器

利用触点在电阻体上的滑动来改变电阻值,测得节气门开度的线形输出电压,可知节气门开度。全关时电压信号应约为0.5V,随节气门增大,信号电压增强,全开时约为5V。如下图所示:

(3)线性输出式节气门位置传感器的检修

怠速触点在节气门全闭时应闭合,即IDL和E之间的电阻为零,随着节气门开度的增大,VTA和E之间的电阻线性增大,否则说明该传感器有故障。(4)触点式节气门位置传感器

由滑动触点和两个固定触点(功率触点和怠速触点)组成。节气门全关闭时,可动触点与怠速触点接触,当节气门开度达50°以上时,可动触点与怠速触点接触,检测节气门大开度状态。(5)开关式节气门位置传感器的检修

用万用表的电阻挡测量怠速触点和功率触点的导通性,怠速触点在节气门全闭时电阻应为零,节气门略打开一点怠速触点断开,电阻为无穷大。功率触点在节气门开度小于50%时应断开,电阻为无穷大,节气门开度超过50%时应闭合,80 电阻为零。6.压力传感器:

(1)进气管绝对压力传感器的类型

半导体压面敏电阻式、电容式、膜盒式、表面弹性波式等。(2)半导体压面敏电阻式的结构及工作原理

进气管绝对压力传感器由压力转换元件和放大压力转换元件输出信号的集成电路和真空室构成。压力转换元件是硅片。硅片的一面是真空,另一面作用的是进气管的压力。在进气管的压力作用下,硅片将产生变形,使硅片的电阻阻值发生变化,从而使电桥的电压变化,再通过集成放大电路放大后输入到ECU的PIM端子。(3)控制电路

如图所示,为皇冠3.0轿车2JZ-GE发动机进气压力传感器电路图。

进气压力传感器:端子VCC(电源5V)、端子PIM(进气压力信号电压)、端子E2(传感器接地)

(4)进气管绝对压力传感器的检修

检测:将点火开关转至“ON”,检测VCC和E2间应为5V左右,PIM与E2之间的输出电压应随着真空度增加而降低。7.温度传感器:

81(1)温度传感器的作用

温度传感器是将被测对象的温度信号转变为电信号输入电控单元ECU,以便其修正控制参数或判断检测对象的热负荷状态。(2)温度传感器的分类

1)按照检查测对象分:冷却液温度、进气温度、排气温度、燃油温度、空调温度传感器等。

2)按照结构与物理性能分:热敏电阻式、热敏铁氧体式、双金属片式、石蜡式温度传感器。

(3)水温传感器结构及工作原理 1)功能

检测冷却液温度转化为电信号,送给ECU作为喷油量、点火正时的修正信号。安装在气缸体水道或冷却水出口处。2)结构与原理

具有负温度系数热敏电阻特性,冷却液温度升高,热敏电阻值降低 3)控制电路如图所示:

THW信号:冷却液温度越高,热敏电阻越低,电路总电阻减小,电路电流增大,ECU内电阻R分压增加,热敏电阻分压降低,即THW信号电压减小;E2:传感器接地。

82(4)进气温度传感器

功用:给ECU提供进气温度信号,作为燃油喷射和点火正时控制的修正信号。D型安装在空气滤清器或进气管内,L型安装在空气流量计内。进气温度传感器内的热敏电阻随着进气温度的增大而减小,使得分压值也随之减小,ECU根据分压来判断进气温度。

(5)水温传感器和进气温度传感器的检修

1)元件检测:测量传感器在不同温度下的电阻值。

2)在线测量:打开点火开关测量电压,应为5V,插回插头,起动发动机,测量不同温度下的电压,应在4-0.5V之间变化。8.氧传感器EGO:(1)作用

氧传感器是排气氧传感器的简称,又称为氧量传感器,其主要作用是通过监测排气中氧离子的含量来获得混合气的的空燃比信号,并将其信号转变为电信号输

ECU

。83

(2)组成

主氧传感器包括一根加热氧化锆元件的热棒,加热棒受(ECU)电脑控制,当空气进量小(排气温度低)电流流向加热棒加

热传感器,使能精确检测氧气浓度。

在试管状态化锆元素(ZRO2)的内外两侧,设置有白金电极,为了保护白金电极,用陶瓷包覆电机外侧,内侧输入氧浓度高于大气,外侧输入的氧浓度低于汽车排出气体浓度。

应当指出采用三元催化器后,必须使用无铅汽油,否则三元催化器和氧传感器会很快失效。再注意,氧传感器在油门稳定,配制标准混合时较为重要的作用,而在频繁加浓或变稀混合时,(ECU)电脑将忽略氧传感器的信息,氧传感器就不能起作用。

84(3)工作原理

氧传感器是利用陶瓷敏感元件测量各类加热炉或排气管道中的氧电势,由化学平衡原理计算出对应的氧浓度,达到监测和控制炉内燃烧空然比,保证产品质量及尾气排放达标的测量元件,广泛应用于各类煤燃烧、油燃烧、气燃烧等炉体的气氛控制。它是目前最佳的燃烧气氛测量方式,具有结构简单、响应迅速、维护容易、使用方便、测量准确等优点。运用该传感器进行燃烧气氛测量和控制既能稳定和提高产品质量,又可缩短生产周期,节约能源。

3.2.2开关控制信号

常用的有:起动开关、空调开关、档位开关、制动开关、动力转向开关和巡航控制开关等。

3.2.3燃油供给系

电动燃油泵:

1.作用:给电控燃油喷射系统提供具有一定压力的燃油。2.类型:

(1)按安装位置不同分为:

内置式——安装在油箱中,具有噪声小、不易产生气阻、不易泄漏、管路安装简单。

外置式——串接在油箱外部的输油管路中,易布置、安装自由大,单噪声大,易产生气阻。

(2)按电动燃油泵的结构不同分为:涡轮式、滚柱式、转子式和侧槽式。3.电动燃油泵的结构(1)涡轮式电动燃油泵

1)结构:主要由燃油泵电动机、涡轮泵、出油阀、卸压阀组成。2)原理

油泵电动机通电时,电动机驱动涡轮泵叶片旋转,由于离心力的作用,使叶轮周围小槽内的叶片贴紧泵壳,将燃油从进油室带往出油室。由于进油室的燃油不断增多,形成一定的真空度,将燃油从进油口吸入;而出油室燃油不断增

多,燃油压力升高,当达到一定值时,顶开出油阀出油口输出。出油阀在油泵不工作时阻止燃油流回油箱,保持油路中有一定的压力,便于下次起动。如图

1.轴承 2.3.永磁磁铁 4.单向阀 5.出油口 6.限压阀 7.电枢 8.平板叶片转子

9.进油口 10.泵体 11.橡胶缓冲垫

(2)滚柱式电动燃油泵 1)结构

主要由燃油泵电动机、滚柱式燃油泵、出油阀、卸压阀等组成。2)原理

当转子旋转时,位于转子槽内的滚柱在离心力的作用下,紧压在泵体内表面上,对周围起密封作用,在相邻两个滚柱之间形成工作腔。在燃油泵运转过程中,工作腔转过出油口后,其容积不断增大,形成一定的真空度,当转到与进油口连通时,将燃油吸入;而吸满燃油的工作腔转过进油口后,容积不断减小,使燃油压力提高,受压燃油流过电动机,从出油口输出。

3.3 电控点火系统的检测

教学目标

掌握电控点火系统的知识

教学重内容

点火示波器的使用 点火波形分析 点火正时检测

教学重点

点火波形分析 点火正时检测

教学学时

2学时

3.3.1点火示波器的使用

1.点火示波器功能(1)分析单杠闭合角

(2)分析点火线圈次级电路性能(3)检查空燃比(4)分析电容性能(5)查出气缸断火的原因 2.点火示波器测试波形的种类(1)分电器点火初级标准波形(2)分电器点火次级标准波形

3.3.2点火波形分析

分析的波形项目: 1.点火次级并列波形 2.点火次级单缸波形 作用:(1)分析单缸闭合角

(2)分析点火线圈次级电路性能

(3)检查空燃比

(4)查处气缸失火的火花塞(5)测出击穿电压(6)测出火花时间

3.急加速次级点火波形 4.闭合角波形

作用:(1)分析单缸闭合角

(2)确定平均闭合角的度数

(3)分析点火线圈次级电路性能 5.点火初级波形

3.3.3点火正时检测

1.点火正时的检测条件(1)发动机冷却液温度大于80(2)蓄电池电压大于10.5V(3)节气门关闭(4)关闭所有用电设备(5)发动机无故障码存储(6)进排气系统无泄漏 2.点火正时经验检测

确认发动机满足点火正时的6项条件,路试进行检查,在变速器直接挡的条件下,将车速提高到40KM/h,急加速到节气门全开,观察发动机是否有短暂的爆燃敲缸声,5s内敲缸声逐渐消失为正确;若敲缸声依然强烈则正时过早,无爆燃声则正时过晚。

3.4 电控系统故障诊断的原则

教学目标

了解电控系统故障诊断的原则

教学重内容

诊断注意事项

发动机故障诊断的基本原则 故障诊断常用的方法

教学重点

诊断注意事项

发动机故障诊断的基本原则

教学学时

2学时

3.4.1诊断注意事项

1.点火开关接通,不能断开任何12V电气工作装置 2.车辆进行电源跨接启动时,必须关点火开关 3.进行电弧焊时应断开电脑供电线 4.车上供电系统均为负极搭铁 5.车上不易装功率超过8W的无线电台 6.在没有检测设备的情况下不要打开电脑盖板 7.拆开油路任何部分,首先对燃油系统进行泄压。

3.4.2发动机故障诊断的基本原则

1.先思后行 2.先简后繁 3.先熟后生 4.先外后内 5.代码优先 6.先备后用

3.4.3故障诊断常用的方法

1.直观诊断法:看、问、听、试 2.利用随车自诊断系统诊断 3.利用简单仪表检测 4.利用专用诊断仪器检测 5.置换法诊断故障

6.模拟实验法诊断故障:振动法、加热法、水淋法

第二篇:电子水准仪用于铁路线路检测

电子水准仪用于铁路线路检测

以下为推荐单位实例或项目描述:(本文使用 徕卡电子水准仪Sprinter250M)

行业:铁路系统

名称:检测铁路轨道高差

背景:铁路运营阶段,轨道会随着机车的运行震动及其它环境因数(天气、地质灾害等),造成前进方向 同一剖面上的轨道各对应点位(钢轨)高差异常,从而影响机车的平稳舒适程度和安全性,所以“铁路轨道高差检测”便成为各铁路养护段日常工作的项目之一

原作业方法:采用普通光学水准仪

通过现场人工估读、手工记录数据、整理数据、分析数据、得出各点高差的异常值,然后通过铁轨上的固定螺栓,调节(钢轨)对应的升降值。从而使轨道平整度,达到要求的误差范围之内

时间:

2018年4月

关键词: 介于使用传统光学测量方法实施“铁路轨道高差检测”,存在效率低下(人工估读、手工记录),费时费工(作业人员需要4个)、劳动强度大(后期人工数据整理),且精度无法保障(仪器i角误差、估读误差等)的情况下。于是用户对于此次项目的仪器或测量方案提出了新的要求(高效化、省力节时、自动、精度有保证)

项目描述:结合用户提出的需求和“检测铁路轨道高差”的技术要求,我们下入到实地项目,给出了(sprinter250M+Sprinter DataLoader)的组合方案

现场使用设备: sprinter250M一台

3M玻纤条码尺2根

尺垫2个

作业人员3个

工作内容:本项目最开始拟定的是采用仪器sprinter250M自带的四等水准线路测量对线路加以施测

然而在考虑到(四等水准线路测量有对尺子前后视距有要求)、测工掌握相关知识制约、整体效率的情况下 经过讨论和商议,在满足相关技术要求和提高效率的条件下

我们重新选取更为简单的BIF模式(该模式操作简便、效率高)

该方法一个测站在通视的情况下可测多个I 点,线路从起点(B)出发,依次按线路推进测得N个(I)点,转战处设为(F)点,最后在回到起点(B)

此种方法既不要求前后视距大致相等、也允许一个测站同时观测N个(监测点I)、且通过线路的闭合,能使精度有所保障

(仪器的i角在此不考虑、距离不会特别夸张)

工作流程:

(一)先在路基面上做一基点(后视)定为B,并给定一个高程值(初始值)。然后在铁路轨道上根据测量点位距离的要求进行打标(打标位置:螺栓可调节处)如C1、C2、C3、C4…..(转点F可与I可为同一点,也可单独下轨自行标定)测量轨道上所有的监测点后,返程测量到起点B(闭合)

架设仪器,按照已规定的线路测量方法施测(仪器测量,记录数据并保存在机身内存),测量流程示意图参考附件(2)

(二)最后一站,闭合到起点后,点击仪器ΔH结束测量,查看整条线路的闭合差是否瞒住要求(标准可参考四等闭合差的要求ΔE≤±20√L)

(三)外业数据采集完毕后,回到办公地点,利用Sprinter DataLoader 下载出数据、整理、分析数据

(四)根据整理好的数据,可得出每个点的高程差异情况,以此为依据,用来指导铁轨的(螺栓)上下调节(该处(点)该升或是该降多少cm),从而使铁轨的平整度能到保证

工作总结:使用徕卡sprinter250M+Sprinter DataLoader方案,给本项目带来了效率上的提高,它不仅降低了仪器使用者的劳动强度,也节约一个劳动力的成本,仪器自动读数、自动保存数据、内业直接导出外业观测数据、整理、节约了整过流程作业所需的时间,并能达到高精度的成果。给生产作业自动化、高效率、降低劳动者负荷、带来了不少的提升

附件(1):作业图片 附件(2):测量流程示意图

第三篇:一年级电子教案

8、月亮的心愿教学设计 白衣小学杨珂鑫 教学目标: 1.认识14个生字,会写“女、气、去、大、早、亮”6个生字。2.正确、流利地朗读课文。

3.理解课文内容,懂得从小就要关心别人,为别人着想。教学准备:两幅挂图、小黑板 教学时间:2课时 教学过程:

第一课时

一、谈话激趣,导入课题 1.师板书“心愿”,理解“心愿”,说说你有什么心愿? 2.你知道月亮有什么心愿吗?

出示图一,说说图上画了什么?

出示图二,这幅图上又画了什么?(让学生充分地说,初步感知课文)

3.师总结:老师有一个发现,两幅图上,月亮的表情不一样,看了这两个小女孩的家,月亮会怎么想呢?今天我们就学习8.《月亮的心愿》(齐读)

二、感知性阅读,学习生字词

1.自由朗读课文,用“=”划出本课的生字。2.用自己喜欢的方式认识生字。(读拼音、问同桌、查字表、猜一猜等)3.检查生字词掌握情况

(1)小黑板出示生字词(带拼音),自由读,男女生分读。(2)擦拼音,请学生当小老师领读。

(3)哪些字你以前就认识了?怎么认识的?哪个字你有好办法记住它? 4.小组合作读课文,在读中巩固生字,注意多音字“得”

三、读后悟,读后感

1.指名读自己喜欢的自然段。2.读了课文,你有什么想问的?

四、再现生字,复习巩固

第二课时

一、复习导入

请一名学生带读。(或指名读)

小朋友们,月亮姐姐去了两个小女孩的家,她们在干什么呢?(自由读课文。)

二、再读课文,理解内容

1.月亮姐姐来到了第一个女孩的家。齐读第1-2自然段。(1)用“自言自语”说话。(2)这时月亮的心愿是什么?

3.月亮姐姐来到了第二个女孩的家,读第3-8自然段。(同桌读对话)

(1)用“悄悄地”说话。

(2)月亮看了第二个女孩的家,它的心愿又是什么?

(3)指导朗读对话。4.那么最后到底结果怎样呢?齐读最后一段,理解“艳阳天” 5.说说月亮的心愿是什么?

三、再现生字,书写指导

四、拓展练习:两个小女孩走在郊游的路上,心里会想些什么呢? 教学反思:

语文园地二教学设计 教学目标

1.引导学生发现汉字规律,自己小结识字的方法。2.初步了解多义字。3.积累词语。4.熟读背诵《鞋》。

教学重难点积累词语提高积累语言的能力 教学方法小组合作

学生准备词语卡片识字“苹果树”。教学时间

3课时 教学过程 第一课时 1.导入:

小朋友,咱们都有一个温馨和睦的家,平时在家里,你们会和爸爸妈妈 一起干些什么呢? 2.我会认

(1)我们和爸爸妈妈看电视的时候,电视中出现的生字,爸爸妈妈会 教给你们听吗?看电视你们都认识了哪些字?

(2)学生拿出自制的识字课本,分小组互相交流看电视时认识的字。(3)学生全班交流自己的识字方法,教师和同学评议。(4)小组学习“我的发现”中的汉字。读读这些字,你发现了什么?

(5)集体交流,小组派代表汇报,总结识字方法。(6)认读生字卡片(学生说一说是怎么记住这个字的)。3.读读想想

(1)小组学习:读一读这些词语,你发现了什么?

(2)你还知道哪个字,也和“张”字一样,表示很多不同的意思?(3)小组交流,全班交流。第二课时 1.我会读

(1)出示一棵“苹果树”,苹果树上挂满了红彤彤的“苹果”(“苹果”上写上“我会读”中的词语)

(2)小组学习:四人小组轮流读“我会读”中的生字,互相纠正读音。(3)各个小组采用轮读的方式(开火车读),看看哪一组摘的“苹果”多。2.读读背背(1)小组学习。

四人小组一起读小诗《鞋》,互相纠正读音。说说这首诗说了什么意思。(2)指名朗读《鞋》,同学评议。(3)自由背诵小诗《鞋》(4)全班配乐背诵。第三课时 1.激趣导入

同学们,你们在家做过家务事吗?

你为什么没做过?能给大家说说当时的情况吗?(学生说一说父母不让他们做家务事的情况)2.展示画面,口语交际(1)创设情境一

a.(出示课件:故事)星期一,爸爸出差了,家里只剩妈妈和小明,妈妈又要上班又要照顾小明,还要做许多的家务事,小明就想帮妈妈做一些家务事,可妈妈说小明还小,不会做。小朋友 们,他该怎么办?谁来帮他出出主意?

b.讨论交流:这位小朋友非常需要大家的帮助,你们愿不愿意帮他想想办法? ☆四人小组讨论交流:

△妈妈为什么不让小明做家务?

△怎样才能劝说小明的妈妈,让他做家务呢?

△我们能做那些家务事?我们之前学过的课文中小朋友是怎么做的? ☆小组内表演:

小组内的几个同学分别扮演妈妈、孩子、同学等角色,表演劝说的过程。说 服“妈妈”后,请“妈妈”谈谈,为什么接受了“孩子”的要求。C.上台表演:

☆小组自告奋勇上台表演。☆评一评“最佳口才奖”。

看看哪组能在最短的时间内用最好的方法说服“妈妈”。(2)创设情境二

刚刚有几位同学都说做过家务事,那谁来给大家说说为什么要帮爸爸妈妈做家 务?你是怎么做的?

A.说说你为什么要帮爸爸妈妈做家务?

B.个别说说做家务事的经过(要求口齿清楚,普通话标准)C.全班交流。

其他同学补充认为你说得不完整的地方,在同一件家务事上,他们的做法又是怎 样做的?

(3)创设情境三

通过刚才的交流,教师发现同学们个个都是能干的孩子,那你们想不想把自己能 干的一面展现给大家看呢?那我们就来一个“小能手”的争夺赛吧!

A.分成几个小队,如苹果队、桔子队等,每队都做不一样的家务(如叠 衣服、抹桌子、整理书桌等),全班学生分别到各个小对去做家务(自己想去哪个队就去哪个队)。

每个大组挑选一名代表上台争夺“小能手”,看谁能在最短的时间内把 书桌上的东西整理得井井有条。

C.在队中进行做家务比赛,做得好的评为“小能手”并将一朵小红花。(边 做家务边放音乐)3.总结

通过这一节课,大家有什么想说?(学生交流)刚刚同学都说了这么多,说明大家都是孝敬长辈、爱劳动的好孩子,那我们以后天天都做爸爸妈妈的好帮 手,行吗? 教后记: 教学反思: 识字三教学设计 教学目标

1.认识“雾”、“霜”等13个生字,会写“和”、“语”等6个生字。2.正确、流利地朗读课文。

3.热爱自然。有收集对子和对对于的兴趣。教学重难点

认识13个生字,会写6个字;正确流利地朗读课文。“霞”的认识及“秀“的书写。教学准备投影片图片 教学过程 第一课时

1.激趣导入:今天,我想去美丽的大自然中走一走,小朋友想不想和我一起去 呢?那就出发吧!2.出示投影,师描述引入情景:清晨,层层薄雾。悠静的森林中传来清脆的鸟叫声。太阳升起来了,朝霞满天,大自然揭开了美丽的面纱。蓝天碧野,山清水

秀,树木成林,鸟语花香,蝶飞蜂舞„„天色渐渐暗了下来,一轮夕阳挂在天边。3.走在大自然中,你看到了什么?想说什么? 学生说,出示词语(生字注音):[晨雾、白霜、朝霞、夕阳、蜜蜂、蝴蝶、李树、杨树、蓝天碧野、万紫千红、山清水秀、鸟语花香]。自主识字

1.过渡:同学们说得真棒!这些词,你会读吗? 2.展示读词:读一读,认识哪个读哪个,并让学生说说自己是怎么认识这些词的。3.认读词语。A.自由读词。B.指名读词。

C.正音(重点指导:朝、蜂、紫)。

D.交流读词:根据大家提的几点建议,请你们再读读。和同桌组成学习伙伴。

你读给我听,我读给你听。如果同桌读得好,你就表扬他;如果同桌读时有困难,请你帮助他。

E.齐读。

4.识记生字。

A.自主识字:这些字是我们今天要学的生字,想想你有什么好办法 来记住它们? ‘

B.小组合作识字:小脑袋凑到一起,和小组成员讨论讨论。评评谁的识字方法最好。C.全班交流。

D.游戏巩固:同学们都拿出自己的生字卡片。按照老师的要求,找到相应的生 字,然后读出来。

师:带有雨字头的字。生:雾、霜、霞。师:带有虫字旁的字。生:蝶、蜂。

师:含有“木”的宇。生:霜、蝶、李、杨。E.检查识字情况:出示去掉拼音的生字认读。读文感悟 1.过渡:有一篇课文把这些词进行了有趣的组合,想不想读一读? 2.自由读。要求:读准字音,用彩色笔涂出生字词,多读几遍。3.齐读。

4.引导发现课文是以对对子的形式出现。A.读了以后,你有什么发现? B.小结:小朋友观察得真仔细!课文中这种有趣的组合,是我们中国特有的,叫做对对子。5.师生交叉读:老师读前半句,你对后半句,好吗?(读完一遍后,再交换读。第二遍边拍手边读。)6.生生交叉读:现在可以下位找你的好朋友来玩对对子,玩的时候也可以拍拍手。: 7.扩展活动:

A.读《同步练习》

B.学着课文中的样子,也出对子让小伙伴对一对

8、齐读全文。指导写字

1、(出示要写的字)全班交流,找共同点:观察要写的字,说说有什么发现?

2、重点指导写“和”、“秀”。A、自主观察,注意间架结构。B、生提示重点笔画,并范写。C、生描红,并练写一个。D、展示学生写的字,评议。E、继续练写。实践活动

在文中挑选几个你喜欢的词,写到大纸上,然后为它配上美丽的图画。第二课时

创设情境,巩固练习1.在情境中理解词语

A.展示挂图,内容是美丽的大自然。

B.提出要求:大自然多美呀!你们喜欢吗?我这儿还有一些你们喜欢的词语(蓝天 碧野、万紫千红、山清水秀、鸟语花香等),你们能把这些词贴在相应的位置中吗? C.指名上台贴。大家评评他贴对了没有。D.看着图读一读词语。2.在情境中积累词语

A.交代活动内容:上节课后,同学们都选了喜欢的词,配上了图画。现在就拿 出自己的作品小组中交流交流。B.指名上台展示。

C.把自己的作品贴在教室里,下课后和你的好朋友交流。3.在情境中运用词语。

同学们为词配的画真漂亮!那能不能说一说你知道哪些风景优美的地方,可以 用这些词语来赞美呢?带着情感朗读课文 练习写字

上节课写的字还记得吗?再写几个,看看是不是有了进步? 实践活动

1.搜集生活中的对子,和同学们交流。2.和爸爸妈妈做对对子的游戏。教后记: 教学反思: 两只鸟蛋教学设计 教学目标:

1.认读“蛋、取”等12个生字,会写“听、唱”等6个字。

2.从妈妈的语言,我的神情动作中体会人物的情感变化,练习正确流利有感情的朗读背诵课文,激发学生喜欢朗读诗歌的兴趣。

3.懂得鸟类是人类的朋友,有爱鸟的意识和情感。

教学重难点:识记生字,有感情的朗读课文,背诵课文。教学准备:生字卡片,鸟蛋实物。教学课时:2课时 第一课时

一、激发情感,导入新课 1.播放音乐《百鸟朝凤》,你们听到了什么?仿佛看到了什么? 2.在生机勃勃的大自然中,鸟类是一个繁盛的大家族。无论是陆地、海洋还是 天空,到处都有

鸟类的身影。那鸟妈妈是怎样把它的孩子带到这个世界上来的呢? 3.出示投影——书上的插图(不显示小男孩)学生回答,教师相机板书课题:两只 鸟蛋(学生齐读课题,认识“蛋”字。)

二、初读课文,读准字音

请小朋友自由读课文,注意读准每个字的字音,遇到自己认为比较难读的字 或容易读错的字作个记号。

2.同桌互相读一读,互相纠正字音。

3.请小朋友选择自己喜爱的一小节,读一读,其他小朋友认真听,比一比谁的 耳朵灵,能够发

现这个小朋友哪个字音读得最准,你要向他学;哪个字音读得不太好,你要提醒他。(随着学生的发现,顺势指导学生学习生字)4.请小朋友分四人合作小组再读课文,互相听一听,比一比谁读得准。

5.出示词语,让学生自己读词语。(词语:鸟蛋,取下,凉凉的,一定,捧着,连忙,轻轻地仿佛,抬头,投向)

三、细读课文,促进感悟 1.学生自由读课文。2.全班交流:

A.第一小节:当学生说出——我知道鸟蛋小小的、凉凉的,教师顺势出示挂图,叫学生看看这小小的鸟蛋。

◆交流感受。当你看到这小小的、凉凉的鸟蛋时,你有什么感受?把自己的感受讲出来。◆指导朗读。学生朗读,师生共同评议,引导学生把鸟蛋“小小的”、“凉凉的”,“我” 拿着鸟蛋“真好玩”的感觉读出来。

B、第二小节:当学生说出——我知道两只鸟蛋就是两只小鸟。◆根据学生已有的生活经验组织交流:“你怎么知道两只鸟蛋就是两只小鸟?” ◆出示小鸟破壳而出的图片时,引导孩子们说看了之后知道了什么。(一只 鸟蛋就是一个生命)◆此时的鸟妈妈发现鸟蛋不见了,会怎么样?(读词语:焦急不安)◆启发想像。小朋友们闭上眼睛想一想,假如你就是鸟妈妈,你会怎么做? ◆指导朗读,读出鸟妈妈焦急不安的语气。

C.第三小节:学生谈理解后,让学生边读边演。

D.第四小节:学生读理解后,教师问:读了这一段,你还有哪些不明白的地方?(理解“我把目光投向高远的蓝天”)

◆启发想像。假如你就是课文中的我,当你的耳边传来鸟儿叽叽喳喳的叫声,你 抬头仰望蓝天,能看见什么? ◆课文中的孩子和你们一样,都看见了鸟儿美好的明天。那这一段该怎么读?(自 由读,指名读,齐读)

四、借助想像,升华感情

◆学生齐读全文,一边读一边想像课文所描述的情景。◆交流:你喜欢课文中的“我”吗?为什么?

五、学写生字“远、连”

1.出示生字,认识,观察,说说怎样把字写漂亮。2.重点指导写好“连”、“远”的“走之”。3.书写练习。第二课时

一、背诵诗歌

二、学生练习背诵,指名背诵,小组背诵,全班齐背。

三、复习巩固生字词

1.出示不带拼音的词,学生认读。

2.显示红色的生字,学生采用适合自己的方式记忆生字的字形。(启发学生用熟 字加偏旁、换偏

旁等方法记忆字形。)3.做“走迷宫”的游戏,复习巩固生字。

四、写字练习

1.出示“我会写”中的其它四个字,学生认识,观察,描一个,写一个,再评议。2.再练习写字。

五、实践活动

1.引导学生积累词语。

A、出示“我会读”中的词语,指名读。

B、男女同学轮读左边的词组与右边的词组,说说发现了什么。

六、扩展练习

◆“找朋友”游戏。把写有“花儿”、“小事”、“天空”、“红红的”、“绿绿的”、“蓝蓝的” 的卡片分发给学

生,让拥有不同词语的学生去找朋友,读一读;再让两个朋友交换左右顺序,读一读。◆教师提供图片,引导学生照样子说几组词语。◆学习小组合作交流,展示平时积累的词语。2.小调查:保护鸟类。

寻找有关益鸟的图片、资料,想想应该怎样保护它们,然后全班交流。板书设计:

9、两只鸟蛋

取下——妈妈说(保护小鸟)————送还 教后记: 教学反思: 10 松鼠和松果 学习目标:

1.认识“聪、话”等11个生字。会写“以、后”等6个字。2.正确、流利、有感情地朗读课文,并能复述这个童话。

3.初步感受回报自然、植树造林的重要,愿意参加植树、认养树木等活动。教学课时

2课时 第一课时

一、谈话导入

同学们,你们喜欢小松鼠吗?你们知道松鼠是什么样的?谁愿意说一说?[板书 松鼠]你们对松鼠有些什么了解?[板书:松果] 齐读课题。

小松鼠和松果之间会发生什么事呢?我们今天来读一读这个故事吧!

二、初读课文

1.学生自由读课文。

2.在读书过程中,有什么困难?画出生字词,多读几遍。3.小组交流生字词的情况,通读课文。

4.说说课文讲了小松鼠做了一件什么事?结果怎样?

三、学习生字词

1.出示以下生字词(带拼音):(指名读)[ 聪明活泼忽然眨眼睛如果总有以后主意] 3.学生认读去掉拼音后的词语。(个别读,小组读,全班读)4.学生交流认记生字的方法。

四、学习课文第一自然段

1.(出示挂图)说说小松鼠在森林里干什么? 2.如果你是小松鼠,在这么美丽的森林里,看着绿油油的松树,吃着香甜的松 果,你想说些么?(指导读句子:每个松果都那么香,那么可口)

五、指导写字“以”、“后”、“更” 1.注意观察“以”:哪些笔画落在竖中线上?最后一笔是一点。2.注意观察“后”的两个撇:“平撇”和“竖撇”(平撇要写平,竖撇要先竖后撇)3.注意观察“更”的“竖撇”,要先“竖”后“撇”。4.学生描红,教师范写“以、更”。5.写字练习,展示作品,评议。第二课时

一、复习引入

1.开火车读本课生字。2.学生朗读第一自然段。

二、学习课文第二、三自然段

1.小松鼠一边玩一边吃香甜的果子,忽然,小松鼠眨眨眼睛,想起来了,(出示 投影)引读:如果光摘松果,不栽松树,总有一天,一棵松树也没有了!(学习自由读句子)讨论:读了这句话,大家知道了什么?想到了什么? 2.指导朗读这句话,注意读出担心、惊讶的语气。

大家想一想,没有了松树,没有了森林,到处是(读词)光秃秃的,小松鼠们吃什 么呢?到哪儿去住呢? 3.自由朗读第三自然段,指导朗读。

三、学习第四自然段

1.小松鼠为了自己有吃的,有住的,想出好主意了。(出示投影3)你们看小松鼠在干什么? 如果你是小松鼠,你还会怎么做? 2.齐读第四自然段。

四、学习第五、六自然段

1.到了春天,小松鼠种下的松果怎样了?(出示投影4)小松鼠成功了吗?我们用欣喜的语气来读第五自然段!将来这里会 怎样?(齐读最后一句)讨论:小松鼠在这松树林里生活得怎样?

五、写字指导“主”、“意”、“总”。1.注意“主”在田字格中笔画的位置。、2.区别“意”与“总”心字底的不同。3.学生练写,教师巡视。4.写字展示,评议。

六、扩展活动

小松鼠和其他的小动物们在松树林里生活得怎么样?动手画一画未来的森林。板书设计: 松鼠和松果

松鼠————吃————松果(种)长松树 教后记: 教学反思:

第四篇:DREAMWEAVER电子教案

第1章 初识Dreamweaver安装、下载方法.一、教学目的:学习原DR的安装、下载方法.二、教学重点:概述和安装

三、教学过程

1.1 Dreamweaver MX概述

1、直观的新工作区

2、更加强大的模板

3、广泛的代码库

4、新服务器技术

5、帮助初学者起步的示例内容

6、XML和WEB标准支持

7、改进的级联样式表(CSS)

8、高性能的新编码功能

9、高性能的新编码功能

10、优化COLDFUSION MX开发环境

使用 Dreamweaver 工作区

一、教学目的:认识DR的界面,了解各面板的组成,菜单的组成。

二、教学重点:各面板的组成。

三、教学过程:

选择工作区布局(仅适用于 Windows)在 Windows 中首次启动 Dreamweaver 时,会出现一个对话框让选择一种工作区布局。如果以后改变了主意,可以使用“参数选择”对话框切换到一种不同的工作区。

选择工作区布局:

选择下列布局之一: Dreamweaver MX 工作区

HomeSite/代码编写者样式的 Dreamweaver MX 工作区 Dreamweaver 4 工作区

在选择一种工作区后切换到另一种工作区:

Dreamweaver MX 工作区

浮动工作区布局(Windows 和 Macintosh)状态栏

“文档”窗口底部的状态栏提供与正创建的文档有关的其他信息。调整“文档”窗口的大小

将“文档”窗口的大小调整为预定义的大小:

向“窗口大小”弹出式菜单中添加新的大小:

将“文档”窗口最大化(仅适用于 Windows 集成工作区):

使用快速启动条

快速启动条显示在状态栏中,包含用以打开和关闭各种面板、检查器和窗口的按钮。

若要显示快速启动条,请在“面板”参数选择中启用“在面板和启动器中显示图标”选项。可以指定在快速启动条中显示哪些项目。

使用文档工具栏

 “显示代码视图

“显示代码视图和设计视图” 

“显示设计视图

 “标题”

 “文件管理”

 “在浏览器中预览/调试”

“换行符”在插入点处插入一个换行符。还可以按下 Shift+Enter(Windows)“不换行空格”在插入点处插入一个不换行的空格()。“左引号”、“右引号”和“破折线”在插入点处插入标点符号。“英镑符号”、“欧元符号”和“日元符号”在插入点处插入货币符号。“版权”、“注册商标”和“商标”在插入点处插入相应的符号。“其它字符”

第二单元 文本的编辑与基本操作

一、教学目的:学习网页的组成对象 设计要素 文本的字体大小颜色,段落的格式,基本的编辑命令。

二、学教重点:文本编辑的基本操作

三、教学过程:

网页的组成比报纸和杂志复杂的多,因为它包含图、声、文、动画、控件等多媒体,另一大特点有超级链接。

1、文字

标题:一般为图形 尺寸 系统默认大小

样式:一般少用下划线

字体:一般为系统默认大小

颜色:以颜色来强调文章的重点

2、图形

一般为GIF 和 JPG 格式

3、超级链接

站内链接 和站外链接 网页的设计要素

不同浏览器的显示效果 网络的传输速度 屏幕的分辨率 颜色的显示

网页的基本操作 创建网页

文件――新建――对话框 打开文件类型 HTML SHTM SHTML XML文件

库文件LBI 模板文件 DWT

样式表文件 CSS 微软服务器端文件 ASP JAVA 服务器端文件 PHP文件 TXT文件

CFM模板文件

JSF

fireworks文件 LASSO 打开当前站点文件

从站点面板中打开 或 通过菜单-文件-打开命令 打开最近使用的文件

文件菜单下列出的文件名 从WORD中导入文件

先在WORD中将文件保存为HTML 文件 然后在DR 中 文件-导入-WORDHTML

还可打开后用命令-清除 保存网页 另存为模板 输入文本

直接输入 使用剪贴板

用ENTER 相当于插入

用SHIFT+ENTER 相当于插入
改变字体样式 改变字号

要使字体不随浏览器的字体设置而改变就要用到层叠样式(CSS Style)文本的颜色 选择文字

然后用下列两种方式  用文字属性面板中调整  

单击调色板中的右上角要将字体改为默认值点

按钮或菜单文本――颜色

上机练习:

段 落 格 式

创新新段落:

ENTER 分段落

在段落

格式下拉菜单选择一种格式 对齐段落:

居中对齐 左对齐 右对齐

缩进段落

取消缩进

或菜单 或选择段落后右击弹出菜单

项目符号: 每个段落前加一个项目符号 用

利用 插入分隔线

列表下拉选择各种不同的情况

修改分隔线的属性

改变长度 改变高度

改变对齐方式

插入特殊字符和符号

菜单插入|特殊字符|

弹出子菜单,进行所需要的项目选择

其中包括:

换行符 SHIFT+RETURN 不换行空格 CTREL+SHIFT+SPACE

用于行首 插入符号

E-mail 地址链接

插入|电子邮件链接|

其效果将看到“欢迎联系”字样并带下划线 可以发送邮件 插入日期时间:

插入注释文字

基本编辑命令 撤销和重复操作 查找和替换

移动和复制

直接用鼠标拖动

使用CUT

COPY

PASTE

灵活使用HISTORY 面板 SHIFT+F10

表示当前刚完成的操作

重放按钮 复制到剪帖板按钮保存命令按钮

弹出菜单按钮可清除历史记录等操作

上机练习,重复上述操作,记录快捷键

作业:做一个文字型的小网页,将学到的知识运用在上面。

第3单元网页中的图像链接

教学目的:掌握网页中插入图像、修改属性、插入交互图像以及创建交互图像的方法。教学重点:插入图像、控制图像 创建链接、插入交互图像的方法。插入图像操作:

1.在“文档”窗口中,将插入点放置在您要显示图像的地方,然后执行以下操作之一: o 在“插入”栏的“常用”类别中,单击“图像”图标。

在“插入”栏的“常用”类别中,将“图像”图标拖入“文档”窗口中(或者,如果您正处理代码,则拖入“代码”视图窗口中)。

o 选择“插入”>“图像”。

o 将图像从“资源”面板(“窗口”>“资源”)拖到“文档”窗口中的所需位置;然后跳到第 3 步。o 将图像从“站点”面板拖到“文档”窗口中的所需位置;然后跳到第 3 步。o 将图像从桌面拖到“文档”窗口中的所需位置;然后跳到第 3 步。

2.在出现的对话框中执行下列操作之一: o 选择“文件系统”以选择一个图形文件。o 选择“数据源”以选择一个动态图像源文件。3.浏览以选择您要插入的图像或内容源文件。o

如果您正在一个未保存的文档中工作,则 Dreamweaver 生成一个对图像文件的 file:// 引用。将文档保存到站点中的任何位置后,Dreamweaver 将该引用转换为文档相对路径。4.在属性检查器(“窗口”>“属性”)中,设置该图像的属性。设置图像属性

1.设置以下任一选项: o 使用缩略图下面的文本域设置名称,以便在使用 Dreamweaver 行为(例如“交换图像”)或脚本撰写语言(例如 JavaScript 或 VBScript)时可以引用该图像。o “宽”和“高”以像素为单位指定图像的宽度和高度。o

“源文件”指定图像的源文件。单击文件夹图标以浏览到源文件,或者键入路径。

“链接”指定图像的超链接。将“指向文件”图标拖到“站点”面板中的某个文件,单击文件夹图标浏览到站点上的某个文档,或手动键入 URL。有关创建链接的信息,“对齐”对齐同一行上的图像和文本。

“替代”指定只显示文本的浏览器或已设置为手动下载图像的浏览器中代替图像显示的替代文本。对于使用语音合成器(用于只显示文本的浏览器)的有视觉障碍的用户,将大声读出该文本。在某些浏览器中,当鼠标指针滑过图像时也会显示该文本。“地图名称”和“热点工具”允许您标注和创建客户端图像地图。“垂直边距”和“水平边距”沿图像的边缘添加边距(以像素为单位)。“垂直边距”沿图像的顶部和底部添加边距。“水平边距”沿图像左侧和右侧添加边距。“目标”指定链接的页应当在其中载入的框架或窗口。_blank,将链接的文件载入一个未命名的新浏览器窗口中。

_parent,将链接的文件载入含有该链接的框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的,则在浏览器全屏窗口中载入链接的文件。

_self,将链接的文件载入该链接所在的同一框架或窗口中。此目标为默认值,因此通常不需要指定它。

_top,在整个浏览器窗口中载入所链接的文件,因而会删除所有框架。“边框”是以像素为单位的图像边框的宽度。默认为无边框。

“编辑”启动您在“外部编辑器”参数选择中指定的图像编辑器并打开选定的图像。有关设置外部图像编辑器的信息,“重设大小” Control+代字号(~)

第四单元表格设计

教学目的:学习下列方法

 在“标准”视图中创建和修改表格  向表格添加颜色

 在“标准”视图中设置相对宽度的表格

教学重点:能进行表格设计 教学过程:

在“标准”视图中创建和修改表格 1.在 Dreamweaver 中,选择“文件”>“新建”。即出现“新建文档”对话框。

2.在“空文档”列表中,选择“HTML”,然后单击“创建”以创建一个新的 HTML 文档。3.在“文档”工具栏的“标题”文本域中,输入“表格设计”为文档添加一个标题。

4.选择“文件”>“保存”将该文档保存到本地站点文件夹中。将其命名为 tableModify.htm。

插入表格

现在就可以在文档中插入表格了。

1.在“文档”窗口,将插入点放到文档中,然后执行下列操作之一: o 选择“插入”>“表格”。o 在插入栏的“常用”类别中,单击“表格”图标。

出现“插入表格”对话框。

2.在该对话框中,设置下列选项:

o 在“行数”文本框中,键入 2。o 在“列数”文本框中,键入 2。o 在“宽度”文本框中键入 600,然后在“宽度”文本框右边的弹出式菜单中选择像素。将宽度设置为 600 像素将创建一个固定宽度的表格。稍后,我们将在本教程中更详细地讨论表格宽度。

o 在“边框”文本框中,键入 1 将表格和表格单元格周围的边框宽度设置为 1 个像素。

3.单击“确定”。

Dreamweaver 将该表格插入到文档中。

4.执行下列操作之一来保存文档: o 选择“文件”>“保存”。o 按 Ctrl+S 组合键

修改表格

下一步,将修改表格的布局。将在表格中添加行和列,并且学习如何合并和拆分单元格以创建所需的页面布局。

1.在左上方的单元格中单击,然后向下拖动直到最下面的行以选择左边的一列。

2.选择“修改”>“表格”>“插入列”。现在该表格包含三列。

3.单击左下方的单元格,然后选择“修改”>“表格”>“插入行或列”。

即出现“插入行或列”对话框。提示: 如果想要插入特定数目的行或列,或者要选择在表格中插入行或列的位置,请选择“插入行或列”选项。

4.在该对话框中,设置下列选项: 对于“插入”,选择行。在“行数”框中,键入 2。对于“位置”,选择 所选之上。5.单击“确定”。

表格即会更新。现在的表格为四行三列。6.保存所做的更改(“文件”>“保存”)。合并和拆分单元格

通过合并和拆分单元格,可以自定义表格的设计以符合布局需要。接下来,将看到如何使用菜单选项或属性检查器来合并或拆分表格单元格。

1.在文档中,将指针从左上方的单元格拖到它下面的一个单元格,以选择表格左列的上面两个单元格。

2.选择“修改”>“表格”>“合并单元格”。

两个单元格合并成一个单元格。

3.单击第二列的第三行,然后向右向下拖动以选择第二列和第三列中的最后两行单元格。

4.在属性检查器中,单击“合并”按钮以合并单元格。选定的单元格合并为一个单元格。

可以拆分单个的单元格或列。

1.单击左上方的单元格。

2.在属性检查器中,单击“拆分单元格”按钮。“拆分单元格”对话框出现。

3.在该对话框中,设置下列选项: o 对于“把单元格拆分”,选择列。o 在“列数”框中,输入 2。4.单击“确定”。表格即被修改。

更改行高和列宽

现在调整该表格的尺寸。将要增加表格的行间距,并且调整表格列间距。

1.沿表格底部边框移动指针直到指针变成一个边框选择器,然后向下拖动以调整表格大小。

如果愿意,还可以使用此方法调整表格中的其他行高。

2.沿一个列的边框移动指针直到指针变成一个边框选择器,然后向左或向右拖动它以更改列宽。

3.调整完成后,保存文档。向表格添加颜色

可以向表格的任何部分添加颜色。将首先向整个表格添加背景颜色,然后对表格中的单元格应用不同的背景颜色。最后,将更改边框颜色。

1.在文档中,单击表格的任何一个单元格,然后在位于文档窗口左下方的标签选择器中单击

标签以选择整个表格。

2.如果属性检查器尚未打开,则打开属性检查器(“窗口”>“属性”)。属性检查器中出现所选表格的属性。

3.在属性检查器中,执行下列操作之一,在“背景颜色”文本框中选择一种颜色: o 单击颜色选择器弹出式菜单,然后从颜色选择器中选择一种颜色。o 输入一个十六进制的颜色值,例如 #CC9933。o 输入一个网页安全色名称,如 goldenrod。将一种背景颜色应用到表格。

4.用同样的方法可以将一种背景颜色应用到表格的单元格中。在左上方的单元格中单击,然后在属性检查器的“背景颜色”文本框中选择一种不同的颜色。5.如果需要,还可以向其他单元格中添加颜色。添加边框颜色

现在,将设置表格边框的颜色。边框颜色同时应用于表格的外边框和内边框。

1.在文档窗口中,选择表格。

2.在属性检查器的“边框”文本框中,使用颜色选择器为表格选择一种边框颜色。

3.完成后,请保存文档。

4.按 F12 键(仅限于 Windows)或者选择“文件”>“在浏览器中预览”,然后选择一种浏览器以查看文档。

在“标准”视图中设置相对宽度的表格

1.在 Dreamweaver 中,选择“文件”>“新建”。

2.在“新建文档”对话框中,已经选定了“基本页”类别;在“基本页”列表中,双击“HTML”创建一个新的 HTML 文档。文档在文档窗口中打开。

3.将该文件保存到本地站点文件夹。将其命名为 tableWidth。4.将插入点放置在文档中。5.在插入栏的“常用”选项卡中,单击“表”按钮。6.在出现的对话框中,设置下列选项: 在“行数”文本框中,键入 2。在“列数”文本框中,键入 3。

在“宽度”文本框中,键入 90,并在“宽度”文本框右边的弹出式菜单中选择百分比。在“边框”文本框中,输入 1 将表格和表格单元格周围的边框宽度设置为 1 个像素。7.单击“确定”。

表格即出现在文档中。

8.单击中间列最上方的单元格并拖动到最下方的单元格以选择中间列。

9.在属性检查器中,使用颜色选择器将一种背景颜色应用于该列。

创建其宽度基于像素的表格

现在将添加另外一个表格。其宽度基于像素的表格被设置为某个特定宽度,并且不会随着浏览器窗口大小的改变而改变。

1.在刚刚插入的表格后面插入一个段落回车。2.在插入栏的“常用”选项卡中,单击“表”按钮。3.在出现的对话框中,设置下列选项: 在“行数”文本框中,键入 2。在“列数”文本框中,键入 3。

在“宽度”文本框中,键入 600,然后在“宽度”文本框右边的弹出式菜单中选择像素。在“边框”文本框中,键入 1 将表格和表格单元格周围的边框宽度设置为 1 个像素。4.单击“确定”。

表格即出现在文档中。

5.单击中间列的最上方单元格并向下拖动到最下方的单元格以选择中间列。

6.在属性检查器中,使用颜色选择器将一种背景颜色应用于该列。

7.按 F12 键(仅限于 Windows)或者选择“文件”>“在浏览器中预览”,然后选择一种浏览器以查看文档。

调整浏览器窗口大小以查看在浏览器窗口改变时,这两个表格是怎样变化的。基于像素的表格保持大小不变,而基于百分比的表格则调整大小以符合浏览器大小。8.文档查看完毕后,请关闭浏览器窗口。9.保存文档。创建和保存新文档

1.在 Dreamweaver 中,选择“文件”>“新建”。

2.在“新建文档”对话框中,已经选定“基本页”类别。在“基本页”列表中选择“HTML”,然后单击“创建”创建一个新的 HTML 文档。文档在文档窗口中打开。

3.将该文档保存到的本地站点文件夹中,并将其命名为 tableLayout.htm。

第五单元 版面设计

1.2.3.教学目的:能轻松地设计出合理的网页设计 教学重点:创建、布局和调整布局表格 课堂讲解:

创建布局表格和布局单元格

绘制布局表格:

如果要创建多个布局表格而又不想 每次都单击布局表格按钮,按住CTRL 再创建。

创建布局表格时会靠近页面边界<8个像时会自动对齐。取消对齐功能用按ALT键

绘制布局单元格: 在页面上制作一个单元格以后,会自动创建了一个包含这个布局单元格的布局表格,在一个布局表格里可以创建几个单元格。

组件绘制嵌套的布局表格:在一个表格里绘制另一个布局表格,称为布局表格的嵌套,在一个表格里可以创建多个嵌套布局表格

使用辅助网格线:菜单中

查看|网格|网格设置 显示网格 CTRL+ALT+G 捕捉网格 SHIFT+ALT+CTRL+G 在布局单 元格中添加内容:添加文本、添加图像、调整布局 表格和布局单元格

单击单元格的边框,或按住CTRL单击单元格中的任何位置,在布局单元格中的边框上会出现控制柄。拖动控制柄就可以改变布局单元格的大小。

移动布局单元格:1是选定,2是拖动或用方向键 每按一次移动一个像素。按住SHIFT键每按一次可移动10个像素。

设置布局单元格:选定单元格在属性面板中设置

设置布局表格:选定后在属性面板中设置

设置自动伸展宽度 设置指定宽度 使用间隔图

第六单元 框

架一、二、三、教学目的:学习框架集,框架集中保存及关联文件。教学重点:框架集的基本概念和基本操作 课堂讲解:

1、框架的作用

2、创建框架方法 用菜单方法

用拖动框架任一角,或一边。按ALT拖动边

框架拖出另一边合并

4、插入预定义框架集

5、嵌套的框架集

保存框架集文件

CTRL+S 只能保存当前页面。保存框架 保存全部

一定要搞清楚框架集和各框架的名字于其对应的关系。

框架与框架的属性

边框 属性 框架集命名

确定框架的大小 设置框架集的边框 改变框架背景的颜色

使用链接控制框架的内容

空白小结:能利用框架更好地规划页面 作业:利用框架作一网页

上级

自身

顶部

第7单元层的运用

一、教学目的:创建层,层的参数选择和属性设置,层的操作,改变层的堆栈顺序,改变层的可见性,层与表格。

二、教学重点:层的运用

三、课堂讲解:

打开“层”面板,请选择“窗口”>“其他”>“层”。F2

创建层:

设置层的可见性 层的名称

创建嵌套层:嵌套层是其代码包含在另一个层中的层。嵌套通常用于将层组织在一起。嵌套层随其父层一起移动,并且可以设置为继承其父级的可见性。

1.层的属性设置:设置以下任一选项:

层 ID 用于指定一个名称,以便在“层”面板和 JavaScript 代码中标识该层。请输入一个名称。只应使用标准的字母数字字符,而不要使用空格、连字符、斜杠或句号等特殊字符。每个层都必须有它自己的唯一名称。

左和上(左侧和顶部)指定层的左上角相对于页面(如果嵌套,则为父层)左上角的位置。宽和高指定层的宽度和高度。

层的移动与对齐: 选择层。

选择“修改”>“对齐”,然后选择一个对齐选项。

调整层大小:当处理页面布局时,可以对层进行选择、移动、大小调整和对齐。在对一个层进行移动、大小调整或对齐之前,必须先选择该层。

若要防止在对层进行移动和大小调整时使层相互重叠,请使用“防止重叠”选项 层与网格对齐: 设置网格显示和对齐,拖动层然后释放即对齐

改变层的顺序:用鼠标拖动上下位置

层与表格:可以转变,菜单 修改|转变|层到表格 表格到层 要防止层的重叠

作业:利用层作一网页排版

第八单元使用“时间轴”面板

“时间轴”面板显示层和图像的属性在一段时间内如何更改。选择“窗口”>“其他”>“时间轴”可打开“时间轴”面板。

“时间轴”弹出式菜单指定当前在“时间轴”面板中显示文档的哪些时间轴。播放栏显示当前在文档窗口中显示时间轴的哪一帧。

帧编号指示帧的序号。“后退”和“播放”按钮之间的数字是当前帧编号。您可以通过设置帧的总数和每秒帧数(fps)来控制动画的持续时间。每秒 15 帧这一默认设置是比较适当的平均速率,可用于在通常的 Windows 和 Macintosh 系统上运行的大多数浏览器。备注: 较快的速率可能不会提高性能。浏览器始终会播放动画的每一帧,即使它们无法达到指定的帧速率。如果帧速率超过浏览器可以支持的速率,则将被忽略。上下文菜单包含各种与时间轴相关的命令。

“行为”通道是应该在时间轴中特定帧处执行的行为的通道。

动画条显示每个对象的动画的持续时间。一个行可以包含表示不同对象的多个条。不同的条无法控制同一帧中的同一对象。关键帧是动画条中已经为对象指定属性(如位置)的帧。Dreamweaver会计算关键帧之间帧的中间值。小圆标记表示关键帧。

“动画”通道显示用于制作层和图像动画的条。重命名时间轴

1.选择“修改”>“时间轴”>“重命名时间轴”。2.在“重命名时间轴”对话框中输入新的名称。时间轴制作层动画,请执行以下操作:

1.将层移至它在动画开始时应处于的位置。2.选择“窗口”>“其他”>“时间轴”。

3.选择您要制作动画的层。

4.在层中单击会将一个闪烁的插入点放入层中,但不会选定该层。5.选择“修改”>“时间轴”>“在时间轴上添加对象”,或者简单地将选定层拖至“时间轴”面板中。6.一个条将出现在时间轴的第一个通道中。层的名称将在该条中出现。7.单击位于条末端的关键帧标记。8.在页面上将层移至它在动画结束时应处于的位置。

9.将出现一条线,它显示文档窗口中动画的轨迹。10.如果要让层沿曲线移动,请选择其动画条,然后按住 Ctrl 键并单击(Windows)或按住 Command 键并单击(Macintosh)动画条中部的一个帧,从而在您单击的帧处添加一个关键帧,或者单击动画条中部的一个帧并从上下文菜单中选择“添加关键帧”。11.重复此步骤,定义其他关键帧。12.按住“播放”按钮,预览页面上的动画。

 显示和隐藏层,而不是更改多图像动画的源文件。由于新的图像必须进行下载,所以切换图像的源文件会降低动画的速度。如果所有图像都在动画运行前在隐藏层中同时下载,将不会出现明显的停顿,并且不会缺少图像。 扩展动画条以创建更顺畅的动作。如果动画断断续续并且图像在不同位置之间跳动,请拖动该层动画条的结束帧,使动作延伸到更多的帧。通过延长动画条,可以在运动的开始点和结束点之间创建更多的数据点,同时也会使对象更为缓慢地移动。请尝试增加每秒帧数(fps)以提高速度,但应注意在普通系统上运行的大多数浏览器都不能支持超过 15 fps 的动画速度。请在不同的系统上用不同的浏览器对动画进行测试,以找到最佳的设置。 不要制作大型位图的动画。制作大型图像的动画会导致动画速度减慢。相反,应创建合成图像,并移动图像中较小的部分。例如,可以通过仅制作汽车轮胎的动画来显示汽车的运动。 创建简单的动画。不要创建对当前浏览器要求过高的动画。即使在系统或 Internet 性能降低时,浏览器始终会播放时间轴动画中的每一帧。多个时间轴:

1.若要新建时间轴,请选择“修改”>“时间轴”>“添加时间轴”。

2.若要删除选定的时间轴,请选择“修改”>“时间轴”>“删除时间轴”。这将永久删除选定时间轴中的所有动画。

3.若要重命名选定时间轴,请选择“修改”>“时间轴”>“重命名时间轴”,或者在“时间轴”面板的“时间轴”弹出式菜单中输入新的名称。

4.若要在“时间轴”面板中查看另一个时间轴,请从“时间轴”面板的“时间轴”弹出式菜单中选择一个新的时间轴。拖动轨迹来创建时间轴:

1.选择一个层。

2.将该层移至它在动画开始时应处于的位置。

确保您已选定该层;如果插入点位于该层中,则说明尚未选定该层。若要选择一个层,请单击层标记或层的选择柄,或者使用“层”面板。3.选择“修改”>“时间轴”>“记录层的轨迹”。4.在页面上拖动层以创建轨迹。

5.当到达动画应停止的点时释放该层。

Dreamweaver在时间轴上添加一个动画条,其中包含适当数量的关键帧。6.在“时间轴”面板中,单击“倒带”按钮;然后按住“播放”按钮预览动画。

第9单元行为1、2、3、教学目的:行为概述,自带的行为使用 教学重点:行为的使用 课堂教学

行为基础

在网页制作中,几乎所有的特效都是通过编写脚本语言来实现的。通常应用较多的脚本语言有两种:VBScript和JavaScript。其中JavaScript因为其简单易用和众多的支持者而在网页制作者中最为广泛流行。

在我们设计网页的时候,接受事件和响应事件的对象一般就是我们在前面章节中介绍的页面元素或浏览器本身。在HTML语言中,这些页面元素是用“Tag”(HTML标记)来表示的,下面列出了我们在这一章中可能用到的HTML标记: 定义文档正文; 定义链接; 定义图像;
定义表单;

定义表格; 定义表格的一行;

定义表格的单元格(表格的具体数据); 定义框架集; 定义框架;
定义块元素;

定义段落 ;

    定义有序列表;
      定义无序列表;
    • 定义列表元素;

      我们这一章可能用到的常见的事件有: onMouseOver:鼠标指针移到目标上时; onMouseUp:按下鼠标再放开左键时; onMouseOut:鼠标指针从目标移开时;

      onMouseDown:按下鼠标左键时(不需要放开左键); onClink:鼠标左键单击时; onDblClick:鼠标左键双击时; onLoad:载入网页时; onUnload:离开页面时;

      onResize:当浏览者改变浏览窗口的大小时; onScroll:当浏览者拖动滚动条的时; 行为面板

      依次单击菜单栏【Windows/Behaviors】(窗口/行为),或按快捷键『Shift+F3』,或单击“Show Behaviors”(显示行为面板)按钮,展开“Design/Behaviors”(设计/行为)面板(如图13-1):

      图13-1 “+”(添加行为按钮):单击该按钮添加行为(包括事件和动作),常见的动作如下: “Call JavaScript”(调用JavaScript):单击该选项可以调用自己制作的JavaScript脚本或第三方开发的JavaScript脚本;

      “Change Property”(改变属性):改变页面元素的各项属性;

      “Check Browser”(检查浏览器):同一个网页,在不同的浏览器上的显示可能大为不同;为了使我们的网页在各种不同的浏览器中都完美无缺,我们可以分别针对不同的浏览器将同一网页制作成几个不同页面,然后再调用Check Browser,根据访问者浏览器的不同自动进入相应的页面;

      “Check Plugin”(检查插件):比如你的网页上有一个Flash动画,而访问者的浏览器没有Flash播放插件时,利用此功能你可以按你的解决方案对访问者进行提醒;

      “Control Shockwave or Flash”(控制Shockwave或Flash):应用此功能我们可以在网页上做一些交互按钮,使用户可以控制动画的播放进程;

      “Drag Layer”(拖动层):用来制作随鼠标移动而移动的网页特效; “Go to URL”(转到URL):应用此项可以实现一些比较高级的跳转;比如:单击一个链接可以同时打开几个页面,打开一个页面后自动跳转到一个新的页面等;

      “Hide Pop-Up Menu”(隐藏弹出菜单):应用此功能可以在制作下拉菜单时隐藏菜单; “Jump Menu”(跳转菜单):应用此功能可以插入跳转导航菜单;前面已经讲述; “Jump Menu Go”(跳转菜单开始):应用此功能为跳转菜单增加一个“Go”按钮; “Open Browser Window”(打开浏览器窗口):应用此功能可以打开浏览器窗口并设置新窗口的大小、工具条显示情况等属性;

      “Play Sound”(播放声音):应用此功能可以为网页加入声音;

      “Popup Message”(弹出信息):应用此功能可以弹出消息框来显示预先设定好的文本; “Preload Images”(预先载入图像):应用此功能可以在页面载入时预先读入某些特效的图像,以避免事件发生时读取延迟和保持效果的连续性;

      “Set Nav Bar Image”(设置导航条图像):应用此功能可以制作有翻滚特效的导航条; “Set Text”(设置文字):应用此功能可以在特定的地方显示文字,其中: “Set Text of Frame”(设置框架文字):应用此功能可以在框架内显示信息; “Set Text of Layer”(设置层文字):应用此功能可以在层内显示信息;

      “Set Text of Status Message”(设置状态栏文字):应用此功能可在状态栏显示信息; “Set Text of Text Field”(设置文本域文字):应用此功能可以在文本框显示信息; “Show Pop-Up Menu”(显示弹出菜单):应用此功能可以在制作下拉菜单时显示菜单; “Show-Hide Layers”(显示-隐藏图层):应用此功能可以显示或隐藏图层;

      “Swap Image”(交换图像):应用此功能不仅可以建立一对一的翻滚图,还可以建立一对多等更为复杂的替换特效;

      “Swap Image Restore”(恢复交换图像):应用此功能可以将已经翻滚的图像还原;; “Timeline”(时间轴):应用此功能可以制作与时间轴有关的动画效果,其中: “Go to Timeline Frame”(转到时间轴帧):跳转到指定帧; “Play Timeline”(播放时间轴):播放动画; “Stop Timeline”(停止时间轴):停止动画;

      “Validate Form”(检查表单):应用此功能可验证用户提交的表单内容是否符合要求; “—”(删除行为按钮):选择一个行为后,单击该按钮删除所选行为(包括事件和动作); “▲/▼”:选择一个行为后,单击该按钮可以将所选行为上移或下移一行; “Events”(事件):显示为对象设置的事件; “Actions”(动作):显示与左侧事件对应的动作; 行为操作

      在这一节中,我们将通过具体实例讲述几个我们在网页设计中应用较多的交互效果。改变对象属性

      在页面上插入一个图层,在图层中输入一段文本,名称采用默认的“Layer1”,“Tag”(标记)采用默认的“DIV”,并保持该图层被选中(如图13-2):

      图13-2 单击“Behaviors”(行为)面板上的“+”按钮,在弹出对话框中选中“Change Properties”(改变属性)(如图13-3),弹出“Change Properties”(改变属性)对话框(如图13-4)。

      图13-3

      图13-4 “Type of Object”(对象类型):在右侧的下拉选单中选择标记,如“DIV”(和“Properties”(属性)面板中一致);

      “Named Object”(已命名的对象):从右侧下拉选单中选中对象名称,如“Layer1”; “Property”(属性):设置对象的属性,包括两个选项:

      “Select”(选择):从下拉选单中选择需要更改的属性;从最右侧的下拉选单中选中兼容的浏览器类型;

      “Enter”(输入):自己输入需要修改的属性;

      本例中我们选中“Select”,并选中“style.backgroundColor”(背景颜色); “New Value”(新值):为所选的属性值设置新值,如“green”(绿色);

      完成上述设置后,单击“OK”按钮保存并退出,这时我们可以发现“Behaviors”(行为)面板中已经出现了我们所设的行为(如图13-5):

      图13-5 Dreamweaver MX默认的事件为“onClick”(单击),单击“Events”(事件)列右侧的三角形按钮“▼”,在弹出菜单中选择“onMouseOver”(如图13-6,图13-7):

      图13-6

      图13-7 如果找不到所要地事件,可以选择最底部的“Show Events for”(显示事件),在子菜单中选择较高版本的浏览器(如图13-8):

      图13-8 按快捷键『F12』浏览,可以看到预料的效果(如图13-9):

      图13-9 13.3.2 检测浏览器

      为了使我们的网页在各种浏览器中的显示完美无缺,我们必须为同一网页制作几个适合相应类型浏览器的文件。在本例中,我们假设已经为某一页面制作了三个网页文件“ie.htm”、“netscape.htm”和“other.htm”,分别适用于IE、Netscape和其他类型的浏览器。由于使用IE的用户是大多数,我们将默认的页面设置为“ie.htm”,将检测浏览器的事件设置在“ie.htm”上。也就是说,默认的是“ie.htm”,然后在“ie.htm”加载时(“onLoad”(加载)事件),激发检测浏览器的动作(若用户浏览器为IE,则保持原来的页面不变;若用户浏览器为Netscape,则跳转到“netscape.htm”;若用户使用的是其他浏览器,则跳转到“other.htm”)。

      打开网页文件“ie.htm”,在状态栏上单击选中HTML标记“”(如图13-10),使之变为粗体(如图13-11)。

      图13-10

      图13-11 在“Behaviors”(行为)面板中单击“+”(添加行为)按钮,在弹出菜单中选中“Check Browser”(检测浏览器)(如图13-11),弹出“Check Browser”(检测浏览器)对话框(如图13-12):

      “Check Browser”(检测浏览器)对话是由一组条件语句组成的,根据判断的结果做出选择,在三个网页当中选其一。这个动作可以明确判断两种浏览器:Netscape 和IE,不是这两种浏览器一概做“Other Browsers”(其他浏览器)处理。判断每一种浏览器都会有三种选项:“Go to URL”(打开一个指定文件),“Go to Alt URL”(打开另一个指定文件),“Stay on this page”(停留在当前页面)。“URL”和“Alt URL”是定义“Go to URL”和“Go to Alt URL”所指向页面的。

      由于我们当前页面就是“ie.htm”,我们在这里将“URL”设为“netscape.htm”,将“Alt URL”设为“other.htm”。然后只需要将“Netscape Navigator”设为“Go To URL(netscape.htm)”,将“Internet Explorer”设为“Stay on this Page(ie.htm)”,其他所有的都设为“Go To Alt URL(other.htm)”就可以了(如图13-12)。

      图13-12 单击“OK”按钮保存并退出后,我们可以发现“Behaviors”(行为)面板中已经添加了我们刚才设置的行为:“Events”(事件)为“onLoad”(载入);“Actions”(动作)为“Check Browser”(检测浏览器)(如图13-13):

      图13-13 检测插件

      Flash动画不仅体积小、制作简便,而且具有交互功能。所以,如果在我们的网页上放上几个小Flash,将会使网页增色不少。但遗憾的是,运行Flash需要插件的支持,但并不是所有的用户的浏览器都安装了Flash插件。如果用户打开一个含有Flash的网页却显示不出来,那我们岂不是弄巧成拙!

      怎么解决这个问题呢?学过了上一节,读者也许有一点思路了。对了,我们可以为包含Flash的页面给出另外一个版本。当加载页面时(“onLoad”事件),执行检测Flash插件的动作:若用户安装了Flash插件,保持页面不变;否则跳转到另一个页面。

      在本例中,我们假设有一个含有Flash的页面“flash.htm”,我们已经给它另做了一个内容相同不含Flash的文件“html.htm”。打开“flash.htm”,单击选中任务栏上的“”标记,然后单击“Behaviors”(行为)面板上的“+”(添加行为)按钮,在弹出对话框中选择“Check Plugin”(检测插件)(如图13-14),弹出“Check Plugin”(检测插件)对话框(如图13-15)。

      图13-14

      图13-15 “Plugin”(插件):设置需要检测的插件,其中: “Select”(选择):在右侧的下拉菜单中选择所要检测的插件,如“Flash”; “Enter”(输入):直接输入第一项没有列出的插件,一般很少用;

      “If Found,Go To URL”(如果有,前往URL):设置如果检测时发现了目标插件时所要打开的页面;

      “Otherwise,Go To URL”(否则,前往URL):设置当检测时没有发现目标插件时所要打开的页面;

      “Always go to first URL if detection is not possible”(如果无法侦测,永远前往第一个URL):选中此项表示如果不能进行插件检查就进入第一个页面;一般不选;

      完成上述设置后,单击“OK”按钮保存并退出。我们可以发现“Behaviors”(行为)面板中已经添加了我们刚才设置的行为:“Events”(事件)为“onLoad”(载入);“Actions”(动作)为“Check Plugin”(检测浏览器)(如图13-16):

      图13-16 拖动层

      如果我们想在网页上作一个像拼图游戏、拖出菜单这类可以随用户的鼠标指针移动的页面元素,我们就需要应用“Drag Layer”(拖动层)行为了。

      插入一个图层并将需要移动的元素放入其中,选中该层(此时状态栏的标记“”变成粗体),单击“Behaviors”(行为)面板中的“+”按钮并从中选择“Drag Layer”(拖动层)命令(如图13-17),弹出“Drag Layer”(拖动层)对话框,默认为“Basic”(基本)选项卡(如图13-18)。

      图13-17

      图13-18 “Layer”(层):从右侧下拉选单中选择需要被拖动的层; “Movement”(移动):设置层可以拖动的范围,有两个选项: “Uncontrained”(不限制):选中此项可以任意拖动层;

      “Constrained”(限制):选中此项只能在所设范围内拖动层;在右侧的“Up”(上)、“Down”(下)、“Left”(左)和“Right”(右)文本域中设置相对于图层的起始位置的范围; “Drag Target”(放下目标):在“Left”和“Top”文本域中设置放置目标的位置;或单击“Get Current Position”(取得目前位置)按钮自动将当前图层的所在位置输入这两个文本域中。(放置目标指用户所拖动的层需放置的地方;当层的左上角坐标和我们设置的值相匹配时,即达到了放置目标,该值是相对于浏览器窗口的左上角而言)

      “Snap if Within”(靠齐距离):在文本域中输入值,指定图层与放置目标的靠近距离(即当拖动图层与放置目标的距离小于该值时,自动将图层与放置目标对齐); 如果还要定义图层的拖拽范围,可以单击“Advanced”(高级)标签,弹出“Advanced”(高级)选项卡(如图13-19):

      图13-19 “Drag Handle”(拖拽控制点):设置图层中用于拖动图层的区域,包括两个选项: “Entire Layer”(整个层);

      “Area Within Layer”(层内区域):在“Left”和“Top”文本域中设置拖拽区域左上角点的坐标;在“Width”和“Height”文本框中输入拖动区域的宽度和高度值; “While Dragging”(拖拽时):设置拖动时层的状态:

      “Bring Layer to Front”(将层移至最前):选中此项表示在拖动层时将层移动到最顶层; “then”(然后):设置放置层时层的叠放状态:

      “Leave on Top”(留在最上方):选中此项表示将层保留在最顶端; “Restore Z-Index”(还原Z序列):还原为原来的叠放顺序;

      “Call JavaScript”(呼叫JavaScript):设置拖动层时调用的JavaScript代码; “When Dropped”(放下时):设置放下时层的状态:

      “Call JavaScript”(呼叫JavaScript):设置放下层时调用的JavaScript代码; “Only if snapped”(只有在靠齐时):选中此项表示只有在靠齐时才调用JavaScript代码;

      完成上述设置后,单击“OK”按钮保存并退出。我们可以发现“Behaviors”(行为)面板中已经添加了我们刚才设置的行为:“Events”(事件)为“onClick”(载入);“Actions”(动作)为“Drag Layer”(检测浏览器)(如图13-20):

      图13-20 控制Shockwave或Flash 在“Insert/Common”(插入/标准)面板中单击“Flash”(插入Flash)按钮(如图13-21),选择一个Flash文件并将其命名为“flash1”(如图13-23)。

      图13-21 在“Insert/Forms”(插入/表单)面板中单击“Button”(插入按钮)按钮(如图13-22),插入几个按钮并将它们的“Action”(动作)设置为“none”(无),“Label”(标签)依次设置为“Play”(播放)、“Stop”(停止)、“Rewind”(返回)和“GoTo4”(转到第4帧)(如图13-23)。

      图13-22

      图13-23 选中一个按钮“Play”(播放),然后在“Behaviors”(行为)面板中单击“+”按钮,在弹出菜单中选中“Control Shockwave or Flash”(控制Shockwave或Flash)(如图13-24),弹出“Control Shockwave or Flash”(控制Shockwave或Flash)对话框(如图13-25)。

      图13-24

      图13-25 “Movie”(影片):从下拉选单中选择要控制的动画,如“flash1”; “Action”(动作):设置控制动画的动作,其中: “Play”(播放):选择该项表示播放动画; “Stop”(停止):选择该项表示停止动画;

      “Rewind”(倒带):选择该项表示使播放的动画返回初始位置;

      “Go to Frame”(前往帧):选择该项并在其后的文本框中数字表示将动画跳至指定帧; 完成上述设置后,单击“OK”按钮保存并退出。我们可以发现“Behaviors”(行为)面板中已经添加了我们刚才设置的行为:“Events”(事件)为“onClick”(单击);“Actions”(动作)为“Control Shockwave or Flash”(控制Shockwave或Flash)(如图13-26):

      图13-26 同样可以完成对其他按钮的设置,设置完成后按快捷键『F12』浏览即可看到预料的效果。转到URL 关于文字的链接我们前面讲得已经非常多了,但是应用“Go To URL”(转到URL)我们可以实现一些高级的跳转。我们下面就来讲一个单击一个链接同时打开几个页面的例子。单击“Insert/Frames”(插入/框架)面板上的“Left and Nested Top Frames”(左框架嵌套顶框架)按钮(如图13-27),插入一个嵌套框架集(如图13-29)。

      图13-27 单击“Insert/Forms”(插入/表单)面板上的“Button”(按钮)按钮(如图13-28),插入一个按钮(如图13-29)。

      图13-28 选中该按钮并将其“Action”(动作)设为“none”(无),单击“Design/Behaviors”(设计/行为)面板上的“+”按钮,选中“Go To URL”(转到URL)(如图13-29),弹出“Go To URL”(转到URL)对话框(如图13-30)。

      图13-29 “Open In”(打开在):设置链接的打开方式;列表框中列出了当前框架集中的所有框架的名字以及主窗口,如果页面没有框架,则只有“Main Window”(主窗口)一个选项。“URL”(URL):设置在选定窗口中打开的页面URL地址; 在本例中,我们为三个框架“leftFrame”、“topFrame”和“mainFrame”分别设置URL地址“http://www.xiexiebang.com”、“http://www.xiexiebang.com”和“http://www.5460.net”,设置好后单击“OK”按钮保存并退出(如图13-30):

      图13-30 这时我们可以发现“Behaviors”(行为)面板中已经添加了我们刚才设置的行为:“Events”(事件)为“onClick”(载入);“Actions”(动作)为“Go To URL”(转到URL)(如图13-31):

      图13-31 按快捷键『F12』浏览,即可看到我们预料的效果(如图13-32):

      图13-32 13.3.7 打开浏览器窗口 应用“Open Browser Window”(打开浏览器窗口)行为可以在用户触发该行为时打开一个新的浏览器窗口,在新窗口中载入指定URL地址上的网页。该选项还可以设定新窗口的各项属性,如窗口的大小、是否显示导航栏、状态条等。如果没有指定窗口的属性,则按启动窗口的属性和大小打开,一旦指定了窗口的任何属性,将自动关闭其他属性。

      下面我们就利用“Open Browser Window”(打开浏览器窗口)行为来实现在浏览网站时经常看到的广告窗口。

      首先准备一个页面如“advertise.htm”作为广告,然后在我们的主页上单击选中状态栏中的标记“”,单击“Behaviors”(行为)面板中的“+”按钮,选中“Open Browser Window”(打开浏览器窗口)(如图13-33),弹出“Open Browser Window”(打开浏览器窗口)对话框(如图13-34)。

      图13-33

      图13-34 “URL to Display”(要打开的URL):设置新窗口中所要打开的页面地址,如“advertise.htm”;

      “Window Width”(窗口宽度):设置新窗口的宽度; “Window Height”(窗口高度):设置新窗口的高度; “Attributes”(属性):设置新窗口的属性,其中: “Navigation Toolbar”(导航工具栏):选中此项表示在新窗口中显示导航工具栏; “Location Toolbar”(地址工具栏):选中此项表示在新窗口中显示地址工具栏; “Status Bar”(状态栏):选中此项表示在新窗口中显示状态栏; “Menu Bar”(菜单条):选中此项表示在新窗口中显示菜单栏;

      “Scrollbars as Needed”(需要时使用滚动条):选中此项当内容超出新窗口时显示滚动条;

      “Resize Handles”(调整大小手柄):选中此项表示允许用户调整新窗口大小; “Window Name”(窗口名称):设置新窗口的名称;

      由于广告窗口需要向用户传递的信息不多,所以一般尺寸较小,且不需要各种工具条。我们在此为其设置好尺寸后,其他都不设。单击“OK”按钮保存并退出,这时我们可以发现“Behaviors”(行为)面板中已经添加了我们刚才设置的行为:“Events”(事件)为“onLoad”(载入);“Actions”(动作)为“Open Browser Window”(打开浏览器窗口)(如图13-35):

      图13-35 按快捷键『F12』浏览,可以看到当主页打开后,立即弹出广告窗口(如图13-36):

      图13-36 播放声音

      调用“Play Sound”(播放声音)行为可以方便地在网页中加入音乐。

      单击“Insert/Forms”(插入/表单)面板上的“Button”(按钮)按钮(如图13-37),插入一个按钮(如图13-29)。

      图13-37 选中该按钮并将其“Action”(动作)设为“none”(无),单击“Design/Behaviors”(设计/行为)面板上的“+”按钮,选中“Play Sound”(播放声音)(如图13-38),弹出“Play Sound”(播放声音)对话框(如图13-39)。

      图13-38

      图13-39 “Play Sound”(播放声音):设置要加入网页的音乐文件即可(如果听不到声音,可能是浏览器不支持所选音乐格式)。

      设置完后单击“OK”按钮保存并退出。这时我们可以发现“Behaviors”(行为)面板中已经添加了我们刚才设置的行为:“Events”(事件)为“onClick”(点击);“Actions”(动作)为“Play Sound”(播放声音)(如图13-40):

      图13-40 这时我们可以发现页面中出现了一个“Plugin”(插件)图标(如图13-41)。选中该图标后,“Properties”(属性)面板的内容发生相应变化,单击“Parameters”(参数)按钮(如图13-41),弹出“Parameters”(参数)对话框,我们可以在该对话框中为声音播放设置各项参数(如图13-42)。

      图13-41

      图13-42

      1、APPLET2、3、第十单元插入多媒体对象

      教学目的:网页中插入FLASH SHOCKWAVE ACTIVE PLUGIN JAVA 教学重点:插入对象的具体方法 课堂教学

      插入FLASH按扭的对话框

      插入FLASH动画方法对话框

      插入FLASH文本

      修改属性

      添加SHOCKWAVE 对象

      java applte对象

      添加plugin

      属性对话框

      作业:在自己的网页上添加声音

      第12单元 模板和库

      一、教学目的:理解模板的作用,掌握模板的创建和应用。

      二、教学重点:模板的应用。

      三、内容: 模板的概念

      在制作一个网站的整套页面时,我们会发现大部分页面的基本格式都是相同的。比如说页面背景、文字样式、导航条、版权信息等。所以我们可以将页面先做成类似申请表一样的表格,将那些相同的内容固定下来,并留出一定的空白以供将来插入不同的内容。以后我们制作页面时就只需要在这个表格的基础上添加新的内容就可以了。一般网页的基本组成部分:

      “logo”:即网站的徽标,这是一个网站的标志,一般放在每个页面最顶部的左上角,其一般和标准大小为88px×31px;

      “banner”:即页面上的广告条,可放在页面的任意位置

      “Nav Bar”:即页面上的导航条,一般放在页面的顶部和底部,用来快捷地在网站各页面之间跳转

      “Location Bar”:即页面上的地址条,一般在导航条下面,用来告诉用户当前页面所属的类别和树型目录

      “content”:即页面的正文,这是每个页面区别于其他页面的地方;

      “copyright”:即页面上的版权信息,一般在页面的最底部模板中的元区域可以分为两类:锁定区域和可编辑区域。锁定区域是指在任何基于该模板的网页中都不可编辑或修改的区域,可编辑区域是指在基于该模板的网页中可以被编辑或修改的区域。当我们编辑模板本身时,二者皆可修改;但当我们编辑基于模板的文挡时,后者不可修改。

      在我们批量制作网页时,logo、导航条和版权信息往往是不变的,此外页面的背景和文字样式也可能需要统一,因此我们可以将这些元素设置为锁定区域。而地址条、正文和页面的标题往往是不同的,我们可以将这些元素设置为可编辑区域。创建模板文件

      【File/New】(文件/新建)(如图14-3),弹出“New Document”(新建文档)对话框(如图14-4)。在“General”(常规)选项卡的左边“Category”(类别)列表框中选中“Basic Page”(基本页面),然后在右边“Basic Page”(基本页面)列表框中选中“HTML Template”(HTML模板),然后单击“OK”按钮保存并退出

      新建文件窗口的标题栏中的文件名前出现了 [<