欧美色欧美亚洲高清在线观看,国产特黄特色a级在线视频,国产一区视频一区欧美,亚洲成a 人在线观看中文

  1. <ul id="fwlom"></ul>

    <object id="fwlom"></object>

    <span id="fwlom"></span><dfn id="fwlom"></dfn>

      <object id="fwlom"></object>

      檢測第三章電子教案

      時(shí)間:2019-05-15 01:51:38下載本文作者:會(huì)員上傳
      簡介:寫寫幫文庫小編為你整理了多篇相關(guān)的《檢測第三章電子教案》,但愿對你工作學(xué)習(xí)有幫助,當(dāng)然你在寫寫幫文庫還可以找到更多《檢測第三章電子教案》。

      第一篇:檢測第三章電子教案

      第3章 發(fā)動(dòng)機(jī)集中控制系統(tǒng)

      教學(xué)目標(biāo)

      通過本章學(xué)習(xí),能夠掌握電控系統(tǒng)的診斷原則及注意事項(xiàng);能夠掌握故障診斷常用方法及故障診斷程序;正確使用檢測工具

      教學(xué)內(nèi)容

      1.電控系統(tǒng)檢測與診斷專用儀器 2.電控汽油噴射系統(tǒng) 3.電控點(diǎn)火系統(tǒng)

      4.電控系統(tǒng)故障診斷的原則及注意事項(xiàng)

      教學(xué)重點(diǎn)

      1.電控汽油噴射系統(tǒng) 2.電控點(diǎn)火系統(tǒng)

      3.1 電控系統(tǒng)檢測與診斷專用儀器

      教學(xué)目標(biāo)

      了解電控系統(tǒng)檢測與診斷專用儀器

      教學(xué)重內(nèi)容

      發(fā)動(dòng)機(jī)綜合性能檢測儀 車用示波器 車用萬用表 解碼器

      教學(xué)重點(diǎn)

      解碼器

      教學(xué)學(xué)時(shí)

      4學(xué)時(shí)

      3.1.1解碼器

      1.解碼器的種類

      一類是專用解碼器,只能檢測一種車系,儀器功能強(qiáng)大,價(jià)格高,檢測車型單一。

      另一類通用解碼器,可以檢測很多車系,數(shù)據(jù)容量大。2.解碼器的功能(1)查詢單元版本號(hào)

      如電腦型號(hào)、系統(tǒng)類型、發(fā)動(dòng)機(jī)類型、適用配置的設(shè)定號(hào)等。(2)查詢故障代碼

      可以測出汽車上電控系統(tǒng)出現(xiàn)的故障,以代碼展示出來。(3)執(zhí)行元件診斷

      可以診斷電控系統(tǒng)中執(zhí)行元件的故障。(4)系統(tǒng)基本調(diào)整

      在汽車維修和保養(yǎng)后必須進(jìn)行系統(tǒng)基本調(diào)整。

      所謂基本調(diào)整,是通過數(shù)據(jù)通道將一些數(shù)據(jù)寫入到控制單元中,將數(shù)據(jù)調(diào)整到生產(chǎn)廠家指定值,或?qū)⒛承┰?shù)寫入控制單元,從而使汽車達(dá)到最佳運(yùn)行狀態(tài)。

      (5)清除故障代碼

      可以清除系統(tǒng)控制計(jì)算機(jī)存儲(chǔ)的故障碼。(6)控制單元編碼

      當(dāng)車輛的代碼沒有顯示或主電腦已更換,則必須進(jìn)行控制單元編碼。(7)讀取測量數(shù)據(jù)塊

      數(shù)據(jù)流的作用是可以檢測到各種各種傳感器的工作狀態(tài)及汽車的運(yùn)行數(shù)據(jù)。

      3.1.2車用萬用表

      萬用表是將電壓表、電阻表和電流表等組合為一體的多功能工具,常用于診斷和檢測發(fā)動(dòng)機(jī)性能和電路系統(tǒng)故障。

      功能:

      69(1)交、直流電壓測量(2直流電流測量(3)電阻測量(4)二極管測量(5)汽車閉合角測量(6)電路通斷測量(7)發(fā)動(dòng)機(jī)轉(zhuǎn)速測量(8)溫度測量(9)數(shù)據(jù)保持

      3.1.3車用示波器

      1.汽車示波器診斷故障的方式

      (1)系統(tǒng)運(yùn)行情況分析(O2FB-氧反饋平衡方法)(2)電器電路故障分析 2.汽車示波器顯示波形的參數(shù)(1)幅值——信號(hào)最高電壓(2)頻率——信號(hào)循環(huán)時(shí)間(3)形狀——形狀外形模樣(4)脈寬——信號(hào)占空比(5)陣列——信號(hào)的重復(fù)特性 3.多通道汽車示波器 功能:

      (1)調(diào)整電壓比例(2)調(diào)整基時(shí)(3)調(diào)整觸發(fā)

      (4)自動(dòng)觸發(fā)及峰值捕捉(5)屏幕凍結(jié)功能(6)保存波形

      (7)對照標(biāo)準(zhǔn)波形分析測試波形 注意事項(xiàng):

      70(1)一起遠(yuǎn)離發(fā)動(dòng)機(jī)運(yùn)動(dòng)件(2)禁止短路電池正負(fù)極

      (3)防止被冷卻液、水、油或其他液體弄濕(4)測試前,先連接搭鐵線

      (5)禁止在沒有安裝防滑護(hù)套的情況下使用

      (6)禁止在信號(hào)輸入端輸入超過500V的直流交流電壓(7)使用后,將連接線拆下裝起來保存

      3.1.4發(fā)動(dòng)機(jī)綜合性能檢測儀

      功用:

      1.具有示波器的功能 2.具有萬用表的功能 3.具有點(diǎn)火系統(tǒng)分析的功能 4.具有啟動(dòng)系統(tǒng)分析的功能 5.具有充電系統(tǒng)的分析 6.具有氣缸系統(tǒng)的分析

      7.具有廢氣、噪音等其他的功能

      3.2 電控汽油噴射系統(tǒng)的檢測與診斷

      教學(xué)目標(biāo)

      掌握電控汽油噴射系統(tǒng)的檢測知識(shí)

      教學(xué)重內(nèi)容

      傳感器測量 開關(guān)控制信號(hào) 燃油供給系

      教學(xué)重點(diǎn)

      傳感器測量

      教學(xué)學(xué)時(shí)

      4學(xué)時(shí)

      3.2.1傳感器測量

      1.空氣流量傳感器AFS:

      空氣流量傳感器的類型:翼片式(葉片式)、卡門渦旋式、熱線式和熱膜式。(1)葉片式空氣流量計(jì)

      如圖,空氣流量計(jì)主要由測量板、補(bǔ)償板、回位彈簧、電位計(jì)、旁通氣道組成,此外還包括怠速調(diào)整螺釘、油泵開關(guān)及進(jìn)氣溫度傳感器等。在流量計(jì)內(nèi)還設(shè)有緩沖室和緩沖葉片,利用緩沖室內(nèi)的空氣對緩沖葉片的阻尼作用,可減小發(fā)動(dòng)機(jī)進(jìn)氣量急劇的變化引起測量葉片脈動(dòng),提高測量精度。

      1:滑動(dòng)觸點(diǎn)臂2:限流電阻 3:進(jìn)氣歧管 4:翼片 5:調(diào)整螺釘 6:空氣濾清器

      來自空氣濾清器的空氣通過空氣流量計(jì)時(shí),空氣推力使測量板打開一個(gè)角度,當(dāng)吸入空氣推開測量板的力與彈簧變形后的回位力相平衡時(shí),葉片停止轉(zhuǎn)動(dòng)。與測量板同軸轉(zhuǎn)動(dòng)的電位計(jì)檢測出葉片轉(zhuǎn)動(dòng)的角度,將進(jìn)氣量轉(zhuǎn)換成電壓信號(hào)VS送給ECU。檢測:

      測量VC與E2、VS與E2、THA與E2之間的電阻。

      點(diǎn)火開關(guān)ON,測量各端子之間的電壓。測量燃油泵開關(guān)的導(dǎo)通性。

      (2)卡門旋渦式空氣流量傳感器

      在氣流通道中放一個(gè)錐狀的渦流發(fā)生器,氣體通過時(shí)在錐體后產(chǎn)生許多卡門旋渦的渦流串??ㄩT旋渦的頻率和空氣流速之間存在一定的關(guān)系。測得卡門旋渦的頻率就可以求出空氣的流速,再乘以空氣通道面積就可以得到進(jìn)氣的體積流量。

      1)分類:按檢測分為超聲波檢測和反光鏡檢測法。2)反光鏡檢測法

      檢測部分結(jié)構(gòu):鏡片、發(fā)光二級管和光電晶體管組成。

      原理:空氣流經(jīng)過發(fā)生器時(shí),壓力發(fā)生變化,經(jīng)壓力導(dǎo)向孔作用在反光鏡上,使反光鏡發(fā)生振動(dòng),從而將發(fā)光二極管投射的光發(fā)射給光電管,對反射光進(jìn)行檢測。即可得到渦流的頻率。頻率高對應(yīng)的進(jìn)氣量大。3)超聲波檢測法

      結(jié)構(gòu):由超聲波信號(hào)發(fā)生器、超聲波發(fā)射探頭、渦流穩(wěn)定板、渦流發(fā)生器、整流器、超聲波接收探頭和轉(zhuǎn)換電路組成。

      原理:卡門渦旋造成空氣密度變化,受其影響,信號(hào)發(fā)生器發(fā)出的超聲波到達(dá)接

      收器的時(shí)機(jī)或變早或變晚,測出其相位差,利用放大器使之形成矩形波,矩形波的脈沖頻率為卡門渦旋的頻率。4)檢測:

      點(diǎn)火開關(guān)轉(zhuǎn)至“ON”位置,檢測VC與E2間電壓應(yīng)為5V,KS與E2間電壓應(yīng)為4~6V。

      發(fā)動(dòng)機(jī)運(yùn)轉(zhuǎn)時(shí),KS與E2間電壓應(yīng)為2~4V,進(jìn)氣量越大,電壓越高。測量THA與E2之間的電阻,與標(biāo)準(zhǔn)參數(shù)對照,不符合要求就更換。(3)熱線式空氣流量計(jì) 1)工作原理:

      如下圖,熱線電阻RH以鉑絲制成,RH和溫度補(bǔ)償電阻RK均置于空氣通道中的取氣管內(nèi),與RA、RB共同構(gòu)成橋式電路。RH、RK阻值均隨溫度變化。當(dāng)空氣流經(jīng)RH時(shí),使熱線溫度發(fā)生變化,電阻減小或增大,使電橋失去平衡,若要保持電橋平衡,就必須使流經(jīng)熱線電阻的電流改變,以恢復(fù)其溫度與阻值,精密電阻RA兩端的電壓也相應(yīng)變化,并且該電壓信號(hào)作為熱式空氣流量計(jì)輸出的電壓信號(hào)送往ECU。

      2)自潔功能 在1000℃以上將粉塵燒掉。3)檢測

      接通點(diǎn)火開關(guān),不起動(dòng)發(fā)動(dòng)機(jī),測E與D、E與C之間的電壓為蓄電池電壓。

      B與C間的信號(hào)電壓:發(fā)動(dòng)機(jī)工作時(shí)為2~4V 發(fā)動(dòng)機(jī)不工作為1.0~1.5V F與D間電壓,關(guān)閉點(diǎn)火開關(guān)時(shí),電壓應(yīng)回零并在5s后有跳躍上升,1s后在回零,說明自潔信號(hào)良好。(4)熱膜式空氣流量計(jì) 工作原理:與熱線式相同

      熱膜:帕金屬片固定在樹脂薄膜上。優(yōu)點(diǎn)是提高可靠性和耐用性,不粘附灰塵。圖為桑塔納2000AJR發(fā)動(dòng)機(jī)熱膜式空氣流量計(jì)原車電路圖

      2.曲軸位置與凸輪軸位置傳感器:

      功用:檢測發(fā)動(dòng)機(jī)上止點(diǎn)、曲軸轉(zhuǎn)角、發(fā)動(dòng)機(jī)轉(zhuǎn)速信號(hào)送給ECU,以確認(rèn)曲軸位置,用來控制噴油正時(shí)和點(diǎn)火正時(shí) 類型:磁電式、光電式、霍爾式

      位置:經(jīng)常安裝在發(fā)動(dòng)機(jī)的曲軸端、凸輪軸端、飛輪上或分電器內(nèi)(1)磁電式曲軸位置傳感器 1)結(jié)構(gòu)與原理

      豐田TCCS系統(tǒng),位于分電器內(nèi),利用轉(zhuǎn)子旋轉(zhuǎn)使磁通量變化,從而在感應(yīng)線圈里產(chǎn)生交變的感應(yīng)電動(dòng)勢信號(hào),將此信號(hào)放大后,送入電腦ECU。2)電磁式曲軸位置傳感器的檢修(豐田車系)

      (1)電磁式曲軸位置傳感器電阻的檢查:用萬用表的電阻擋測量傳感器上各端子間的電阻。

      (2)電磁式曲軸位置傳感器輸出信號(hào)的檢查:拔下電磁式曲軸位置傳感器的導(dǎo)線連接器,當(dāng)發(fā)動(dòng)機(jī)轉(zhuǎn)動(dòng)時(shí)用示波器檢查曲軸位置傳感器上G1-G0、G2-G0、Ne-G0端子,應(yīng)有脈沖信號(hào)輸出。

      (3)電磁式曲軸位置傳感器的線圈與信號(hào)轉(zhuǎn)子的間隙檢查:用塞尺測量信號(hào)轉(zhuǎn)子與傳感器線圈凸出部分的空氣隙。若間隙不符合要求則須更換分電器殼體總成。

      電磁式曲軸位置傳感器的就車檢查:

      ①用交流電壓表的2V擋測量其輸出電壓,起動(dòng)時(shí)應(yīng)高于0.1V,運(yùn)轉(zhuǎn)時(shí)應(yīng)為0.4-0.8V。

      ②用頻率表測量其工作頻率。③用示波器檢測其輸出信號(hào)的波形。

      ④如果在傳感器上能檢測到電壓信號(hào),而在ECU連接器上檢測不到信號(hào),則應(yīng)檢 77 查傳感器至ECU之間的導(dǎo)線及插頭 3.霍爾式曲軸位置傳感器

      (1)組成:由轉(zhuǎn)子、永久磁鐵、霍爾晶體管和放大器組成。

      (2)原理:ECU通過電源使電流通過霍爾晶體管,旋轉(zhuǎn)轉(zhuǎn)子的凸齒經(jīng)過磁場時(shí)使磁場強(qiáng)度改變,霍爾晶體管產(chǎn)生的霍爾電壓放大后輸送給ECU,ECU根據(jù)霍爾電壓產(chǎn)生的次數(shù)確定曲軸轉(zhuǎn)角和發(fā)動(dòng)機(jī)轉(zhuǎn)速。霍爾效應(yīng)原理如圖所示:

      (a)葉片對永久磁鐵和霍爾元件隔磁,不產(chǎn)生霍爾電壓

      (b)葉片離開空氣隙,產(chǎn)生霍爾電壓

      (3)霍爾式曲軸位置傳感器的檢修

      1)拔下傳感器插頭,打開點(diǎn)火開關(guān),檢查插頭上電源端子與搭鐵之間的電壓,應(yīng)為8V或12V(視車型而定)。若無電壓,則應(yīng)檢查傳感器至ECU之間的線路及ECU上相應(yīng)端子的電壓。

      2)插回傳感器插頭,起動(dòng)發(fā)動(dòng)機(jī),測量傳感器輸出端子的信號(hào)電壓,應(yīng)為3V-6V。若無信號(hào)電壓,則為傳感器故障。3)用示波器檢查傳感器輸出電壓的波形。4.光電式曲軸位置傳感器

      (1)組成:由轉(zhuǎn)子、發(fā)光二極管、光敏二極管和放大器組成。

      78(2)原理:利用發(fā)光二極管作為信號(hào)源。隨轉(zhuǎn)子轉(zhuǎn)動(dòng),當(dāng)透光孔與發(fā)光二極管對正時(shí),光線照射到光敏二極管上產(chǎn)生電壓信號(hào),經(jīng)放大電路放大后輸送給ECU。如圖所示:(3)光電式曲軸位置傳感器的檢修

      1)拔下傳感器插頭,打開點(diǎn)火開關(guān),檢查插頭上電源端子與搭鐵端子之間的電壓,應(yīng)為5V或12V(視車型而定)。若無電壓,則應(yīng)檢查傳感器至ECU之間的線路及ECU上相應(yīng)端子的電壓。

      2)插回傳感器插頭,起動(dòng)發(fā)動(dòng)機(jī),轉(zhuǎn)速保持在2500r/min左右,測量傳感器輸出端子的電壓,應(yīng)為2-3V,否則為傳感器損壞。3)用示波器檢測其信號(hào)波形。5.節(jié)氣門位置傳感器:

      (1)作用:檢測節(jié)氣門的開度及開度變化,此信號(hào)輸入ECU,控制燃油噴射及其他輔助控制。

      (2)電位計(jì)式節(jié)氣門位置傳感器

      利用觸點(diǎn)在電阻體上的滑動(dòng)來改變電阻值,測得節(jié)氣門開度的線形輸出電壓,可知節(jié)氣門開度。全關(guān)時(shí)電壓信號(hào)應(yīng)約為0.5V,隨節(jié)氣門增大,信號(hào)電壓增強(qiáng),全開時(shí)約為5V。如下圖所示:

      (3)線性輸出式節(jié)氣門位置傳感器的檢修

      怠速觸點(diǎn)在節(jié)氣門全閉時(shí)應(yīng)閉合,即IDL和E之間的電阻為零,隨著節(jié)氣門開度的增大,VTA和E之間的電阻線性增大,否則說明該傳感器有故障。(4)觸點(diǎn)式節(jié)氣門位置傳感器

      由滑動(dòng)觸點(diǎn)和兩個(gè)固定觸點(diǎn)(功率觸點(diǎn)和怠速觸點(diǎn))組成。節(jié)氣門全關(guān)閉時(shí),可動(dòng)觸點(diǎn)與怠速觸點(diǎn)接觸,當(dāng)節(jié)氣門開度達(dá)50°以上時(shí),可動(dòng)觸點(diǎn)與怠速觸點(diǎn)接觸,檢測節(jié)氣門大開度狀態(tài)。(5)開關(guān)式節(jié)氣門位置傳感器的檢修

      用萬用表的電阻擋測量怠速觸點(diǎn)和功率觸點(diǎn)的導(dǎo)通性,怠速觸點(diǎn)在節(jié)氣門全閉時(shí)電阻應(yīng)為零,節(jié)氣門略打開一點(diǎn)怠速觸點(diǎn)斷開,電阻為無窮大。功率觸點(diǎn)在節(jié)氣門開度小于50%時(shí)應(yīng)斷開,電阻為無窮大,節(jié)氣門開度超過50%時(shí)應(yīng)閉合,80 電阻為零。6.壓力傳感器:

      (1)進(jìn)氣管絕對壓力傳感器的類型

      半導(dǎo)體壓面敏電阻式、電容式、膜盒式、表面彈性波式等。(2)半導(dǎo)體壓面敏電阻式的結(jié)構(gòu)及工作原理

      進(jìn)氣管絕對壓力傳感器由壓力轉(zhuǎn)換元件和放大壓力轉(zhuǎn)換元件輸出信號(hào)的集成電路和真空室構(gòu)成。壓力轉(zhuǎn)換元件是硅片。硅片的一面是真空,另一面作用的是進(jìn)氣管的壓力。在進(jìn)氣管的壓力作用下,硅片將產(chǎn)生變形,使硅片的電阻阻值發(fā)生變化,從而使電橋的電壓變化,再通過集成放大電路放大后輸入到ECU的PIM端子。(3)控制電路

      如圖所示,為皇冠3.0轎車2JZ-GE發(fā)動(dòng)機(jī)進(jìn)氣壓力傳感器電路圖。

      進(jìn)氣壓力傳感器:端子VCC(電源5V)、端子PIM(進(jìn)氣壓力信號(hào)電壓)、端子E2(傳感器接地)

      (4)進(jìn)氣管絕對壓力傳感器的檢修

      檢測:將點(diǎn)火開關(guān)轉(zhuǎn)至“ON”,檢測VCC和E2間應(yīng)為5V左右,PIM與E2之間的輸出電壓應(yīng)隨著真空度增加而降低。7.溫度傳感器:

      81(1)溫度傳感器的作用

      溫度傳感器是將被測對象的溫度信號(hào)轉(zhuǎn)變?yōu)殡娦盘?hào)輸入電控單元ECU,以便其修正控制參數(shù)或判斷檢測對象的熱負(fù)荷狀態(tài)。(2)溫度傳感器的分類

      1)按照檢查測對象分:冷卻液溫度、進(jìn)氣溫度、排氣溫度、燃油溫度、空調(diào)溫度傳感器等。

      2)按照結(jié)構(gòu)與物理性能分:熱敏電阻式、熱敏鐵氧體式、雙金屬片式、石蠟式溫度傳感器。

      (3)水溫傳感器結(jié)構(gòu)及工作原理 1)功能

      檢測冷卻液溫度轉(zhuǎn)化為電信號(hào),送給ECU作為噴油量、點(diǎn)火正時(shí)的修正信號(hào)。安裝在氣缸體水道或冷卻水出口處。2)結(jié)構(gòu)與原理

      具有負(fù)溫度系數(shù)熱敏電阻特性,冷卻液溫度升高,熱敏電阻值降低 3)控制電路如圖所示:

      THW信號(hào):冷卻液溫度越高,熱敏電阻越低,電路總電阻減小,電路電流增大,ECU內(nèi)電阻R分壓增加,熱敏電阻分壓降低,即THW信號(hào)電壓減??;E2:傳感器接地。

      82(4)進(jìn)氣溫度傳感器

      功用:給ECU提供進(jìn)氣溫度信號(hào),作為燃油噴射和點(diǎn)火正時(shí)控制的修正信號(hào)。D型安裝在空氣濾清器或進(jìn)氣管內(nèi),L型安裝在空氣流量計(jì)內(nèi)。進(jìn)氣溫度傳感器內(nèi)的熱敏電阻隨著進(jìn)氣溫度的增大而減小,使得分壓值也隨之減小,ECU根據(jù)分壓來判斷進(jìn)氣溫度。

      (5)水溫傳感器和進(jìn)氣溫度傳感器的檢修

      1)元件檢測:測量傳感器在不同溫度下的電阻值。

      2)在線測量:打開點(diǎn)火開關(guān)測量電壓,應(yīng)為5V,插回插頭,起動(dòng)發(fā)動(dòng)機(jī),測量不同溫度下的電壓,應(yīng)在4-0.5V之間變化。8.氧傳感器EGO:(1)作用

      氧傳感器是排氣氧傳感器的簡稱,又稱為氧量傳感器,其主要作用是通過監(jiān)測排氣中氧離子的含量來獲得混合氣的的空燃比信號(hào),并將其信號(hào)轉(zhuǎn)變?yōu)殡娦盘?hào)輸

      ECU

      。83

      (2)組成

      主氧傳感器包括一根加熱氧化鋯元件的熱棒,加熱棒受(ECU)電腦控制,當(dāng)空氣進(jìn)量小(排氣溫度低)電流流向加熱棒加

      熱傳感器,使能精確檢測氧氣濃度。

      在試管狀態(tài)化鋯元素(ZRO2)的內(nèi)外兩側(cè),設(shè)置有白金電極,為了保護(hù)白金電極,用陶瓷包覆電機(jī)外側(cè),內(nèi)側(cè)輸入氧濃度高于大氣,外側(cè)輸入的氧濃度低于汽車排出氣體濃度。

      應(yīng)當(dāng)指出采用三元催化器后,必須使用無鉛汽油,否則三元催化器和氧傳感器會(huì)很快失效。再注意,氧傳感器在油門穩(wěn)定,配制標(biāo)準(zhǔn)混合時(shí)較為重要的作用,而在頻繁加濃或變稀混合時(shí),(ECU)電腦將忽略氧傳感器的信息,氧傳感器就不能起作用。

      84(3)工作原理

      氧傳感器是利用陶瓷敏感元件測量各類加熱爐或排氣管道中的氧電勢,由化學(xué)平衡原理計(jì)算出對應(yīng)的氧濃度,達(dá)到監(jiān)測和控制爐內(nèi)燃燒空然比,保證產(chǎn)品質(zhì)量及尾氣排放達(dá)標(biāo)的測量元件,廣泛應(yīng)用于各類煤燃燒、油燃燒、氣燃燒等爐體的氣氛控制。它是目前最佳的燃燒氣氛測量方式,具有結(jié)構(gòu)簡單、響應(yīng)迅速、維護(hù)容易、使用方便、測量準(zhǔn)確等優(yōu)點(diǎn)。運(yùn)用該傳感器進(jìn)行燃燒氣氛測量和控制既能穩(wěn)定和提高產(chǎn)品質(zhì)量,又可縮短生產(chǎn)周期,節(jié)約能源。

      3.2.2開關(guān)控制信號(hào)

      常用的有:起動(dòng)開關(guān)、空調(diào)開關(guān)、檔位開關(guān)、制動(dòng)開關(guān)、動(dòng)力轉(zhuǎn)向開關(guān)和巡航控制開關(guān)等。

      3.2.3燃油供給系

      電動(dòng)燃油泵:

      1.作用:給電控燃油噴射系統(tǒng)提供具有一定壓力的燃油。2.類型:

      (1)按安裝位置不同分為:

      內(nèi)置式——安裝在油箱中,具有噪聲小、不易產(chǎn)生氣阻、不易泄漏、管路安裝簡單。

      外置式——串接在油箱外部的輸油管路中,易布置、安裝自由大,單噪聲大,易產(chǎn)生氣阻。

      (2)按電動(dòng)燃油泵的結(jié)構(gòu)不同分為:渦輪式、滾柱式、轉(zhuǎn)子式和側(cè)槽式。3.電動(dòng)燃油泵的結(jié)構(gòu)(1)渦輪式電動(dòng)燃油泵

      1)結(jié)構(gòu):主要由燃油泵電動(dòng)機(jī)、渦輪泵、出油閥、卸壓閥組成。2)原理

      油泵電動(dòng)機(jī)通電時(shí),電動(dòng)機(jī)驅(qū)動(dòng)渦輪泵葉片旋轉(zhuǎn),由于離心力的作用,使葉輪周圍小槽內(nèi)的葉片貼緊泵殼,將燃油從進(jìn)油室?guī)鲇褪?。由于進(jìn)油室的燃油不斷增多,形成一定的真空度,將燃油從進(jìn)油口吸入;而出油室燃油不斷增

      多,燃油壓力升高,當(dāng)達(dá)到一定值時(shí),頂開出油閥出油口輸出。出油閥在油泵不工作時(shí)阻止燃油流回油箱,保持油路中有一定的壓力,便于下次起動(dòng)。如圖

      1.軸承 2.3.永磁磁鐵 4.單向閥 5.出油口 6.限壓閥 7.電樞 8.平板葉片轉(zhuǎn)子

      9.進(jìn)油口 10.泵體 11.橡膠緩沖墊

      (2)滾柱式電動(dòng)燃油泵 1)結(jié)構(gòu)

      主要由燃油泵電動(dòng)機(jī)、滾柱式燃油泵、出油閥、卸壓閥等組成。2)原理

      當(dāng)轉(zhuǎn)子旋轉(zhuǎn)時(shí),位于轉(zhuǎn)子槽內(nèi)的滾柱在離心力的作用下,緊壓在泵體內(nèi)表面上,對周圍起密封作用,在相鄰兩個(gè)滾柱之間形成工作腔。在燃油泵運(yùn)轉(zhuǎn)過程中,工作腔轉(zhuǎn)過出油口后,其容積不斷增大,形成一定的真空度,當(dāng)轉(zhuǎn)到與進(jìn)油口連通時(shí),將燃油吸入;而吸滿燃油的工作腔轉(zhuǎn)過進(jìn)油口后,容積不斷減小,使燃油壓力提高,受壓燃油流過電動(dòng)機(jī),從出油口輸出。

      3.3 電控點(diǎn)火系統(tǒng)的檢測

      教學(xué)目標(biāo)

      掌握電控點(diǎn)火系統(tǒng)的知識(shí)

      教學(xué)重內(nèi)容

      點(diǎn)火示波器的使用 點(diǎn)火波形分析 點(diǎn)火正時(shí)檢測

      教學(xué)重點(diǎn)

      點(diǎn)火波形分析 點(diǎn)火正時(shí)檢測

      教學(xué)學(xué)時(shí)

      2學(xué)時(shí)

      3.3.1點(diǎn)火示波器的使用

      1.點(diǎn)火示波器功能(1)分析單杠閉合角

      (2)分析點(diǎn)火線圈次級電路性能(3)檢查空燃比(4)分析電容性能(5)查出氣缸斷火的原因 2.點(diǎn)火示波器測試波形的種類(1)分電器點(diǎn)火初級標(biāo)準(zhǔn)波形(2)分電器點(diǎn)火次級標(biāo)準(zhǔn)波形

      3.3.2點(diǎn)火波形分析

      分析的波形項(xiàng)目: 1.點(diǎn)火次級并列波形 2.點(diǎn)火次級單缸波形 作用:(1)分析單缸閉合角

      (2)分析點(diǎn)火線圈次級電路性能

      (3)檢查空燃比

      (4)查處氣缸失火的火花塞(5)測出擊穿電壓(6)測出火花時(shí)間

      3.急加速次級點(diǎn)火波形 4.閉合角波形

      作用:(1)分析單缸閉合角

      (2)確定平均閉合角的度數(shù)

      (3)分析點(diǎn)火線圈次級電路性能 5.點(diǎn)火初級波形

      3.3.3點(diǎn)火正時(shí)檢測

      1.點(diǎn)火正時(shí)的檢測條件(1)發(fā)動(dòng)機(jī)冷卻液溫度大于80(2)蓄電池電壓大于10.5V(3)節(jié)氣門關(guān)閉(4)關(guān)閉所有用電設(shè)備(5)發(fā)動(dòng)機(jī)無故障碼存儲(chǔ)(6)進(jìn)排氣系統(tǒng)無泄漏 2.點(diǎn)火正時(shí)經(jīng)驗(yàn)檢測

      確認(rèn)發(fā)動(dòng)機(jī)滿足點(diǎn)火正時(shí)的6項(xiàng)條件,路試進(jìn)行檢查,在變速器直接擋的條件下,將車速提高到40KM/h,急加速到節(jié)氣門全開,觀察發(fā)動(dòng)機(jī)是否有短暫的爆燃敲缸聲,5s內(nèi)敲缸聲逐漸消失為正確;若敲缸聲依然強(qiáng)烈則正時(shí)過早,無爆燃聲則正時(shí)過晚。

      3.4 電控系統(tǒng)故障診斷的原則

      教學(xué)目標(biāo)

      了解電控系統(tǒng)故障診斷的原則

      教學(xué)重內(nèi)容

      診斷注意事項(xiàng)

      發(fā)動(dòng)機(jī)故障診斷的基本原則 故障診斷常用的方法

      教學(xué)重點(diǎn)

      診斷注意事項(xiàng)

      發(fā)動(dòng)機(jī)故障診斷的基本原則

      教學(xué)學(xué)時(shí)

      2學(xué)時(shí)

      3.4.1診斷注意事項(xiàng)

      1.點(diǎn)火開關(guān)接通,不能斷開任何12V電氣工作裝置 2.車輛進(jìn)行電源跨接啟動(dòng)時(shí),必須關(guān)點(diǎn)火開關(guān) 3.進(jìn)行電弧焊時(shí)應(yīng)斷開電腦供電線 4.車上供電系統(tǒng)均為負(fù)極搭鐵 5.車上不易裝功率超過8W的無線電臺(tái) 6.在沒有檢測設(shè)備的情況下不要打開電腦蓋板 7.拆開油路任何部分,首先對燃油系統(tǒng)進(jìn)行泄壓。

      3.4.2發(fā)動(dòng)機(jī)故障診斷的基本原則

      1.先思后行 2.先簡后繁 3.先熟后生 4.先外后內(nèi) 5.代碼優(yōu)先 6.先備后用

      3.4.3故障診斷常用的方法

      1.直觀診斷法:看、問、聽、試 2.利用隨車自診斷系統(tǒng)診斷 3.利用簡單儀表檢測 4.利用專用診斷儀器檢測 5.置換法診斷故障

      6.模擬實(shí)驗(yàn)法診斷故障:振動(dòng)法、加熱法、水淋法

      第二篇:電子水準(zhǔn)儀用于鐵路線路檢測

      電子水準(zhǔn)儀用于鐵路線路檢測

      以下為推薦單位實(shí)例或項(xiàng)目描述:(本文使用 徠卡電子水準(zhǔn)儀Sprinter250M)

      行業(yè):鐵路系統(tǒng)

      名稱:檢測鐵路軌道高差

      背景:鐵路運(yùn)營階段,軌道會(huì)隨著機(jī)車的運(yùn)行震動(dòng)及其它環(huán)境因數(shù)(天氣、地質(zhì)災(zāi)害等),造成前進(jìn)方向 同一剖面上的軌道各對應(yīng)點(diǎn)位(鋼軌)高差異常,從而影響機(jī)車的平穩(wěn)舒適程度和安全性,所以“鐵路軌道高差檢測”便成為各鐵路養(yǎng)護(hù)段日常工作的項(xiàng)目之一

      原作業(yè)方法:采用普通光學(xué)水準(zhǔn)儀

      通過現(xiàn)場人工估讀、手工記錄數(shù)據(jù)、整理數(shù)據(jù)、分析數(shù)據(jù)、得出各點(diǎn)高差的異常值,然后通過鐵軌上的固定螺栓,調(diào)節(jié)(鋼軌)對應(yīng)的升降值。從而使軌道平整度,達(dá)到要求的誤差范圍之內(nèi)

      時(shí)間:

      2018年4月

      關(guān)鍵詞: 介于使用傳統(tǒng)光學(xué)測量方法實(shí)施“鐵路軌道高差檢測”,存在效率低下(人工估讀、手工記錄),費(fèi)時(shí)費(fèi)工(作業(yè)人員需要4個(gè))、勞動(dòng)強(qiáng)度大(后期人工數(shù)據(jù)整理),且精度無法保障(儀器i角誤差、估讀誤差等)的情況下。于是用戶對于此次項(xiàng)目的儀器或測量方案提出了新的要求(高效化、省力節(jié)時(shí)、自動(dòng)、精度有保證)

      項(xiàng)目描述:結(jié)合用戶提出的需求和“檢測鐵路軌道高差”的技術(shù)要求,我們下入到實(shí)地項(xiàng)目,給出了(sprinter250M+Sprinter DataLoader)的組合方案

      現(xiàn)場使用設(shè)備: sprinter250M一臺(tái)

      3M玻纖條碼尺2根

      尺墊2個(gè)

      作業(yè)人員3個(gè)

      工作內(nèi)容:本項(xiàng)目最開始擬定的是采用儀器sprinter250M自帶的四等水準(zhǔn)線路測量對線路加以施測

      然而在考慮到(四等水準(zhǔn)線路測量有對尺子前后視距有要求)、測工掌握相關(guān)知識(shí)制約、整體效率的情況下 經(jīng)過討論和商議,在滿足相關(guān)技術(shù)要求和提高效率的條件下

      我們重新選取更為簡單的BIF模式(該模式操作簡便、效率高)

      該方法一個(gè)測站在通視的情況下可測多個(gè)I 點(diǎn),線路從起點(diǎn)(B)出發(fā),依次按線路推進(jìn)測得N個(gè)(I)點(diǎn),轉(zhuǎn)戰(zhàn)處設(shè)為(F)點(diǎn),最后在回到起點(diǎn)(B)

      此種方法既不要求前后視距大致相等、也允許一個(gè)測站同時(shí)觀測N個(gè)(監(jiān)測點(diǎn)I)、且通過線路的閉合,能使精度有所保障

      (儀器的i角在此不考慮、距離不會(huì)特別夸張)

      工作流程:

      (一)先在路基面上做一基點(diǎn)(后視)定為B,并給定一個(gè)高程值(初始值)。然后在鐵路軌道上根據(jù)測量點(diǎn)位距離的要求進(jìn)行打標(biāo)(打標(biāo)位置:螺栓可調(diào)節(jié)處)如C1、C2、C3、C4…..(轉(zhuǎn)點(diǎn)F可與I可為同一點(diǎn),也可單獨(dú)下軌自行標(biāo)定)測量軌道上所有的監(jiān)測點(diǎn)后,返程測量到起點(diǎn)B(閉合)

      架設(shè)儀器,按照已規(guī)定的線路測量方法施測(儀器測量,記錄數(shù)據(jù)并保存在機(jī)身內(nèi)存),測量流程示意圖參考附件(2)

      (二)最后一站,閉合到起點(diǎn)后,點(diǎn)擊儀器ΔH結(jié)束測量,查看整條線路的閉合差是否瞞住要求(標(biāo)準(zhǔn)可參考四等閉合差的要求ΔE≤±20√L)

      (三)外業(yè)數(shù)據(jù)采集完畢后,回到辦公地點(diǎn),利用Sprinter DataLoader 下載出數(shù)據(jù)、整理、分析數(shù)據(jù)

      (四)根據(jù)整理好的數(shù)據(jù),可得出每個(gè)點(diǎn)的高程差異情況,以此為依據(jù),用來指導(dǎo)鐵軌的(螺栓)上下調(diào)節(jié)(該處(點(diǎn))該升或是該降多少cm),從而使鐵軌的平整度能到保證

      工作總結(jié):使用徠卡sprinter250M+Sprinter DataLoader方案,給本項(xiàng)目帶來了效率上的提高,它不僅降低了儀器使用者的勞動(dòng)強(qiáng)度,也節(jié)約一個(gè)勞動(dòng)力的成本,儀器自動(dòng)讀數(shù)、自動(dòng)保存數(shù)據(jù)、內(nèi)業(yè)直接導(dǎo)出外業(yè)觀測數(shù)據(jù)、整理、節(jié)約了整過流程作業(yè)所需的時(shí)間,并能達(dá)到高精度的成果。給生產(chǎn)作業(yè)自動(dòng)化、高效率、降低勞動(dòng)者負(fù)荷、帶來了不少的提升

      附件(1):作業(yè)圖片 附件(2):測量流程示意圖

      第三篇:一年級電子教案

      8、月亮的心愿教學(xué)設(shè)計(jì) 白衣小學(xué)楊珂鑫 教學(xué)目標(biāo): 1.認(rèn)識(shí)14個(gè)生字,會(huì)寫“女、氣、去、大、早、亮”6個(gè)生字。2.正確、流利地朗讀課文。

      3.理解課文內(nèi)容,懂得從小就要關(guān)心別人,為別人著想。教學(xué)準(zhǔn)備:兩幅掛圖、小黑板 教學(xué)時(shí)間:2課時(shí) 教學(xué)過程:

      第一課時(shí)

      一、談話激趣,導(dǎo)入課題 1.師板書“心愿”,理解“心愿”,說說你有什么心愿? 2.你知道月亮有什么心愿嗎?

      出示圖一,說說圖上畫了什么?

      出示圖二,這幅圖上又畫了什么?(讓學(xué)生充分地說,初步感知課文)

      3.師總結(jié):老師有一個(gè)發(fā)現(xiàn),兩幅圖上,月亮的表情不一樣,看了這兩個(gè)小女孩的家,月亮?xí)趺聪肽兀拷裉煳覀兙蛯W(xué)習(xí)8.《月亮的心愿》(齊讀)

      二、感知性閱讀,學(xué)習(xí)生字詞

      1.自由朗讀課文,用“=”劃出本課的生字。2.用自己喜歡的方式認(rèn)識(shí)生字。(讀拼音、問同桌、查字表、猜一猜等)3.檢查生字詞掌握情況

      (1)小黑板出示生字詞(帶拼音),自由讀,男女生分讀。(2)擦拼音,請學(xué)生當(dāng)小老師領(lǐng)讀。

      (3)哪些字你以前就認(rèn)識(shí)了?怎么認(rèn)識(shí)的?哪個(gè)字你有好辦法記住它? 4.小組合作讀課文,在讀中鞏固生字,注意多音字“得”

      三、讀后悟,讀后感

      1.指名讀自己喜歡的自然段。2.讀了課文,你有什么想問的?

      四、再現(xiàn)生字,復(fù)習(xí)鞏固

      第二課時(shí)

      一、復(fù)習(xí)導(dǎo)入

      請一名學(xué)生帶讀。(或指名讀)

      小朋友們,月亮姐姐去了兩個(gè)小女孩的家,她們在干什么呢?(自由讀課文。)

      二、再讀課文,理解內(nèi)容

      1.月亮姐姐來到了第一個(gè)女孩的家。齊讀第1-2自然段。(1)用“自言自語”說話。(2)這時(shí)月亮的心愿是什么?

      3.月亮姐姐來到了第二個(gè)女孩的家,讀第3-8自然段。(同桌讀對話)

      (1)用“悄悄地”說話。

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

      (3)指導(dǎo)朗讀對話。4.那么最后到底結(jié)果怎樣呢?齊讀最后一段,理解“艷陽天” 5.說說月亮的心愿是什么?

      三、再現(xiàn)生字,書寫指導(dǎo)

      四、拓展練習(xí):兩個(gè)小女孩走在郊游的路上,心里會(huì)想些什么呢? 教學(xué)反思:

      語文園地二教學(xué)設(shè)計(jì) 教學(xué)目標(biāo)

      1.引導(dǎo)學(xué)生發(fā)現(xiàn)漢字規(guī)律,自己小結(jié)識(shí)字的方法。2.初步了解多義字。3.積累詞語。4.熟讀背誦《鞋》。

      教學(xué)重難點(diǎn)積累詞語提高積累語言的能力 教學(xué)方法小組合作

      學(xué)生準(zhǔn)備詞語卡片識(shí)字“蘋果樹”。教學(xué)時(shí)間

      3課時(shí) 教學(xué)過程 第一課時(shí) 1.導(dǎo)入:

      小朋友,咱們都有一個(gè)溫馨和睦的家,平時(shí)在家里,你們會(huì)和爸爸媽媽 一起干些什么呢? 2.我會(huì)認(rèn)

      (1)我們和爸爸媽媽看電視的時(shí)候,電視中出現(xiàn)的生字,爸爸媽媽會(huì) 教給你們聽嗎?看電視你們都認(rèn)識(shí)了哪些字?

      (2)學(xué)生拿出自制的識(shí)字課本,分小組互相交流看電視時(shí)認(rèn)識(shí)的字。(3)學(xué)生全班交流自己的識(shí)字方法,教師和同學(xué)評議。(4)小組學(xué)習(xí)“我的發(fā)現(xiàn)”中的漢字。讀讀這些字,你發(fā)現(xiàn)了什么?

      (5)集體交流,小組派代表匯報(bào),總結(jié)識(shí)字方法。(6)認(rèn)讀生字卡片(學(xué)生說一說是怎么記住這個(gè)字的)。3.讀讀想想

      (1)小組學(xué)習(xí):讀一讀這些詞語,你發(fā)現(xiàn)了什么?

      (2)你還知道哪個(gè)字,也和“張”字一樣,表示很多不同的意思?(3)小組交流,全班交流。第二課時(shí) 1.我會(huì)讀

      (1)出示一棵“蘋果樹”,蘋果樹上掛滿了紅彤彤的“蘋果”(“蘋果”上寫上“我會(huì)讀”中的詞語)

      (2)小組學(xué)習(xí):四人小組輪流讀“我會(huì)讀”中的生字,互相糾正讀音。(3)各個(gè)小組采用輪讀的方式(開火車讀),看看哪一組摘的“蘋果”多。2.讀讀背背(1)小組學(xué)習(xí)。

      四人小組一起讀小詩《鞋》,互相糾正讀音。說說這首詩說了什么意思。(2)指名朗讀《鞋》,同學(xué)評議。(3)自由背誦小詩《鞋》(4)全班配樂背誦。第三課時(shí) 1.激趣導(dǎo)入

      同學(xué)們,你們在家做過家務(wù)事嗎?

      你為什么沒做過?能給大家說說當(dāng)時(shí)的情況嗎?(學(xué)生說一說父母不讓他們做家務(wù)事的情況)2.展示畫面,口語交際(1)創(chuàng)設(shè)情境一

      a.(出示課件:故事)星期一,爸爸出差了,家里只剩媽媽和小明,媽媽又要上班又要照顧小明,還要做許多的家務(wù)事,小明就想幫媽媽做一些家務(wù)事,可媽媽說小明還小,不會(huì)做。小朋友 們,他該怎么辦?誰來幫他出出主意?

      b.討論交流:這位小朋友非常需要大家的幫助,你們愿不愿意幫他想想辦法? ☆四人小組討論交流:

      △媽媽為什么不讓小明做家務(wù)?

      △怎樣才能勸說小明的媽媽,讓他做家務(wù)呢?

      △我們能做那些家務(wù)事?我們之前學(xué)過的課文中小朋友是怎么做的? ☆小組內(nèi)表演:

      小組內(nèi)的幾個(gè)同學(xué)分別扮演媽媽、孩子、同學(xué)等角色,表演勸說的過程。說 服“媽媽”后,請“媽媽”談?wù)?,為什么接受了“孩子”的要求。C.上臺(tái)表演:

      ☆小組自告奮勇上臺(tái)表演?!钤u一評“最佳口才獎(jiǎng)”。

      看看哪組能在最短的時(shí)間內(nèi)用最好的方法說服“媽媽”。(2)創(chuàng)設(shè)情境二

      剛剛有幾位同學(xué)都說做過家務(wù)事,那誰來給大家說說為什么要幫爸爸媽媽做家 務(wù)?你是怎么做的?

      A.說說你為什么要幫爸爸媽媽做家務(wù)?

      B.個(gè)別說說做家務(wù)事的經(jīng)過(要求口齒清楚,普通話標(biāo)準(zhǔn))C.全班交流。

      其他同學(xué)補(bǔ)充認(rèn)為你說得不完整的地方,在同一件家務(wù)事上,他們的做法又是怎 樣做的?

      (3)創(chuàng)設(shè)情境三

      通過剛才的交流,教師發(fā)現(xiàn)同學(xué)們個(gè)個(gè)都是能干的孩子,那你們想不想把自己能 干的一面展現(xiàn)給大家看呢?那我們就來一個(gè)“小能手”的爭奪賽吧!

      A.分成幾個(gè)小隊(duì),如蘋果隊(duì)、桔子隊(duì)等,每隊(duì)都做不一樣的家務(wù)(如疊 衣服、抹桌子、整理書桌等),全班學(xué)生分別到各個(gè)小對去做家務(wù)(自己想去哪個(gè)隊(duì)就去哪個(gè)隊(duì))。

      每個(gè)大組挑選一名代表上臺(tái)爭奪“小能手”,看誰能在最短的時(shí)間內(nèi)把 書桌上的東西整理得井井有條。

      C.在隊(duì)中進(jìn)行做家務(wù)比賽,做得好的評為“小能手”并將一朵小紅花。(邊 做家務(wù)邊放音樂)3.總結(jié)

      通過這一節(jié)課,大家有什么想說?(學(xué)生交流)剛剛同學(xué)都說了這么多,說明大家都是孝敬長輩、愛勞動(dòng)的好孩子,那我們以后天天都做爸爸媽媽的好幫 手,行嗎? 教后記: 教學(xué)反思: 識(shí)字三教學(xué)設(shè)計(jì) 教學(xué)目標(biāo)

      1.認(rèn)識(shí)“霧”、“霜”等13個(gè)生字,會(huì)寫“和”、“語”等6個(gè)生字。2.正確、流利地朗讀課文。

      3.熱愛自然。有收集對子和對對于的興趣。教學(xué)重難點(diǎn)

      認(rèn)識(shí)13個(gè)生字,會(huì)寫6個(gè)字;正確流利地朗讀課文?!跋肌钡恼J(rèn)識(shí)及“秀“的書寫。教學(xué)準(zhǔn)備投影片圖片 教學(xué)過程 第一課時(shí)

      1.激趣導(dǎo)入:今天,我想去美麗的大自然中走一走,小朋友想不想和我一起去 呢?那就出發(fā)吧!2.出示投影,師描述引入情景:清晨,層層薄霧。悠靜的森林中傳來清脆的鳥叫聲。太陽升起來了,朝霞滿天,大自然揭開了美麗的面紗。藍(lán)天碧野,山清水

      秀,樹木成林,鳥語花香,蝶飛蜂舞??天色漸漸暗了下來,一輪夕陽掛在天邊。3.走在大自然中,你看到了什么?想說什么? 學(xué)生說,出示詞語(生字注音):[晨霧、白霜、朝霞、夕陽、蜜蜂、蝴蝶、李樹、楊樹、藍(lán)天碧野、萬紫千紅、山清水秀、鳥語花香]。自主識(shí)字

      1.過渡:同學(xué)們說得真棒!這些詞,你會(huì)讀嗎? 2.展示讀詞:讀一讀,認(rèn)識(shí)哪個(gè)讀哪個(gè),并讓學(xué)生說說自己是怎么認(rèn)識(shí)這些詞的。3.認(rèn)讀詞語。A.自由讀詞。B.指名讀詞。

      C.正音(重點(diǎn)指導(dǎo):朝、蜂、紫)。

      D.交流讀詞:根據(jù)大家提的幾點(diǎn)建議,請你們再讀讀。和同桌組成學(xué)習(xí)伙伴。

      你讀給我聽,我讀給你聽。如果同桌讀得好,你就表揚(yáng)他;如果同桌讀時(shí)有困難,請你幫助他。

      E.齊讀。

      4.識(shí)記生字。

      A.自主識(shí)字:這些字是我們今天要學(xué)的生字,想想你有什么好辦法 來記住它們? ‘

      B.小組合作識(shí)字:小腦袋湊到一起,和小組成員討論討論。評評誰的識(shí)字方法最好。C.全班交流。

      D.游戲鞏固:同學(xué)們都拿出自己的生字卡片。按照老師的要求,找到相應(yīng)的生 字,然后讀出來。

      師:帶有雨字頭的字。生:霧、霜、霞。師:帶有蟲字旁的字。生:蝶、蜂。

      師:含有“木”的宇。生:霜、蝶、李、楊。E.檢查識(shí)字情況:出示去掉拼音的生字認(rèn)讀。讀文感悟 1.過渡:有一篇課文把這些詞進(jìn)行了有趣的組合,想不想讀一讀? 2.自由讀。要求:讀準(zhǔn)字音,用彩色筆涂出生字詞,多讀幾遍。3.齊讀。

      4.引導(dǎo)發(fā)現(xiàn)課文是以對對子的形式出現(xiàn)。A.讀了以后,你有什么發(fā)現(xiàn)? B.小結(jié):小朋友觀察得真仔細(xì)!課文中這種有趣的組合,是我們中國特有的,叫做對對子。5.師生交叉讀:老師讀前半句,你對后半句,好嗎?(讀完一遍后,再交換讀。第二遍邊拍手邊讀。)6.生生交叉讀:現(xiàn)在可以下位找你的好朋友來玩對對子,玩的時(shí)候也可以拍拍手。: 7.?dāng)U展活動(dòng):

      A.讀《同步練習(xí)》

      B.學(xué)著課文中的樣子,也出對子讓小伙伴對一對

      8、齊讀全文。指導(dǎo)寫字

      1、(出示要寫的字)全班交流,找共同點(diǎn):觀察要寫的字,說說有什么發(fā)現(xiàn)?

      2、重點(diǎn)指導(dǎo)寫“和”、“秀”。A、自主觀察,注意間架結(jié)構(gòu)。B、生提示重點(diǎn)筆畫,并范寫。C、生描紅,并練寫一個(gè)。D、展示學(xué)生寫的字,評議。E、繼續(xù)練寫。實(shí)踐活動(dòng)

      在文中挑選幾個(gè)你喜歡的詞,寫到大紙上,然后為它配上美麗的圖畫。第二課時(shí)

      創(chuàng)設(shè)情境,鞏固練習(xí)1.在情境中理解詞語

      A.展示掛圖,內(nèi)容是美麗的大自然。

      B.提出要求:大自然多美呀!你們喜歡嗎?我這兒還有一些你們喜歡的詞語(藍(lán)天 碧野、萬紫千紅、山清水秀、鳥語花香等),你們能把這些詞貼在相應(yīng)的位置中嗎? C.指名上臺(tái)貼。大家評評他貼對了沒有。D.看著圖讀一讀詞語。2.在情境中積累詞語

      A.交代活動(dòng)內(nèi)容:上節(jié)課后,同學(xué)們都選了喜歡的詞,配上了圖畫?,F(xiàn)在就拿 出自己的作品小組中交流交流。B.指名上臺(tái)展示。

      C.把自己的作品貼在教室里,下課后和你的好朋友交流。3.在情境中運(yùn)用詞語。

      同學(xué)們?yōu)樵~配的畫真漂亮!那能不能說一說你知道哪些風(fēng)景優(yōu)美的地方,可以 用這些詞語來贊美呢?帶著情感朗讀課文 練習(xí)寫字

      上節(jié)課寫的字還記得嗎?再寫幾個(gè),看看是不是有了進(jìn)步? 實(shí)踐活動(dòng)

      1.搜集生活中的對子,和同學(xué)們交流。2.和爸爸媽媽做對對子的游戲。教后記: 教學(xué)反思: 兩只鳥蛋教學(xué)設(shè)計(jì) 教學(xué)目標(biāo):

      1.認(rèn)讀“蛋、取”等12個(gè)生字,會(huì)寫“聽、唱”等6個(gè)字。

      2.從媽媽的語言,我的神情動(dòng)作中體會(huì)人物的情感變化,練習(xí)正確流利有感情的朗讀背誦課文,激發(fā)學(xué)生喜歡朗讀詩歌的興趣。

      3.懂得鳥類是人類的朋友,有愛鳥的意識(shí)和情感。

      教學(xué)重難點(diǎn):識(shí)記生字,有感情的朗讀課文,背誦課文。教學(xué)準(zhǔn)備:生字卡片,鳥蛋實(shí)物。教學(xué)課時(shí):2課時(shí) 第一課時(shí)

      一、激發(fā)情感,導(dǎo)入新課 1.播放音樂《百鳥朝鳳》,你們聽到了什么?仿佛看到了什么? 2.在生機(jī)勃勃的大自然中,鳥類是一個(gè)繁盛的大家族。無論是陸地、海洋還是 天空,到處都有

      鳥類的身影。那鳥媽媽是怎樣把它的孩子帶到這個(gè)世界上來的呢? 3.出示投影——書上的插圖(不顯示小男孩)學(xué)生回答,教師相機(jī)板書課題:兩只 鳥蛋(學(xué)生齊讀課題,認(rèn)識(shí)“蛋”字。)

      二、初讀課文,讀準(zhǔn)字音

      請小朋友自由讀課文,注意讀準(zhǔn)每個(gè)字的字音,遇到自己認(rèn)為比較難讀的字 或容易讀錯(cuò)的字作個(gè)記號(hào)。

      2.同桌互相讀一讀,互相糾正字音。

      3.請小朋友選擇自己喜愛的一小節(jié),讀一讀,其他小朋友認(rèn)真聽,比一比誰的 耳朵靈,能夠發(fā)

      現(xiàn)這個(gè)小朋友哪個(gè)字音讀得最準(zhǔn),你要向他學(xué);哪個(gè)字音讀得不太好,你要提醒他。(隨著學(xué)生的發(fā)現(xiàn),順勢指導(dǎo)學(xué)生學(xué)習(xí)生字)4.請小朋友分四人合作小組再讀課文,互相聽一聽,比一比誰讀得準(zhǔn)。

      5.出示詞語,讓學(xué)生自己讀詞語。(詞語:鳥蛋,取下,涼涼的,一定,捧著,連忙,輕輕地仿佛,抬頭,投向)

      三、細(xì)讀課文,促進(jìn)感悟 1.學(xué)生自由讀課文。2.全班交流:

      A.第一小節(jié):當(dāng)學(xué)生說出——我知道鳥蛋小小的、涼涼的,教師順勢出示掛圖,叫學(xué)生看看這小小的鳥蛋。

      ◆交流感受。當(dāng)你看到這小小的、涼涼的鳥蛋時(shí),你有什么感受?把自己的感受講出來。◆指導(dǎo)朗讀。學(xué)生朗讀,師生共同評議,引導(dǎo)學(xué)生把鳥蛋“小小的”、“涼涼的”,“我” 拿著鳥蛋“真好玩”的感覺讀出來。

      B、第二小節(jié):當(dāng)學(xué)生說出——我知道兩只鳥蛋就是兩只小鳥。◆根據(jù)學(xué)生已有的生活經(jīng)驗(yàn)組織交流:“你怎么知道兩只鳥蛋就是兩只小鳥?” ◆出示小鳥破殼而出的圖片時(shí),引導(dǎo)孩子們說看了之后知道了什么。(一只 鳥蛋就是一個(gè)生命)◆此時(shí)的鳥媽媽發(fā)現(xiàn)鳥蛋不見了,會(huì)怎么樣?(讀詞語:焦急不安)◆啟發(fā)想像。小朋友們閉上眼睛想一想,假如你就是鳥媽媽,你會(huì)怎么做? ◆指導(dǎo)朗讀,讀出鳥媽媽焦急不安的語氣。

      C.第三小節(jié):學(xué)生談理解后,讓學(xué)生邊讀邊演。

      D.第四小節(jié):學(xué)生讀理解后,教師問:讀了這一段,你還有哪些不明白的地方?(理解“我把目光投向高遠(yuǎn)的藍(lán)天”)

      ◆啟發(fā)想像。假如你就是課文中的我,當(dāng)你的耳邊傳來鳥兒嘰嘰喳喳的叫聲,你 抬頭仰望藍(lán)天,能看見什么? ◆課文中的孩子和你們一樣,都看見了鳥兒美好的明天。那這一段該怎么讀?(自 由讀,指名讀,齊讀)

      四、借助想像,升華感情

      ◆學(xué)生齊讀全文,一邊讀一邊想像課文所描述的情景?!艚涣鳎耗阆矚g課文中的“我”嗎?為什么?

      五、學(xué)寫生字“遠(yuǎn)、連”

      1.出示生字,認(rèn)識(shí),觀察,說說怎樣把字寫漂亮。2.重點(diǎn)指導(dǎo)寫好“連”、“遠(yuǎn)”的“走之”。3.書寫練習(xí)。第二課時(shí)

      一、背誦詩歌

      二、學(xué)生練習(xí)背誦,指名背誦,小組背誦,全班齊背。

      三、復(fù)習(xí)鞏固生字詞

      1.出示不帶拼音的詞,學(xué)生認(rèn)讀。

      2.顯示紅色的生字,學(xué)生采用適合自己的方式記憶生字的字形。(啟發(fā)學(xué)生用熟 字加偏旁、換偏

      旁等方法記憶字形。)3.做“走迷宮”的游戲,復(fù)習(xí)鞏固生字。

      四、寫字練習(xí)

      1.出示“我會(huì)寫”中的其它四個(gè)字,學(xué)生認(rèn)識(shí),觀察,描一個(gè),寫一個(gè),再評議。2.再練習(xí)寫字。

      五、實(shí)踐活動(dòng)

      1.引導(dǎo)學(xué)生積累詞語。

      A、出示“我會(huì)讀”中的詞語,指名讀。

      B、男女同學(xué)輪讀左邊的詞組與右邊的詞組,說說發(fā)現(xiàn)了什么。

      六、擴(kuò)展練習(xí)

      ◆“找朋友”游戲。把寫有“花兒”、“小事”、“天空”、“紅紅的”、“綠綠的”、“藍(lán)藍(lán)的” 的卡片分發(fā)給學(xué)

      生,讓擁有不同詞語的學(xué)生去找朋友,讀一讀;再讓兩個(gè)朋友交換左右順序,讀一讀?!艚處熖峁﹫D片,引導(dǎo)學(xué)生照樣子說幾組詞語。◆學(xué)習(xí)小組合作交流,展示平時(shí)積累的詞語。2.小調(diào)查:保護(hù)鳥類。

      尋找有關(guān)益鳥的圖片、資料,想想應(yīng)該怎樣保護(hù)它們,然后全班交流。板書設(shè)計(jì):

      9、兩只鳥蛋

      取下——媽媽說(保護(hù)小鳥)————送還 教后記: 教學(xué)反思: 10 松鼠和松果 學(xué)習(xí)目標(biāo):

      1.認(rèn)識(shí)“聰、話”等11個(gè)生字。會(huì)寫“以、后”等6個(gè)字。2.正確、流利、有感情地朗讀課文,并能復(fù)述這個(gè)童話。

      3.初步感受回報(bào)自然、植樹造林的重要,愿意參加植樹、認(rèn)養(yǎng)樹木等活動(dòng)。教學(xué)課時(shí)

      2課時(shí) 第一課時(shí)

      一、談話導(dǎo)入

      同學(xué)們,你們喜歡小松鼠嗎?你們知道松鼠是什么樣的?誰愿意說一說?[板書 松鼠]你們對松鼠有些什么了解?[板書:松果] 齊讀課題。

      小松鼠和松果之間會(huì)發(fā)生什么事呢?我們今天來讀一讀這個(gè)故事吧!

      二、初讀課文

      1.學(xué)生自由讀課文。

      2.在讀書過程中,有什么困難?畫出生字詞,多讀幾遍。3.小組交流生字詞的情況,通讀課文。

      4.說說課文講了小松鼠做了一件什么事?結(jié)果怎樣?

      三、學(xué)習(xí)生字詞

      1.出示以下生字詞(帶拼音):(指名讀)[ 聰明活潑忽然眨眼睛如果總有以后主意] 3.學(xué)生認(rèn)讀去掉拼音后的詞語。(個(gè)別讀,小組讀,全班讀)4.學(xué)生交流認(rèn)記生字的方法。

      四、學(xué)習(xí)課文第一自然段

      1.(出示掛圖)說說小松鼠在森林里干什么? 2.如果你是小松鼠,在這么美麗的森林里,看著綠油油的松樹,吃著香甜的松 果,你想說些么?(指導(dǎo)讀句子:每個(gè)松果都那么香,那么可口)

      五、指導(dǎo)寫字“以”、“后”、“更” 1.注意觀察“以”:哪些筆畫落在豎中線上?最后一筆是一點(diǎn)。2.注意觀察“后”的兩個(gè)撇:“平撇”和“豎撇”(平撇要寫平,豎撇要先豎后撇)3.注意觀察“更”的“豎撇”,要先“豎”后“撇”。4.學(xué)生描紅,教師范寫“以、更”。5.寫字練習(xí),展示作品,評議。第二課時(shí)

      一、復(fù)習(xí)引入

      1.開火車讀本課生字。2.學(xué)生朗讀第一自然段。

      二、學(xué)習(xí)課文第二、三自然段

      1.小松鼠一邊玩一邊吃香甜的果子,忽然,小松鼠眨眨眼睛,想起來了,(出示 投影)引讀:如果光摘松果,不栽松樹,總有一天,一棵松樹也沒有了!(學(xué)習(xí)自由讀句子)討論:讀了這句話,大家知道了什么?想到了什么? 2.指導(dǎo)朗讀這句話,注意讀出擔(dān)心、驚訝的語氣。

      大家想一想,沒有了松樹,沒有了森林,到處是(讀詞)光禿禿的,小松鼠們吃什 么呢?到哪兒去住呢? 3.自由朗讀第三自然段,指導(dǎo)朗讀。

      三、學(xué)習(xí)第四自然段

      1.小松鼠為了自己有吃的,有住的,想出好主意了。(出示投影3)你們看小松鼠在干什么? 如果你是小松鼠,你還會(huì)怎么做? 2.齊讀第四自然段。

      四、學(xué)習(xí)第五、六自然段

      1.到了春天,小松鼠種下的松果怎樣了?(出示投影4)小松鼠成功了嗎?我們用欣喜的語氣來讀第五自然段!將來這里會(huì) 怎樣?(齊讀最后一句)討論:小松鼠在這松樹林里生活得怎樣?

      五、寫字指導(dǎo)“主”、“意”、“總”。1.注意“主”在田字格中筆畫的位置。、2.區(qū)別“意”與“總”心字底的不同。3.學(xué)生練寫,教師巡視。4.寫字展示,評議。

      六、擴(kuò)展活動(dòng)

      小松鼠和其他的小動(dòng)物們在松樹林里生活得怎么樣?動(dòng)手畫一畫未來的森林。板書設(shè)計(jì): 松鼠和松果

      松鼠————吃————松果(種)長松樹 教后記: 教學(xué)反思:

      第四篇:DREAMWEAVER電子教案

      第1章 初識(shí)Dreamweaver安裝、下載方法.一、教學(xué)目的:學(xué)習(xí)原DR的安裝、下載方法.二、教學(xué)重點(diǎn):概述和安裝

      三、教學(xué)過程

      1.1 Dreamweaver MX概述

      1、直觀的新工作區(qū)

      2、更加強(qiáng)大的模板

      3、廣泛的代碼庫

      4、新服務(wù)器技術(shù)

      5、幫助初學(xué)者起步的示例內(nèi)容

      6、XML和WEB標(biāo)準(zhǔn)支持

      7、改進(jìn)的級聯(lián)樣式表(CSS)

      8、高性能的新編碼功能

      9、高性能的新編碼功能

      10、優(yōu)化COLDFUSION MX開發(fā)環(huán)境

      使用 Dreamweaver 工作區(qū)

      一、教學(xué)目的:認(rèn)識(shí)DR的界面,了解各面板的組成,菜單的組成。

      二、教學(xué)重點(diǎn):各面板的組成。

      三、教學(xué)過程:

      選擇工作區(qū)布局(僅適用于 Windows)在 Windows 中首次啟動(dòng) Dreamweaver 時(shí),會(huì)出現(xiàn)一個(gè)對話框讓選擇一種工作區(qū)布局。如果以后改變了主意,可以使用“參數(shù)選擇”對話框切換到一種不同的工作區(qū)。

      選擇工作區(qū)布局:

      選擇下列布局之一: Dreamweaver MX 工作區(qū)

      HomeSite/代碼編寫者樣式的 Dreamweaver MX 工作區(qū) Dreamweaver 4 工作區(qū)

      在選擇一種工作區(qū)后切換到另一種工作區(qū):

      Dreamweaver MX 工作區(qū)

      浮動(dòng)工作區(qū)布局(Windows 和 Macintosh)狀態(tài)欄

      “文檔”窗口底部的狀態(tài)欄提供與正創(chuàng)建的文檔有關(guān)的其他信息。調(diào)整“文檔”窗口的大小

      將“文檔”窗口的大小調(diào)整為預(yù)定義的大?。?/p>

      向“窗口大小”彈出式菜單中添加新的大?。?/p>

      將“文檔”窗口最大化(僅適用于 Windows 集成工作區(qū)):

      使用快速啟動(dòng)條

      快速啟動(dòng)條顯示在狀態(tài)欄中,包含用以打開和關(guān)閉各種面板、檢查器和窗口的按鈕。

      若要顯示快速啟動(dòng)條,請?jiān)凇懊姘濉眳?shù)選擇中啟用“在面板和啟動(dòng)器中顯示圖標(biāo)”選項(xiàng)。可以指定在快速啟動(dòng)條中顯示哪些項(xiàng)目。

      使用文檔工具欄

      ? “顯示代碼視圖

      ?

      “顯示代碼視圖和設(shè)計(jì)視圖” ?

      “顯示設(shè)計(jì)視圖

      ? “標(biāo)題”

      ? “文件管理”

      ? “在瀏覽器中預(yù)覽/調(diào)試”

      ?

      “換行符”在插入點(diǎn)處插入一個(gè)換行符。還可以按下 Shift+Enter(Windows)“不換行空格”在插入點(diǎn)處插入一個(gè)不換行的空格()?!白笠?hào)”、“右引號(hào)”和“破折線”在插入點(diǎn)處插入標(biāo)點(diǎn)符號(hào)?!坝㈡^符號(hào)”、“歐元符號(hào)”和“日元符號(hào)”在插入點(diǎn)處插入貨幣符號(hào)?!鞍鏅?quán)”、“注冊商標(biāo)”和“商標(biāo)”在插入點(diǎn)處插入相應(yīng)的符號(hào)。“其它字符”

      第二單元 文本的編輯與基本操作

      一、教學(xué)目的:學(xué)習(xí)網(wǎng)頁的組成對象 設(shè)計(jì)要素 文本的字體大小顏色,段落的格式,基本的編輯命令。

      二、學(xué)教重點(diǎn):文本編輯的基本操作

      三、教學(xué)過程:

      網(wǎng)頁的組成比報(bào)紙和雜志復(fù)雜的多,因?yàn)樗瑘D、聲、文、動(dòng)畫、控件等多媒體,另一大特點(diǎn)有超級鏈接。

      1、文字

      標(biāo)題:一般為圖形 尺寸 系統(tǒng)默認(rèn)大小

      樣式:一般少用下劃線

      字體:一般為系統(tǒng)默認(rèn)大小

      顏色:以顏色來強(qiáng)調(diào)文章的重點(diǎn)

      2、圖形

      一般為GIF 和 JPG 格式

      3、超級鏈接

      站內(nèi)鏈接 和站外鏈接 網(wǎng)頁的設(shè)計(jì)要素

      不同瀏覽器的顯示效果 網(wǎng)絡(luò)的傳輸速度 屏幕的分辨率 顏色的顯示

      網(wǎng)頁的基本操作 創(chuàng)建網(wǎng)頁

      文件――新建――對話框 打開文件類型 HTML SHTM SHTML XML文件

      庫文件LBI 模板文件 DWT

      樣式表文件 CSS 微軟服務(wù)器端文件 ASP JAVA 服務(wù)器端文件 PHP文件 TXT文件

      CFM模板文件

      JSF

      fireworks文件 LASSO 打開當(dāng)前站點(diǎn)文件

      從站點(diǎn)面板中打開 或 通過菜單-文件-打開命令 打開最近使用的文件

      文件菜單下列出的文件名 從WORD中導(dǎo)入文件

      先在WORD中將文件保存為HTML 文件 然后在DR 中 文件-導(dǎo)入-WORDHTML

      還可打開后用命令-清除 保存網(wǎng)頁 另存為模板 輸入文本

      直接輸入 使用剪貼板

      用ENTER 相當(dāng)于插入

      用SHIFT+ENTER 相當(dāng)于插入
      改變字體樣式 改變字號(hào)

      要使字體不隨瀏覽器的字體設(shè)置而改變就要用到層疊樣式(CSS Style)文本的顏色 選擇文字

      然后用下列兩種方式 ? 用文字屬性面板中調(diào)整 ? ?

      單擊調(diào)色板中的右上角要將字體改為默認(rèn)值點(diǎn)

      按鈕或菜單文本――顏色

      上機(jī)練習(xí):

      段 落 格 式

      創(chuàng)新新段落:

      ENTER 分段落

      在段落

      格式下拉菜單選擇一種格式 對齊段落:

      居中對齊 左對齊 右對齊

      縮進(jìn)段落

      取消縮進(jìn)

      或菜單 或選擇段落后右擊彈出菜單

      項(xiàng)目符號(hào): 每個(gè)段落前加一個(gè)項(xiàng)目符號(hào) 用

      利用 插入分隔線

      列表下拉選擇各種不同的情況

      修改分隔線的屬性

      改變長度 改變高度

      改變對齊方式

      插入特殊字符和符號(hào)

      菜單插入|特殊字符|

      彈出子菜單,進(jìn)行所需要的項(xiàng)目選擇

      其中包括:

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

      用于行首 插入符號(hào)

      E-mail 地址鏈接

      插入|電子郵件鏈接|

      其效果將看到“歡迎聯(lián)系”字樣并帶下劃線 可以發(fā)送郵件 插入日期時(shí)間:

      插入注釋文字

      基本編輯命令 撤銷和重復(fù)操作 查找和替換

      移動(dòng)和復(fù)制

      直接用鼠標(biāo)拖動(dòng)

      使用CUT

      COPY

      PASTE

      靈活使用HISTORY 面板 SHIFT+F10

      表示當(dāng)前剛完成的操作

      重放按鈕 復(fù)制到剪帖板按鈕保存命令按鈕

      彈出菜單按鈕可清除歷史記錄等操作

      上機(jī)練習(xí),重復(fù)上述操作,記錄快捷鍵

      作業(yè):做一個(gè)文字型的小網(wǎng)頁,將學(xué)到的知識(shí)運(yùn)用在上面。

      第3單元網(wǎng)頁中的圖像鏈接

      教學(xué)目的:掌握網(wǎng)頁中插入圖像、修改屬性、插入交互圖像以及創(chuàng)建交互圖像的方法。教學(xué)重點(diǎn):插入圖像、控制圖像 創(chuàng)建鏈接、插入交互圖像的方法。插入圖像操作:

      1.在“文檔”窗口中,將插入點(diǎn)放置在您要顯示圖像的地方,然后執(zhí)行以下操作之一: o 在“插入”欄的“常用”類別中,單擊“圖像”圖標(biāo)。

      在“插入”欄的“常用”類別中,將“圖像”圖標(biāo)拖入“文檔”窗口中(或者,如果您正處理代碼,則拖入“代碼”視圖窗口中)。

      o 選擇“插入”>“圖像”。

      o 將圖像從“資源”面板(“窗口”>“資源”)拖到“文檔”窗口中的所需位置;然后跳到第 3 步。o 將圖像從“站點(diǎn)”面板拖到“文檔”窗口中的所需位置;然后跳到第 3 步。o 將圖像從桌面拖到“文檔”窗口中的所需位置;然后跳到第 3 步。

      2.在出現(xiàn)的對話框中執(zhí)行下列操作之一: o 選擇“文件系統(tǒng)”以選擇一個(gè)圖形文件。o 選擇“數(shù)據(jù)源”以選擇一個(gè)動(dòng)態(tài)圖像源文件。3.瀏覽以選擇您要插入的圖像或內(nèi)容源文件。o

      如果您正在一個(gè)未保存的文檔中工作,則 Dreamweaver 生成一個(gè)對圖像文件的 file:// 引用。將文檔保存到站點(diǎn)中的任何位置后,Dreamweaver 將該引用轉(zhuǎn)換為文檔相對路徑。4.在屬性檢查器(“窗口”>“屬性”)中,設(shè)置該圖像的屬性。設(shè)置圖像屬性

      1.設(shè)置以下任一選項(xiàng): o 使用縮略圖下面的文本域設(shè)置名稱,以便在使用 Dreamweaver 行為(例如“交換圖像”)或腳本撰寫語言(例如 JavaScript 或 VBScript)時(shí)可以引用該圖像。o “寬”和“高”以像素為單位指定圖像的寬度和高度。o

      “源文件”指定圖像的源文件。單擊文件夾圖標(biāo)以瀏覽到源文件,或者鍵入路徑。

      “鏈接”指定圖像的超鏈接。將“指向文件”圖標(biāo)拖到“站點(diǎn)”面板中的某個(gè)文件,單擊文件夾圖標(biāo)瀏覽到站點(diǎn)上的某個(gè)文檔,或手動(dòng)鍵入 URL。有關(guān)創(chuàng)建鏈接的信息,“對齊”對齊同一行上的圖像和文本。

      “替代”指定只顯示文本的瀏覽器或已設(shè)置為手動(dòng)下載圖像的瀏覽器中代替圖像顯示的替代文本。對于使用語音合成器(用于只顯示文本的瀏覽器)的有視覺障礙的用戶,將大聲讀出該文本。在某些瀏覽器中,當(dāng)鼠標(biāo)指針滑過圖像時(shí)也會(huì)顯示該文本?!暗貓D名稱”和“熱點(diǎn)工具”允許您標(biāo)注和創(chuàng)建客戶端圖像地圖。“垂直邊距”和“水平邊距”沿圖像的邊緣添加邊距(以像素為單位)?!按怪边吘唷毖貓D像的頂部和底部添加邊距。“水平邊距”沿圖像左側(cè)和右側(cè)添加邊距。“目標(biāo)”指定鏈接的頁應(yīng)當(dāng)在其中載入的框架或窗口。_blank,將鏈接的文件載入一個(gè)未命名的新瀏覽器窗口中。

      _parent,將鏈接的文件載入含有該鏈接的框架的父框架集或父窗口中。如果含有該鏈接的框架不是嵌套的,則在瀏覽器全屏窗口中載入鏈接的文件。

      _self,將鏈接的文件載入該鏈接所在的同一框架或窗口中。此目標(biāo)為默認(rèn)值,因此通常不需要指定它。

      _top,在整個(gè)瀏覽器窗口中載入所鏈接的文件,因而會(huì)刪除所有框架。“邊框”是以像素為單位的圖像邊框的寬度。默認(rèn)為無邊框。

      “編輯”啟動(dòng)您在“外部編輯器”參數(shù)選擇中指定的圖像編輯器并打開選定的圖像。有關(guān)設(shè)置外部圖像編輯器的信息,“重設(shè)大小” Control+代字號(hào)(~)

      第四單元表格設(shè)計(jì)

      教學(xué)目的:學(xué)習(xí)下列方法

      ? 在“標(biāo)準(zhǔn)”視圖中創(chuàng)建和修改表格 ? 向表格添加顏色

      ? 在“標(biāo)準(zhǔn)”視圖中設(shè)置相對寬度的表格

      教學(xué)重點(diǎn):能進(jìn)行表格設(shè)計(jì) 教學(xué)過程:

      在“標(biāo)準(zhǔn)”視圖中創(chuàng)建和修改表格 1.在 Dreamweaver 中,選擇“文件”>“新建”。即出現(xiàn)“新建文檔”對話框。

      2.在“空文檔”列表中,選擇“HTML”,然后單擊“創(chuàng)建”以創(chuàng)建一個(gè)新的 HTML 文檔。3.在“文檔”工具欄的“標(biāo)題”文本域中,輸入“表格設(shè)計(jì)”為文檔添加一個(gè)標(biāo)題。

      4.選擇“文件”>“保存”將該文檔保存到本地站點(diǎn)文件夾中。將其命名為 tableModify.htm。

      插入表格

      現(xiàn)在就可以在文檔中插入表格了。

      1.在“文檔”窗口,將插入點(diǎn)放到文檔中,然后執(zhí)行下列操作之一: o 選擇“插入”>“表格”。o 在插入欄的“常用”類別中,單擊“表格”圖標(biāo)。

      出現(xiàn)“插入表格”對話框。

      2.在該對話框中,設(shè)置下列選項(xiàng):

      o 在“行數(shù)”文本框中,鍵入 2。o 在“列數(shù)”文本框中,鍵入 2。o 在“寬度”文本框中鍵入 600,然后在“寬度”文本框右邊的彈出式菜單中選擇像素。將寬度設(shè)置為 600 像素將創(chuàng)建一個(gè)固定寬度的表格。稍后,我們將在本教程中更詳細(xì)地討論表格寬度。

      o 在“邊框”文本框中,鍵入 1 將表格和表格單元格周圍的邊框?qū)挾仍O(shè)置為 1 個(gè)像素。

      3.單擊“確定”。

      Dreamweaver 將該表格插入到文檔中。

      4.執(zhí)行下列操作之一來保存文檔: o 選擇“文件”>“保存”。o 按 Ctrl+S 組合鍵

      修改表格

      下一步,將修改表格的布局。將在表格中添加行和列,并且學(xué)習(xí)如何合并和拆分單元格以創(chuàng)建所需的頁面布局。

      1.在左上方的單元格中單擊,然后向下拖動(dòng)直到最下面的行以選擇左邊的一列。

      2.選擇“修改”>“表格”>“插入列”。現(xiàn)在該表格包含三列。

      3.單擊左下方的單元格,然后選擇“修改”>“表格”>“插入行或列”。

      即出現(xiàn)“插入行或列”對話框。提示: 如果想要插入特定數(shù)目的行或列,或者要選擇在表格中插入行或列的位置,請選擇“插入行或列”選項(xiàng)。

      4.在該對話框中,設(shè)置下列選項(xiàng): 對于“插入”,選擇行。在“行數(shù)”框中,鍵入 2。對于“位置”,選擇 所選之上。5.單擊“確定”。

      表格即會(huì)更新?,F(xiàn)在的表格為四行三列。6.保存所做的更改(“文件”>“保存”)。合并和拆分單元格

      通過合并和拆分單元格,可以自定義表格的設(shè)計(jì)以符合布局需要。接下來,將看到如何使用菜單選項(xiàng)或?qū)傩詸z查器來合并或拆分表格單元格。

      1.在文檔中,將指針從左上方的單元格拖到它下面的一個(gè)單元格,以選擇表格左列的上面兩個(gè)單元格。

      2.選擇“修改”>“表格”>“合并單元格”。

      兩個(gè)單元格合并成一個(gè)單元格。

      3.單擊第二列的第三行,然后向右向下拖動(dòng)以選擇第二列和第三列中的最后兩行單元格。

      4.在屬性檢查器中,單擊“合并”按鈕以合并單元格。選定的單元格合并為一個(gè)單元格。

      可以拆分單個(gè)的單元格或列。

      1.單擊左上方的單元格。

      2.在屬性檢查器中,單擊“拆分單元格”按鈕。“拆分單元格”對話框出現(xiàn)。

      3.在該對話框中,設(shè)置下列選項(xiàng): o 對于“把單元格拆分”,選擇列。o 在“列數(shù)”框中,輸入 2。4.單擊“確定”。表格即被修改。

      更改行高和列寬

      現(xiàn)在調(diào)整該表格的尺寸。將要增加表格的行間距,并且調(diào)整表格列間距。

      1.沿表格底部邊框移動(dòng)指針直到指針變成一個(gè)邊框選擇器,然后向下拖動(dòng)以調(diào)整表格大小。

      如果愿意,還可以使用此方法調(diào)整表格中的其他行高。

      2.沿一個(gè)列的邊框移動(dòng)指針直到指針變成一個(gè)邊框選擇器,然后向左或向右拖動(dòng)它以更改列寬。

      3.調(diào)整完成后,保存文檔。向表格添加顏色

      可以向表格的任何部分添加顏色。將首先向整個(gè)表格添加背景顏色,然后對表格中的單元格應(yīng)用不同的背景顏色。最后,將更改邊框顏色。

      1.在文檔中,單擊表格的任何一個(gè)單元格,然后在位于文檔窗口左下方的標(biāo)簽選擇器中單擊

      標(biāo)簽以選擇整個(gè)表格。

      2.如果屬性檢查器尚未打開,則打開屬性檢查器(“窗口”>“屬性”)。屬性檢查器中出現(xiàn)所選表格的屬性。

      3.在屬性檢查器中,執(zhí)行下列操作之一,在“背景顏色”文本框中選擇一種顏色: o 單擊顏色選擇器彈出式菜單,然后從顏色選擇器中選擇一種顏色。o 輸入一個(gè)十六進(jìn)制的顏色值,例如 #CC9933。o 輸入一個(gè)網(wǎng)頁安全色名稱,如 goldenrod。將一種背景顏色應(yīng)用到表格。

      4.用同樣的方法可以將一種背景顏色應(yīng)用到表格的單元格中。在左上方的單元格中單擊,然后在屬性檢查器的“背景顏色”文本框中選擇一種不同的顏色。5.如果需要,還可以向其他單元格中添加顏色。添加邊框顏色

      現(xiàn)在,將設(shè)置表格邊框的顏色。邊框顏色同時(shí)應(yīng)用于表格的外邊框和內(nèi)邊框。

      1.在文檔窗口中,選擇表格。

      2.在屬性檢查器的“邊框”文本框中,使用顏色選擇器為表格選擇一種邊框顏色。

      3.完成后,請保存文檔。

      4.按 F12 鍵(僅限于 Windows)或者選擇“文件”>“在瀏覽器中預(yù)覽”,然后選擇一種瀏覽器以查看文檔。

      在“標(biāo)準(zhǔn)”視圖中設(shè)置相對寬度的表格

      1.在 Dreamweaver 中,選擇“文件”>“新建”。

      2.在“新建文檔”對話框中,已經(jīng)選定了“基本頁”類別;在“基本頁”列表中,雙擊“HTML”創(chuàng)建一個(gè)新的 HTML 文檔。文檔在文檔窗口中打開。

      3.將該文件保存到本地站點(diǎn)文件夾。將其命名為 tableWidth。4.將插入點(diǎn)放置在文檔中。5.在插入欄的“常用”選項(xiàng)卡中,單擊“表”按鈕。6.在出現(xiàn)的對話框中,設(shè)置下列選項(xiàng): 在“行數(shù)”文本框中,鍵入 2。在“列數(shù)”文本框中,鍵入 3。

      在“寬度”文本框中,鍵入 90,并在“寬度”文本框右邊的彈出式菜單中選擇百分比。在“邊框”文本框中,輸入 1 將表格和表格單元格周圍的邊框?qū)挾仍O(shè)置為 1 個(gè)像素。7.單擊“確定”。

      表格即出現(xiàn)在文檔中。

      8.單擊中間列最上方的單元格并拖動(dòng)到最下方的單元格以選擇中間列。

      9.在屬性檢查器中,使用顏色選擇器將一種背景顏色應(yīng)用于該列。

      創(chuàng)建其寬度基于像素的表格

      現(xiàn)在將添加另外一個(gè)表格。其寬度基于像素的表格被設(shè)置為某個(gè)特定寬度,并且不會(huì)隨著瀏覽器窗口大小的改變而改變。

      1.在剛剛插入的表格后面插入一個(gè)段落回車。2.在插入欄的“常用”選項(xiàng)卡中,單擊“表”按鈕。3.在出現(xiàn)的對話框中,設(shè)置下列選項(xiàng): 在“行數(shù)”文本框中,鍵入 2。在“列數(shù)”文本框中,鍵入 3。

      在“寬度”文本框中,鍵入 600,然后在“寬度”文本框右邊的彈出式菜單中選擇像素。在“邊框”文本框中,鍵入 1 將表格和表格單元格周圍的邊框?qū)挾仍O(shè)置為 1 個(gè)像素。4.單擊“確定”。

      表格即出現(xiàn)在文檔中。

      5.單擊中間列的最上方單元格并向下拖動(dòng)到最下方的單元格以選擇中間列。

      6.在屬性檢查器中,使用顏色選擇器將一種背景顏色應(yīng)用于該列。

      7.按 F12 鍵(僅限于 Windows)或者選擇“文件”>“在瀏覽器中預(yù)覽”,然后選擇一種瀏覽器以查看文檔。

      調(diào)整瀏覽器窗口大小以查看在瀏覽器窗口改變時(shí),這兩個(gè)表格是怎樣變化的?;谙袼氐谋砀癖3执笮〔蛔儯诎俜直鹊谋砀駝t調(diào)整大小以符合瀏覽器大小。8.文檔查看完畢后,請關(guān)閉瀏覽器窗口。9.保存文檔。創(chuàng)建和保存新文檔

      1.在 Dreamweaver 中,選擇“文件”>“新建”。

      2.在“新建文檔”對話框中,已經(jīng)選定“基本頁”類別。在“基本頁”列表中選擇“HTML”,然后單擊“創(chuàng)建”創(chuàng)建一個(gè)新的 HTML 文檔。文檔在文檔窗口中打開。

      3.將該文檔保存到的本地站點(diǎn)文件夾中,并將其命名為 tableLayout.htm。

      第五單元 版面設(shè)計(jì)

      1.2.3.教學(xué)目的:能輕松地設(shè)計(jì)出合理的網(wǎng)頁設(shè)計(jì) 教學(xué)重點(diǎn):創(chuàng)建、布局和調(diào)整布局表格 課堂講解:

      創(chuàng)建布局表格和布局單元格

      繪制布局表格:

      如果要?jiǎng)?chuàng)建多個(gè)布局表格而又不想 每次都單擊布局表格按鈕,按住CTRL 再創(chuàng)建。

      創(chuàng)建布局表格時(shí)會(huì)靠近頁面邊界<8個(gè)像時(shí)會(huì)自動(dòng)對齊。取消對齊功能用按ALT鍵

      繪制布局單元格: 在頁面上制作一個(gè)單元格以后,會(huì)自動(dòng)創(chuàng)建了一個(gè)包含這個(gè)布局單元格的布局表格,在一個(gè)布局表格里可以創(chuàng)建幾個(gè)單元格。

      組件繪制嵌套的布局表格:在一個(gè)表格里繪制另一個(gè)布局表格,稱為布局表格的嵌套,在一個(gè)表格里可以創(chuàng)建多個(gè)嵌套布局表格

      使用輔助網(wǎng)格線:菜單中

      查看|網(wǎng)格|網(wǎng)格設(shè)置 顯示網(wǎng)格 CTRL+ALT+G 捕捉網(wǎng)格 SHIFT+ALT+CTRL+G 在布局單 元格中添加內(nèi)容:添加文本、添加圖像、調(diào)整布局 表格和布局單元格

      單擊單元格的邊框,或按住CTRL單擊單元格中的任何位置,在布局單元格中的邊框上會(huì)出現(xiàn)控制柄。拖動(dòng)控制柄就可以改變布局單元格的大小。

      移動(dòng)布局單元格:1是選定,2是拖動(dòng)或用方向鍵 每按一次移動(dòng)一個(gè)像素。按住SHIFT鍵每按一次可移動(dòng)10個(gè)像素。

      設(shè)置布局單元格:選定單元格在屬性面板中設(shè)置

      設(shè)置布局表格:選定后在屬性面板中設(shè)置

      設(shè)置自動(dòng)伸展寬度 設(shè)置指定寬度 使用間隔圖

      第六單元 框

      架一、二、三、教學(xué)目的:學(xué)習(xí)框架集,框架集中保存及關(guān)聯(lián)文件。教學(xué)重點(diǎn):框架集的基本概念和基本操作 課堂講解:

      1、框架的作用

      2、創(chuàng)建框架方法 用菜單方法

      用拖動(dòng)框架任一角,或一邊。按ALT拖動(dòng)邊

      框架拖出另一邊合并

      4、插入預(yù)定義框架集

      5、嵌套的框架集

      保存框架集文件

      CTRL+S 只能保存當(dāng)前頁面。保存框架 保存全部

      一定要搞清楚框架集和各框架的名字于其對應(yīng)的關(guān)系。

      框架與框架的屬性

      邊框 屬性 框架集命名

      確定框架的大小 設(shè)置框架集的邊框 改變框架背景的顏色

      使用鏈接控制框架的內(nèi)容

      空白小結(jié):能利用框架更好地規(guī)劃頁面 作業(yè):利用框架作一網(wǎng)頁

      上級

      自身

      頂部

      第7單元層的運(yùn)用

      一、教學(xué)目的:創(chuàng)建層,層的參數(shù)選擇和屬性設(shè)置,層的操作,改變層的堆棧順序,改變層的可見性,層與表格。

      二、教學(xué)重點(diǎn):層的運(yùn)用

      三、課堂講解:

      打開“層”面板,請選擇“窗口”>“其他”>“層”。F2

      創(chuàng)建層:

      設(shè)置層的可見性 層的名稱

      創(chuàng)建嵌套層:嵌套層是其代碼包含在另一個(gè)層中的層。嵌套通常用于將層組織在一起。嵌套層隨其父層一起移動(dòng),并且可以設(shè)置為繼承其父級的可見性。

      1.層的屬性設(shè)置:設(shè)置以下任一選項(xiàng):

      層 ID 用于指定一個(gè)名稱,以便在“層”面板和 JavaScript 代碼中標(biāo)識(shí)該層。請輸入一個(gè)名稱。只應(yīng)使用標(biāo)準(zhǔn)的字母數(shù)字字符,而不要使用空格、連字符、斜杠或句號(hào)等特殊字符。每個(gè)層都必須有它自己的唯一名稱。

      左和上(左側(cè)和頂部)指定層的左上角相對于頁面(如果嵌套,則為父層)左上角的位置。寬和高指定層的寬度和高度。

      層的移動(dòng)與對齊: 選擇層。

      選擇“修改”>“對齊”,然后選擇一個(gè)對齊選項(xiàng)。

      調(diào)整層大?。寒?dāng)處理頁面布局時(shí),可以對層進(jìn)行選擇、移動(dòng)、大小調(diào)整和對齊。在對一個(gè)層進(jìn)行移動(dòng)、大小調(diào)整或?qū)R之前,必須先選擇該層。

      若要防止在對層進(jìn)行移動(dòng)和大小調(diào)整時(shí)使層相互重疊,請使用“防止重疊”選項(xiàng) 層與網(wǎng)格對齊: 設(shè)置網(wǎng)格顯示和對齊,拖動(dòng)層然后釋放即對齊

      改變層的順序:用鼠標(biāo)拖動(dòng)上下位置

      層與表格:可以轉(zhuǎn)變,菜單 修改|轉(zhuǎn)變|層到表格 表格到層 要防止層的重疊

      作業(yè):利用層作一網(wǎng)頁排版

      第八單元使用“時(shí)間軸”面板

      “時(shí)間軸”面板顯示層和圖像的屬性在一段時(shí)間內(nèi)如何更改。選擇“窗口”>“其他”>“時(shí)間軸”可打開“時(shí)間軸”面板。

      “時(shí)間軸”彈出式菜單指定當(dāng)前在“時(shí)間軸”面板中顯示文檔的哪些時(shí)間軸。播放欄顯示當(dāng)前在文檔窗口中顯示時(shí)間軸的哪一幀。

      幀編號(hào)指示幀的序號(hào)?!昂笸恕焙汀安シ拧卑粹o之間的數(shù)字是當(dāng)前幀編號(hào)。您可以通過設(shè)置幀的總數(shù)和每秒幀數(shù)(fps)來控制動(dòng)畫的持續(xù)時(shí)間。每秒 15 幀這一默認(rèn)設(shè)置是比較適當(dāng)?shù)钠骄俾剩捎糜谠谕ǔ5?Windows 和 Macintosh 系統(tǒng)上運(yùn)行的大多數(shù)瀏覽器。備注: 較快的速率可能不會(huì)提高性能。瀏覽器始終會(huì)播放動(dòng)畫的每一幀,即使它們無法達(dá)到指定的幀速率。如果幀速率超過瀏覽器可以支持的速率,則將被忽略。上下文菜單包含各種與時(shí)間軸相關(guān)的命令。

      “行為”通道是應(yīng)該在時(shí)間軸中特定幀處執(zhí)行的行為的通道。

      動(dòng)畫條顯示每個(gè)對象的動(dòng)畫的持續(xù)時(shí)間。一個(gè)行可以包含表示不同對象的多個(gè)條。不同的條無法控制同一幀中的同一對象。關(guān)鍵幀是動(dòng)畫條中已經(jīng)為對象指定屬性(如位置)的幀。Dreamweaver會(huì)計(jì)算關(guān)鍵幀之間幀的中間值。小圓標(biāo)記表示關(guān)鍵幀。

      “動(dòng)畫”通道顯示用于制作層和圖像動(dòng)畫的條。重命名時(shí)間軸

      1.選擇“修改”>“時(shí)間軸”>“重命名時(shí)間軸”。2.在“重命名時(shí)間軸”對話框中輸入新的名稱。時(shí)間軸制作層動(dòng)畫,請執(zhí)行以下操作:

      1.將層移至它在動(dòng)畫開始時(shí)應(yīng)處于的位置。2.選擇“窗口”>“其他”>“時(shí)間軸”。

      3.選擇您要制作動(dòng)畫的層。

      4.在層中單擊會(huì)將一個(gè)閃爍的插入點(diǎn)放入層中,但不會(huì)選定該層。5.選擇“修改”>“時(shí)間軸”>“在時(shí)間軸上添加對象”,或者簡單地將選定層拖至“時(shí)間軸”面板中。6.一個(gè)條將出現(xiàn)在時(shí)間軸的第一個(gè)通道中。層的名稱將在該條中出現(xiàn)。7.單擊位于條末端的關(guān)鍵幀標(biāo)記。8.在頁面上將層移至它在動(dòng)畫結(jié)束時(shí)應(yīng)處于的位置。

      9.將出現(xiàn)一條線,它顯示文檔窗口中動(dòng)畫的軌跡。10.如果要讓層沿曲線移動(dòng),請選擇其動(dòng)畫條,然后按住 Ctrl 鍵并單擊(Windows)或按住 Command 鍵并單擊(Macintosh)動(dòng)畫條中部的一個(gè)幀,從而在您單擊的幀處添加一個(gè)關(guān)鍵幀,或者單擊動(dòng)畫條中部的一個(gè)幀并從上下文菜單中選擇“添加關(guān)鍵幀”。11.重復(fù)此步驟,定義其他關(guān)鍵幀。12.按住“播放”按鈕,預(yù)覽頁面上的動(dòng)畫。

      ? 顯示和隱藏層,而不是更改多圖像動(dòng)畫的源文件。由于新的圖像必須進(jìn)行下載,所以切換圖像的源文件會(huì)降低動(dòng)畫的速度。如果所有圖像都在動(dòng)畫運(yùn)行前在隱藏層中同時(shí)下載,將不會(huì)出現(xiàn)明顯的停頓,并且不會(huì)缺少圖像。? 擴(kuò)展動(dòng)畫條以創(chuàng)建更順暢的動(dòng)作。如果動(dòng)畫斷斷續(xù)續(xù)并且圖像在不同位置之間跳動(dòng),請拖動(dòng)該層動(dòng)畫條的結(jié)束幀,使動(dòng)作延伸到更多的幀。通過延長動(dòng)畫條,可以在運(yùn)動(dòng)的開始點(diǎn)和結(jié)束點(diǎn)之間創(chuàng)建更多的數(shù)據(jù)點(diǎn),同時(shí)也會(huì)使對象更為緩慢地移動(dòng)。請嘗試增加每秒幀數(shù)(fps)以提高速度,但應(yīng)注意在普通系統(tǒng)上運(yùn)行的大多數(shù)瀏覽器都不能支持超過 15 fps 的動(dòng)畫速度。請?jiān)诓煌南到y(tǒng)上用不同的瀏覽器對動(dòng)畫進(jìn)行測試,以找到最佳的設(shè)置。? 不要制作大型位圖的動(dòng)畫。制作大型圖像的動(dòng)畫會(huì)導(dǎo)致動(dòng)畫速度減慢。相反,應(yīng)創(chuàng)建合成圖像,并移動(dòng)圖像中較小的部分。例如,可以通過僅制作汽車輪胎的動(dòng)畫來顯示汽車的運(yùn)動(dòng)。? 創(chuàng)建簡單的動(dòng)畫。不要?jiǎng)?chuàng)建對當(dāng)前瀏覽器要求過高的動(dòng)畫。即使在系統(tǒng)或 Internet 性能降低時(shí),瀏覽器始終會(huì)播放時(shí)間軸動(dòng)畫中的每一幀。多個(gè)時(shí)間軸:

      1.若要新建時(shí)間軸,請選擇“修改”>“時(shí)間軸”>“添加時(shí)間軸”。

      2.若要?jiǎng)h除選定的時(shí)間軸,請選擇“修改”>“時(shí)間軸”>“刪除時(shí)間軸”。這將永久刪除選定時(shí)間軸中的所有動(dòng)畫。

      3.若要重命名選定時(shí)間軸,請選擇“修改”>“時(shí)間軸”>“重命名時(shí)間軸”,或者在“時(shí)間軸”面板的“時(shí)間軸”彈出式菜單中輸入新的名稱。

      4.若要在“時(shí)間軸”面板中查看另一個(gè)時(shí)間軸,請從“時(shí)間軸”面板的“時(shí)間軸”彈出式菜單中選擇一個(gè)新的時(shí)間軸。拖動(dòng)軌跡來創(chuàng)建時(shí)間軸:

      1.選擇一個(gè)層。

      2.將該層移至它在動(dòng)畫開始時(shí)應(yīng)處于的位置。

      確保您已選定該層;如果插入點(diǎn)位于該層中,則說明尚未選定該層。若要選擇一個(gè)層,請單擊層標(biāo)記或?qū)拥倪x擇柄,或者使用“層”面板。3.選擇“修改”>“時(shí)間軸”>“記錄層的軌跡”。4.在頁面上拖動(dòng)層以創(chuàng)建軌跡。

      5.當(dāng)?shù)竭_(dá)動(dòng)畫應(yīng)停止的點(diǎn)時(shí)釋放該層。

      Dreamweaver在時(shí)間軸上添加一個(gè)動(dòng)畫條,其中包含適當(dāng)數(shù)量的關(guān)鍵幀。6.在“時(shí)間軸”面板中,單擊“倒帶”按鈕;然后按住“播放”按鈕預(yù)覽動(dòng)畫。

      第9單元行為1、2、3、教學(xué)目的:行為概述,自帶的行為使用 教學(xué)重點(diǎn):行為的使用 課堂教學(xué)

      行為基礎(chǔ)

      在網(wǎng)頁制作中,幾乎所有的特效都是通過編寫腳本語言來實(shí)現(xiàn)的。通常應(yīng)用較多的腳本語言有兩種:VBScript和JavaScript。其中JavaScript因?yàn)槠浜唵我子煤捅姸嗟闹С终叨诰W(wǎng)頁制作者中最為廣泛流行。

      在我們設(shè)計(jì)網(wǎng)頁的時(shí)候,接受事件和響應(yīng)事件的對象一般就是我們在前面章節(jié)中介紹的頁面元素或?yàn)g覽器本身。在HTML語言中,這些頁面元素是用“Tag”(HTML標(biāo)記)來表示的,下面列出了我們在這一章中可能用到的HTML標(biāo)記: 定義文檔正文; 定義鏈接; 定義圖像;
      定義表單;

      定義表格; 定義表格的一行;

      定義表格的單元格(表格的具體數(shù)據(jù)); 定義框架集; 定義框架;
      定義塊元素;

      定義段落 ;

        定義有序列表;
          定義無序列表;
        • 定義列表元素;

          我們這一章可能用到的常見的事件有: onMouseOver:鼠標(biāo)指針移到目標(biāo)上時(shí); onMouseUp:按下鼠標(biāo)再放開左鍵時(shí); onMouseOut:鼠標(biāo)指針從目標(biāo)移開時(shí);

          onMouseDown:按下鼠標(biāo)左鍵時(shí)(不需要放開左鍵); onClink:鼠標(biāo)左鍵單擊時(shí); onDblClick:鼠標(biāo)左鍵雙擊時(shí); onLoad:載入網(wǎng)頁時(shí); onUnload:離開頁面時(shí);

          onResize:當(dāng)瀏覽者改變?yōu)g覽窗口的大小時(shí); onScroll:當(dāng)瀏覽者拖動(dòng)滾動(dòng)條的時(shí); 行為面板

          依次單擊菜單欄【W(wǎng)indows/Behaviors】(窗口/行為),或按快捷鍵『Shift+F3』,或單擊“Show Behaviors”(顯示行為面板)按鈕,展開“Design/Behaviors”(設(shè)計(jì)/行為)面板(如圖13-1):

          圖13-1 “+”(添加行為按鈕):單擊該按鈕添加行為(包括事件和動(dòng)作),常見的動(dòng)作如下: “Call JavaScript”(調(diào)用JavaScript):單擊該選項(xiàng)可以調(diào)用自己制作的JavaScript腳本或第三方開發(fā)的JavaScript腳本;

          “Change Property”(改變屬性):改變頁面元素的各項(xiàng)屬性;

          “Check Browser”(檢查瀏覽器):同一個(gè)網(wǎng)頁,在不同的瀏覽器上的顯示可能大為不同;為了使我們的網(wǎng)頁在各種不同的瀏覽器中都完美無缺,我們可以分別針對不同的瀏覽器將同一網(wǎng)頁制作成幾個(gè)不同頁面,然后再調(diào)用Check Browser,根據(jù)訪問者瀏覽器的不同自動(dòng)進(jìn)入相應(yīng)的頁面;

          “Check Plugin”(檢查插件):比如你的網(wǎng)頁上有一個(gè)Flash動(dòng)畫,而訪問者的瀏覽器沒有Flash播放插件時(shí),利用此功能你可以按你的解決方案對訪問者進(jìn)行提醒;

          “Control Shockwave or Flash”(控制Shockwave或Flash):應(yīng)用此功能我們可以在網(wǎng)頁上做一些交互按鈕,使用戶可以控制動(dòng)畫的播放進(jìn)程;

          “Drag Layer”(拖動(dòng)層):用來制作隨鼠標(biāo)移動(dòng)而移動(dòng)的網(wǎng)頁特效; “Go to URL”(轉(zhuǎn)到URL):應(yīng)用此項(xiàng)可以實(shí)現(xiàn)一些比較高級的跳轉(zhuǎn);比如:單擊一個(gè)鏈接可以同時(shí)打開幾個(gè)頁面,打開一個(gè)頁面后自動(dòng)跳轉(zhuǎn)到一個(gè)新的頁面等;

          “Hide Pop-Up Menu”(隱藏彈出菜單):應(yīng)用此功能可以在制作下拉菜單時(shí)隱藏菜單; “Jump Menu”(跳轉(zhuǎn)菜單):應(yīng)用此功能可以插入跳轉(zhuǎn)導(dǎo)航菜單;前面已經(jīng)講述; “Jump Menu Go”(跳轉(zhuǎn)菜單開始):應(yīng)用此功能為跳轉(zhuǎn)菜單增加一個(gè)“Go”按鈕; “Open Browser Window”(打開瀏覽器窗口):應(yīng)用此功能可以打開瀏覽器窗口并設(shè)置新窗口的大小、工具條顯示情況等屬性;

          “Play Sound”(播放聲音):應(yīng)用此功能可以為網(wǎng)頁加入聲音;

          “Popup Message”(彈出信息):應(yīng)用此功能可以彈出消息框來顯示預(yù)先設(shè)定好的文本; “Preload Images”(預(yù)先載入圖像):應(yīng)用此功能可以在頁面載入時(shí)預(yù)先讀入某些特效的圖像,以避免事件發(fā)生時(shí)讀取延遲和保持效果的連續(xù)性;

          “Set Nav Bar Image”(設(shè)置導(dǎo)航條圖像):應(yīng)用此功能可以制作有翻滾特效的導(dǎo)航條; “Set Text”(設(shè)置文字):應(yīng)用此功能可以在特定的地方顯示文字,其中: “Set Text of Frame”(設(shè)置框架文字):應(yīng)用此功能可以在框架內(nèi)顯示信息; “Set Text of Layer”(設(shè)置層文字):應(yīng)用此功能可以在層內(nèi)顯示信息;

          “Set Text of Status Message”(設(shè)置狀態(tài)欄文字):應(yīng)用此功能可在狀態(tài)欄顯示信息; “Set Text of Text Field”(設(shè)置文本域文字):應(yīng)用此功能可以在文本框顯示信息; “Show Pop-Up Menu”(顯示彈出菜單):應(yīng)用此功能可以在制作下拉菜單時(shí)顯示菜單; “Show-Hide Layers”(顯示-隱藏圖層):應(yīng)用此功能可以顯示或隱藏圖層;

          “Swap Image”(交換圖像):應(yīng)用此功能不僅可以建立一對一的翻滾圖,還可以建立一對多等更為復(fù)雜的替換特效;

          “Swap Image Restore”(恢復(fù)交換圖像):應(yīng)用此功能可以將已經(jīng)翻滾的圖像還原;; “Timeline”(時(shí)間軸):應(yīng)用此功能可以制作與時(shí)間軸有關(guān)的動(dòng)畫效果,其中: “Go to Timeline Frame”(轉(zhuǎn)到時(shí)間軸幀):跳轉(zhuǎn)到指定幀; “Play Timeline”(播放時(shí)間軸):播放動(dòng)畫; “Stop Timeline”(停止時(shí)間軸):停止動(dòng)畫;

          “Validate Form”(檢查表單):應(yīng)用此功能可驗(yàn)證用戶提交的表單內(nèi)容是否符合要求; “—”(刪除行為按鈕):選擇一個(gè)行為后,單擊該按鈕刪除所選行為(包括事件和動(dòng)作); “▲/▼”:選擇一個(gè)行為后,單擊該按鈕可以將所選行為上移或下移一行; “Events”(事件):顯示為對象設(shè)置的事件; “Actions”(動(dòng)作):顯示與左側(cè)事件對應(yīng)的動(dòng)作; 行為操作

          在這一節(jié)中,我們將通過具體實(shí)例講述幾個(gè)我們在網(wǎng)頁設(shè)計(jì)中應(yīng)用較多的交互效果。改變對象屬性

          在頁面上插入一個(gè)圖層,在圖層中輸入一段文本,名稱采用默認(rèn)的“Layer1”,“Tag”(標(biāo)記)采用默認(rèn)的“DIV”,并保持該圖層被選中(如圖13-2):

          圖13-2 單擊“Behaviors”(行為)面板上的“+”按鈕,在彈出對話框中選中“Change Properties”(改變屬性)(如圖13-3),彈出“Change Properties”(改變屬性)對話框(如圖13-4)。

          圖13-3

          圖13-4 “Type of Object”(對象類型):在右側(cè)的下拉選單中選擇標(biāo)記,如“DIV”(和“Properties”(屬性)面板中一致);

          “Named Object”(已命名的對象):從右側(cè)下拉選單中選中對象名稱,如“Layer1”; “Property”(屬性):設(shè)置對象的屬性,包括兩個(gè)選項(xiàng):

          “Select”(選擇):從下拉選單中選擇需要更改的屬性;從最右側(cè)的下拉選單中選中兼容的瀏覽器類型;

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

          本例中我們選中“Select”,并選中“style.backgroundColor”(背景顏色); “New Value”(新值):為所選的屬性值設(shè)置新值,如“green”(綠色);

          完成上述設(shè)置后,單擊“OK”按鈕保存并退出,這時(shí)我們可以發(fā)現(xiàn)“Behaviors”(行為)面板中已經(jīng)出現(xiàn)了我們所設(shè)的行為(如圖13-5):

          圖13-5 Dreamweaver MX默認(rèn)的事件為“onClick”(單擊),單擊“Events”(事件)列右側(cè)的三角形按鈕“▼”,在彈出菜單中選擇“onMouseOver”(如圖13-6,圖13-7):

          圖13-6

          圖13-7 如果找不到所要地事件,可以選擇最底部的“Show Events for”(顯示事件),在子菜單中選擇較高版本的瀏覽器(如圖13-8):

          圖13-8 按快捷鍵『F12』瀏覽,可以看到預(yù)料的效果(如圖13-9):

          圖13-9 13.3.2 檢測瀏覽器

          為了使我們的網(wǎng)頁在各種瀏覽器中的顯示完美無缺,我們必須為同一網(wǎng)頁制作幾個(gè)適合相應(yīng)類型瀏覽器的文件。在本例中,我們假設(shè)已經(jīng)為某一頁面制作了三個(gè)網(wǎng)頁文件“ie.htm”、“netscape.htm”和“other.htm”,分別適用于IE、Netscape和其他類型的瀏覽器。由于使用IE的用戶是大多數(shù),我們將默認(rèn)的頁面設(shè)置為“ie.htm”,將檢測瀏覽器的事件設(shè)置在“ie.htm”上。也就是說,默認(rèn)的是“ie.htm”,然后在“ie.htm”加載時(shí)(“onLoad”(加載)事件),激發(fā)檢測瀏覽器的動(dòng)作(若用戶瀏覽器為IE,則保持原來的頁面不變;若用戶瀏覽器為Netscape,則跳轉(zhuǎn)到“netscape.htm”;若用戶使用的是其他瀏覽器,則跳轉(zhuǎn)到“other.htm”)。

          打開網(wǎng)頁文件“ie.htm”,在狀態(tài)欄上單擊選中HTML標(biāo)記“”(如圖13-10),使之變?yōu)榇煮w(如圖13-11)。

          圖13-10

          圖13-11 在“Behaviors”(行為)面板中單擊“+”(添加行為)按鈕,在彈出菜單中選中“Check Browser”(檢測瀏覽器)(如圖13-11),彈出“Check Browser”(檢測瀏覽器)對話框(如圖13-12):

          “Check Browser”(檢測瀏覽器)對話是由一組條件語句組成的,根據(jù)判斷的結(jié)果做出選擇,在三個(gè)網(wǎng)頁當(dāng)中選其一。這個(gè)動(dòng)作可以明確判斷兩種瀏覽器:Netscape 和IE,不是這兩種瀏覽器一概做“Other Browsers”(其他瀏覽器)處理。判斷每一種瀏覽器都會(huì)有三種選項(xiàng):“Go to URL”(打開一個(gè)指定文件),“Go to Alt URL”(打開另一個(gè)指定文件),“Stay on this page”(停留在當(dāng)前頁面)。“URL”和“Alt URL”是定義“Go to URL”和“Go to Alt URL”所指向頁面的。

          由于我們當(dāng)前頁面就是“ie.htm”,我們在這里將“URL”設(shè)為“netscape.htm”,將“Alt URL”設(shè)為“other.htm”。然后只需要將“Netscape Navigator”設(shè)為“Go To URL(netscape.htm)”,將“Internet Explorer”設(shè)為“Stay on this Page(ie.htm)”,其他所有的都設(shè)為“Go To Alt URL(other.htm)”就可以了(如圖13-12)。

          圖13-12 單擊“OK”按鈕保存并退出后,我們可以發(fā)現(xiàn)“Behaviors”(行為)面板中已經(jīng)添加了我們剛才設(shè)置的行為:“Events”(事件)為“onLoad”(載入);“Actions”(動(dòng)作)為“Check Browser”(檢測瀏覽器)(如圖13-13):

          圖13-13 檢測插件

          Flash動(dòng)畫不僅體積小、制作簡便,而且具有交互功能。所以,如果在我們的網(wǎng)頁上放上幾個(gè)小Flash,將會(huì)使網(wǎng)頁增色不少。但遺憾的是,運(yùn)行Flash需要插件的支持,但并不是所有的用戶的瀏覽器都安裝了Flash插件。如果用戶打開一個(gè)含有Flash的網(wǎng)頁卻顯示不出來,那我們豈不是弄巧成拙!

          怎么解決這個(gè)問題呢?學(xué)過了上一節(jié),讀者也許有一點(diǎn)思路了。對了,我們可以為包含F(xiàn)lash的頁面給出另外一個(gè)版本。當(dāng)加載頁面時(shí)(“onLoad”事件),執(zhí)行檢測Flash插件的動(dòng)作:若用戶安裝了Flash插件,保持頁面不變;否則跳轉(zhuǎn)到另一個(gè)頁面。

          在本例中,我們假設(shè)有一個(gè)含有Flash的頁面“flash.htm”,我們已經(jīng)給它另做了一個(gè)內(nèi)容相同不含F(xiàn)lash的文件“html.htm”。打開“flash.htm”,單擊選中任務(wù)欄上的“”標(biāo)記,然后單擊“Behaviors”(行為)面板上的“+”(添加行為)按鈕,在彈出對話框中選擇“Check Plugin”(檢測插件)(如圖13-14),彈出“Check Plugin”(檢測插件)對話框(如圖13-15)。

          圖13-14

          圖13-15 “Plugin”(插件):設(shè)置需要檢測的插件,其中: “Select”(選擇):在右側(cè)的下拉菜單中選擇所要檢測的插件,如“Flash”; “Enter”(輸入):直接輸入第一項(xiàng)沒有列出的插件,一般很少用;

          “If Found,Go To URL”(如果有,前往URL):設(shè)置如果檢測時(shí)發(fā)現(xiàn)了目標(biāo)插件時(shí)所要打開的頁面;

          “Otherwise,Go To URL”(否則,前往URL):設(shè)置當(dāng)檢測時(shí)沒有發(fā)現(xiàn)目標(biāo)插件時(shí)所要打開的頁面;

          “Always go to first URL if detection is not possible”(如果無法偵測,永遠(yuǎn)前往第一個(gè)URL):選中此項(xiàng)表示如果不能進(jìn)行插件檢查就進(jìn)入第一個(gè)頁面;一般不選;

          完成上述設(shè)置后,單擊“OK”按鈕保存并退出。我們可以發(fā)現(xiàn)“Behaviors”(行為)面板中已經(jīng)添加了我們剛才設(shè)置的行為:“Events”(事件)為“onLoad”(載入);“Actions”(動(dòng)作)為“Check Plugin”(檢測瀏覽器)(如圖13-16):

          圖13-16 拖動(dòng)層

          如果我們想在網(wǎng)頁上作一個(gè)像拼圖游戲、拖出菜單這類可以隨用戶的鼠標(biāo)指針移動(dòng)的頁面元素,我們就需要應(yīng)用“Drag Layer”(拖動(dòng)層)行為了。

          插入一個(gè)圖層并將需要移動(dòng)的元素放入其中,選中該層(此時(shí)狀態(tài)欄的標(biāo)記“”變成粗體),單擊“Behaviors”(行為)面板中的“+”按鈕并從中選擇“Drag Layer”(拖動(dòng)層)命令(如圖13-17),彈出“Drag Layer”(拖動(dòng)層)對話框,默認(rèn)為“Basic”(基本)選項(xiàng)卡(如圖13-18)。

          圖13-17

          圖13-18 “Layer”(層):從右側(cè)下拉選單中選擇需要被拖動(dòng)的層; “Movement”(移動(dòng)):設(shè)置層可以拖動(dòng)的范圍,有兩個(gè)選項(xiàng): “Uncontrained”(不限制):選中此項(xiàng)可以任意拖動(dòng)層;

          “Constrained”(限制):選中此項(xiàng)只能在所設(shè)范圍內(nèi)拖動(dòng)層;在右側(cè)的“Up”(上)、“Down”(下)、“Left”(左)和“Right”(右)文本域中設(shè)置相對于圖層的起始位置的范圍; “Drag Target”(放下目標(biāo)):在“Left”和“Top”文本域中設(shè)置放置目標(biāo)的位置;或單擊“Get Current Position”(取得目前位置)按鈕自動(dòng)將當(dāng)前圖層的所在位置輸入這兩個(gè)文本域中。(放置目標(biāo)指用戶所拖動(dòng)的層需放置的地方;當(dāng)層的左上角坐標(biāo)和我們設(shè)置的值相匹配時(shí),即達(dá)到了放置目標(biāo),該值是相對于瀏覽器窗口的左上角而言)

          “Snap if Within”(靠齊距離):在文本域中輸入值,指定圖層與放置目標(biāo)的靠近距離(即當(dāng)拖動(dòng)圖層與放置目標(biāo)的距離小于該值時(shí),自動(dòng)將圖層與放置目標(biāo)對齊); 如果還要定義圖層的拖拽范圍,可以單擊“Advanced”(高級)標(biāo)簽,彈出“Advanced”(高級)選項(xiàng)卡(如圖13-19):

          圖13-19 “Drag Handle”(拖拽控制點(diǎn)):設(shè)置圖層中用于拖動(dòng)圖層的區(qū)域,包括兩個(gè)選項(xiàng): “Entire Layer”(整個(gè)層);

          “Area Within Layer”(層內(nèi)區(qū)域):在“Left”和“Top”文本域中設(shè)置拖拽區(qū)域左上角點(diǎn)的坐標(biāo);在“Width”和“Height”文本框中輸入拖動(dòng)區(qū)域的寬度和高度值; “While Dragging”(拖拽時(shí)):設(shè)置拖動(dòng)時(shí)層的狀態(tài):

          “Bring Layer to Front”(將層移至最前):選中此項(xiàng)表示在拖動(dòng)層時(shí)將層移動(dòng)到最頂層; “then”(然后):設(shè)置放置層時(shí)層的疊放狀態(tài):

          “Leave on Top”(留在最上方):選中此項(xiàng)表示將層保留在最頂端; “Restore Z-Index”(還原Z序列):還原為原來的疊放順序;

          “Call JavaScript”(呼叫JavaScript):設(shè)置拖動(dòng)層時(shí)調(diào)用的JavaScript代碼; “When Dropped”(放下時(shí)):設(shè)置放下時(shí)層的狀態(tài):

          “Call JavaScript”(呼叫JavaScript):設(shè)置放下層時(shí)調(diào)用的JavaScript代碼; “Only if snapped”(只有在靠齊時(shí)):選中此項(xiàng)表示只有在靠齊時(shí)才調(diào)用JavaScript代碼;

          完成上述設(shè)置后,單擊“OK”按鈕保存并退出。我們可以發(fā)現(xiàn)“Behaviors”(行為)面板中已經(jīng)添加了我們剛才設(shè)置的行為:“Events”(事件)為“onClick”(載入);“Actions”(動(dòng)作)為“Drag Layer”(檢測瀏覽器)(如圖13-20):

          圖13-20 控制Shockwave或Flash 在“Insert/Common”(插入/標(biāo)準(zhǔn))面板中單擊“Flash”(插入Flash)按鈕(如圖13-21),選擇一個(gè)Flash文件并將其命名為“flash1”(如圖13-23)。

          圖13-21 在“Insert/Forms”(插入/表單)面板中單擊“Button”(插入按鈕)按鈕(如圖13-22),插入幾個(gè)按鈕并將它們的“Action”(動(dòng)作)設(shè)置為“none”(無),“Label”(標(biāo)簽)依次設(shè)置為“Play”(播放)、“Stop”(停止)、“Rewind”(返回)和“GoTo4”(轉(zhuǎn)到第4幀)(如圖13-23)。

          圖13-22

          圖13-23 選中一個(gè)按鈕“Play”(播放),然后在“Behaviors”(行為)面板中單擊“+”按鈕,在彈出菜單中選中“Control Shockwave or Flash”(控制Shockwave或Flash)(如圖13-24),彈出“Control Shockwave or Flash”(控制Shockwave或Flash)對話框(如圖13-25)。

          圖13-24

          圖13-25 “Movie”(影片):從下拉選單中選擇要控制的動(dòng)畫,如“flash1”; “Action”(動(dòng)作):設(shè)置控制動(dòng)畫的動(dòng)作,其中: “Play”(播放):選擇該項(xiàng)表示播放動(dòng)畫; “Stop”(停止):選擇該項(xiàng)表示停止動(dòng)畫;

          “Rewind”(倒帶):選擇該項(xiàng)表示使播放的動(dòng)畫返回初始位置;

          “Go to Frame”(前往幀):選擇該項(xiàng)并在其后的文本框中數(shù)字表示將動(dòng)畫跳至指定幀; 完成上述設(shè)置后,單擊“OK”按鈕保存并退出。我們可以發(fā)現(xiàn)“Behaviors”(行為)面板中已經(jīng)添加了我們剛才設(shè)置的行為:“Events”(事件)為“onClick”(單擊);“Actions”(動(dòng)作)為“Control Shockwave or Flash”(控制Shockwave或Flash)(如圖13-26):

          圖13-26 同樣可以完成對其他按鈕的設(shè)置,設(shè)置完成后按快捷鍵『F12』瀏覽即可看到預(yù)料的效果。轉(zhuǎn)到URL 關(guān)于文字的鏈接我們前面講得已經(jīng)非常多了,但是應(yīng)用“Go To URL”(轉(zhuǎn)到URL)我們可以實(shí)現(xiàn)一些高級的跳轉(zhuǎn)。我們下面就來講一個(gè)單擊一個(gè)鏈接同時(shí)打開幾個(gè)頁面的例子。單擊“Insert/Frames”(插入/框架)面板上的“Left and Nested Top Frames”(左框架嵌套頂框架)按鈕(如圖13-27),插入一個(gè)嵌套框架集(如圖13-29)。

          圖13-27 單擊“Insert/Forms”(插入/表單)面板上的“Button”(按鈕)按鈕(如圖13-28),插入一個(gè)按鈕(如圖13-29)。

          圖13-28 選中該按鈕并將其“Action”(動(dòng)作)設(shè)為“none”(無),單擊“Design/Behaviors”(設(shè)計(jì)/行為)面板上的“+”按鈕,選中“Go To URL”(轉(zhuǎn)到URL)(如圖13-29),彈出“Go To URL”(轉(zhuǎn)到URL)對話框(如圖13-30)。

          圖13-29 “Open In”(打開在):設(shè)置鏈接的打開方式;列表框中列出了當(dāng)前框架集中的所有框架的名字以及主窗口,如果頁面沒有框架,則只有“Main Window”(主窗口)一個(gè)選項(xiàng)。“URL”(URL):設(shè)置在選定窗口中打開的頁面URL地址; 在本例中,我們?yōu)槿齻€(gè)框架“l(fā)eftFrame”、“topFrame”和“mainFrame”分別設(shè)置URL地址“http://004km.cn”、“http://004km.cn”和“http://www.5460.net”,設(shè)置好后單擊“OK”按鈕保存并退出(如圖13-30):

          圖13-30 這時(shí)我們可以發(fā)現(xiàn)“Behaviors”(行為)面板中已經(jīng)添加了我們剛才設(shè)置的行為:“Events”(事件)為“onClick”(載入);“Actions”(動(dòng)作)為“Go To URL”(轉(zhuǎn)到URL)(如圖13-31):

          圖13-31 按快捷鍵『F12』瀏覽,即可看到我們預(yù)料的效果(如圖13-32):

          圖13-32 13.3.7 打開瀏覽器窗口 應(yīng)用“Open Browser Window”(打開瀏覽器窗口)行為可以在用戶觸發(fā)該行為時(shí)打開一個(gè)新的瀏覽器窗口,在新窗口中載入指定URL地址上的網(wǎng)頁。該選項(xiàng)還可以設(shè)定新窗口的各項(xiàng)屬性,如窗口的大小、是否顯示導(dǎo)航欄、狀態(tài)條等。如果沒有指定窗口的屬性,則按啟動(dòng)窗口的屬性和大小打開,一旦指定了窗口的任何屬性,將自動(dòng)關(guān)閉其他屬性。

          下面我們就利用“Open Browser Window”(打開瀏覽器窗口)行為來實(shí)現(xiàn)在瀏覽網(wǎng)站時(shí)經(jīng)??吹降膹V告窗口。

          首先準(zhǔn)備一個(gè)頁面如“advertise.htm”作為廣告,然后在我們的主頁上單擊選中狀態(tài)欄中的標(biāo)記“”,單擊“Behaviors”(行為)面板中的“+”按鈕,選中“Open Browser Window”(打開瀏覽器窗口)(如圖13-33),彈出“Open Browser Window”(打開瀏覽器窗口)對話框(如圖13-34)。

          圖13-33

          圖13-34 “URL to Display”(要打開的URL):設(shè)置新窗口中所要打開的頁面地址,如“advertise.htm”;

          “Window Width”(窗口寬度):設(shè)置新窗口的寬度; “Window Height”(窗口高度):設(shè)置新窗口的高度; “Attributes”(屬性):設(shè)置新窗口的屬性,其中: “Navigation Toolbar”(導(dǎo)航工具欄):選中此項(xiàng)表示在新窗口中顯示導(dǎo)航工具欄; “Location Toolbar”(地址工具欄):選中此項(xiàng)表示在新窗口中顯示地址工具欄; “Status Bar”(狀態(tài)欄):選中此項(xiàng)表示在新窗口中顯示狀態(tài)欄; “Menu Bar”(菜單條):選中此項(xiàng)表示在新窗口中顯示菜單欄;

          “Scrollbars as Needed”(需要時(shí)使用滾動(dòng)條):選中此項(xiàng)當(dāng)內(nèi)容超出新窗口時(shí)顯示滾動(dòng)條;

          “Resize Handles”(調(diào)整大小手柄):選中此項(xiàng)表示允許用戶調(diào)整新窗口大小; “Window Name”(窗口名稱):設(shè)置新窗口的名稱;

          由于廣告窗口需要向用戶傳遞的信息不多,所以一般尺寸較小,且不需要各種工具條。我們在此為其設(shè)置好尺寸后,其他都不設(shè)。單擊“OK”按鈕保存并退出,這時(shí)我們可以發(fā)現(xiàn)“Behaviors”(行為)面板中已經(jīng)添加了我們剛才設(shè)置的行為:“Events”(事件)為“onLoad”(載入);“Actions”(動(dòng)作)為“Open Browser Window”(打開瀏覽器窗口)(如圖13-35):

          圖13-35 按快捷鍵『F12』瀏覽,可以看到當(dāng)主頁打開后,立即彈出廣告窗口(如圖13-36):

          圖13-36 播放聲音

          調(diào)用“Play Sound”(播放聲音)行為可以方便地在網(wǎng)頁中加入音樂。

          單擊“Insert/Forms”(插入/表單)面板上的“Button”(按鈕)按鈕(如圖13-37),插入一個(gè)按鈕(如圖13-29)。

          圖13-37 選中該按鈕并將其“Action”(動(dòng)作)設(shè)為“none”(無),單擊“Design/Behaviors”(設(shè)計(jì)/行為)面板上的“+”按鈕,選中“Play Sound”(播放聲音)(如圖13-38),彈出“Play Sound”(播放聲音)對話框(如圖13-39)。

          圖13-38

          圖13-39 “Play Sound”(播放聲音):設(shè)置要加入網(wǎng)頁的音樂文件即可(如果聽不到聲音,可能是瀏覽器不支持所選音樂格式)。

          設(shè)置完后單擊“OK”按鈕保存并退出。這時(shí)我們可以發(fā)現(xiàn)“Behaviors”(行為)面板中已經(jīng)添加了我們剛才設(shè)置的行為:“Events”(事件)為“onClick”(點(diǎn)擊);“Actions”(動(dòng)作)為“Play Sound”(播放聲音)(如圖13-40):

          圖13-40 這時(shí)我們可以發(fā)現(xiàn)頁面中出現(xiàn)了一個(gè)“Plugin”(插件)圖標(biāo)(如圖13-41)。選中該圖標(biāo)后,“Properties”(屬性)面板的內(nèi)容發(fā)生相應(yīng)變化,單擊“Parameters”(參數(shù))按鈕(如圖13-41),彈出“Parameters”(參數(shù))對話框,我們可以在該對話框中為聲音播放設(shè)置各項(xiàng)參數(shù)(如圖13-42)。

          圖13-41

          圖13-42

          1、APPLET2、3、第十單元插入多媒體對象

          教學(xué)目的:網(wǎng)頁中插入FLASH SHOCKWAVE ACTIVE PLUGIN JAVA 教學(xué)重點(diǎn):插入對象的具體方法 課堂教學(xué)

          插入FLASH按扭的對話框

          插入FLASH動(dòng)畫方法對話框

          插入FLASH文本

          修改屬性

          添加SHOCKWAVE 對象

          java applte對象

          添加plugin

          屬性對話框

          作業(yè):在自己的網(wǎng)頁上添加聲音

          第12單元 模板和庫

          一、教學(xué)目的:理解模板的作用,掌握模板的創(chuàng)建和應(yīng)用。

          二、教學(xué)重點(diǎn):模板的應(yīng)用。

          三、內(nèi)容: 模板的概念

          在制作一個(gè)網(wǎng)站的整套頁面時(shí),我們會(huì)發(fā)現(xiàn)大部分頁面的基本格式都是相同的。比如說頁面背景、文字樣式、導(dǎo)航條、版權(quán)信息等。所以我們可以將頁面先做成類似申請表一樣的表格,將那些相同的內(nèi)容固定下來,并留出一定的空白以供將來插入不同的內(nèi)容。以后我們制作頁面時(shí)就只需要在這個(gè)表格的基礎(chǔ)上添加新的內(nèi)容就可以了。一般網(wǎng)頁的基本組成部分:

          “l(fā)ogo”:即網(wǎng)站的徽標(biāo),這是一個(gè)網(wǎng)站的標(biāo)志,一般放在每個(gè)頁面最頂部的左上角,其一般和標(biāo)準(zhǔn)大小為88px×31px;

          “banner”:即頁面上的廣告條,可放在頁面的任意位置

          “Nav Bar”:即頁面上的導(dǎo)航條,一般放在頁面的頂部和底部,用來快捷地在網(wǎng)站各頁面之間跳轉(zhuǎn)

          “Location Bar”:即頁面上的地址條,一般在導(dǎo)航條下面,用來告訴用戶當(dāng)前頁面所屬的類別和樹型目錄

          “content”:即頁面的正文,這是每個(gè)頁面區(qū)別于其他頁面的地方;

          “copyright”:即頁面上的版權(quán)信息,一般在頁面的最底部模板中的元區(qū)域可以分為兩類:鎖定區(qū)域和可編輯區(qū)域。鎖定區(qū)域是指在任何基于該模板的網(wǎng)頁中都不可編輯或修改的區(qū)域,可編輯區(qū)域是指在基于該模板的網(wǎng)頁中可以被編輯或修改的區(qū)域。當(dāng)我們編輯模板本身時(shí),二者皆可修改;但當(dāng)我們編輯基于模板的文擋時(shí),后者不可修改。

          在我們批量制作網(wǎng)頁時(shí),logo、導(dǎo)航條和版權(quán)信息往往是不變的,此外頁面的背景和文字樣式也可能需要統(tǒng)一,因此我們可以將這些元素設(shè)置為鎖定區(qū)域。而地址條、正文和頁面的標(biāo)題往往是不同的,我們可以將這些元素設(shè)置為可編輯區(qū)域。創(chuàng)建模板文件

          【File/New】(文件/新建)(如圖14-3),彈出“New Document”(新建文檔)對話框(如圖14-4)。在“General”(常規(guī))選項(xiàng)卡的左邊“Category”(類別)列表框中選中“Basic Page”(基本頁面),然后在右邊“Basic Page”(基本頁面)列表框中選中“HTML Template”(HTML模板),然后單擊“OK”按鈕保存并退出

          新建文件窗口的標(biāo)題欄中的文件名前出現(xiàn)了 [<