久久99精品久久久久久琪琪,久久人人爽人人爽人人片亞洲,熟妇人妻无码中文字幕,亚洲精品无码久久久久久久

C電子教案第7章

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

第一篇:C電子教案第7章

泰山職業(yè)技術(shù)學(xué)院電子教案

第7章 函數(shù)

7.1 概述

一個(gè)C程序是由函數(shù)組成的,所以函數(shù)是C語(yǔ)言中最重要的概念,本章專門討論函數(shù)的定義、函數(shù)的調(diào)用及參數(shù)傳遞等問(wèn)題。例7.1。說(shuō)明:

(1)一個(gè)源程序文件是由一個(gè)或多個(gè)C函數(shù)組成的,一個(gè)源程序文件是一個(gè)編譯單位。

(2)一個(gè)C程序由一個(gè)或多個(gè)源程序文件組成,一個(gè)源程序文件可以為多個(gè)C程序共用。

(3)一個(gè)C程序中一定要有一個(gè)名為main的主函數(shù),執(zhí)行時(shí)總是從主函數(shù)開(kāi)始,其它函數(shù)只有被調(diào)用時(shí)才會(huì)執(zhí)行,執(zhí)行完畢返回到調(diào)用處繼續(xù)執(zhí)行,正常情況下總是在主函數(shù)結(jié)束執(zhí)行。

(4)所有的函數(shù)是平行的,即在定義時(shí)是互相獨(dú)立的,主函數(shù)可以調(diào)用其它函數(shù),其它函數(shù)之間可以互相調(diào)用,但其它函數(shù)不能調(diào)用主函數(shù)。

(5)從用戶使用的角度看,函數(shù)可分為標(biāo)準(zhǔn)函數(shù)(庫(kù)函數(shù))和用戶自定義函數(shù)。(6)從函數(shù)的形式看,函數(shù)可分為無(wú)參函數(shù)和有參函數(shù)。7.2 函數(shù)定義的一般形式 1.無(wú)參函數(shù)的定義形式 格式:函數(shù)類型 函數(shù)名(){ 數(shù)據(jù)聲明部分; 執(zhí)行語(yǔ)句部分; } 說(shuō)明:(1)函數(shù)名:函數(shù)名是函數(shù)調(diào)用的依據(jù),函數(shù)值的返回也是通過(guò)函數(shù)名實(shí)現(xiàn)的,函數(shù)名要符合標(biāo)識(shí)符的定義。

(2)函數(shù)體:由數(shù)據(jù)聲明和執(zhí)行語(yǔ)句兩部分組成,數(shù)據(jù)聲明是對(duì)數(shù)據(jù)特征的描述,執(zhí)行語(yǔ)句是對(duì)數(shù)據(jù)處理的描述,函數(shù)的功能由它們實(shí)現(xiàn)。

(3)函數(shù)類型:函數(shù)類型規(guī)定了函數(shù)返回值的類型,int或char可不寫,如不要返

C語(yǔ)言程序設(shè)計(jì)精品課程

第 1 頁(yè) 共

第二篇:一年級(jí)電子教案

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é)過(guò)程:

第一課時(shí)

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

出示圖一,說(shuō)說(shuō)圖上畫了什么?

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

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

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

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

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

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

三、讀后悟,讀后感

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

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

第二課時(shí)

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

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

小朋友們,月亮姐姐去了兩個(gè)小女孩的家,她們?cè)诟墒裁茨兀浚ㄗ杂勺x課文。)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

同學(xué)們,你們?cè)诩易鲞^(guò)家務(wù)事嗎?

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

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

b.討論交流:這位小朋友非常需要大家的幫助,你們?cè)覆辉敢鈳退胂朕k法? ☆四人小組討論交流:

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

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

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

小組內(nèi)的幾個(gè)同學(xué)分別扮演媽媽、孩子、同學(xué)等角色,表演勸說(shuō)的過(guò)程。說(shuō) 服“媽媽”后,請(qǐng)“媽媽”談?wù)劊瑸槭裁唇邮芰恕昂⒆印钡囊蟆.上臺(tái)表演:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

你讀給我聽(tīng),我讀給你聽(tīng)。如果同桌讀得好,你就表?yè)P(yáng)他;如果同桌讀時(shí)有困難,請(qǐng)你幫助他。

E.齊讀。

4.識(shí)記生字。

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

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

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

師:帶有雨字頭的字。生:霧、霜、霞。師:帶有蟲(chóng)字旁的字。生:蝶、蜂。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

四、借助想像,升華感情

◆學(xué)生齊讀全文,一邊讀一邊想像課文所描述的情景。◆交流:你喜歡課文中的“我”嗎?為什么?

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

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

一、背誦詩(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è),再評(píng)議。2.再練習(xí)寫字。

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

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

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

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

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

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

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

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

9、兩只鳥(niǎo)蛋

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

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

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

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

一、談話導(dǎo)入

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

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

二、初讀課文

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

松鼠————吃————松果(種)長(zhǎng)松樹(shù) 教后記: 教學(xué)反思:

第三篇:DREAMWEAVER電子教案

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

三、教學(xué)過(guò)程

1.1 Dreamweaver MX概述

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

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

3、廣泛的代碼庫(kù)

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

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

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

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

8、高性能的新編碼功能

9、高性能的新編碼功能

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

使用 Dreamweaver 工作區(qū)

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

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

三、教學(xué)過(guò)程:

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

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

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

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

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

若要顯示快速啟動(dòng)條,請(qǐ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)”、“注冊(cè)商標(biāo)”和“商標(biāo)”在插入點(diǎn)處插入相應(yīng)的符號(hào)。“其它字符”

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

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

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

三、教學(xué)過(guò)程:

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

1、文字

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

樣式:一般少用下劃線

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

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

2、圖形

一般為GIF 和 JPG 格式

3、超級(jí)鏈接

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

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

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

文件――新建――對(duì)話框 打開(kāi)文件類型 HTML SHTM SHTML XML文件

庫(kù)文件LBI 模板文件 DWT

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

CFM模板文件

JSF

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

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

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

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

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

直接輸入 使用剪貼板

用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 分段落

在段落

格式下拉菜單選擇一種格式 對(duì)齊段落:

居中對(duì)齊 左對(duì)齊 右對(duì)齊

縮進(jìn)段落

取消縮進(jìn)

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

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

利用 插入分隔線

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

修改分隔線的屬性

改變長(zhǎng)度 改變高度

改變對(duì)齊方式

插入特殊字符和符號(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)頁(yè),將學(xué)到的知識(shí)運(yùn)用在上面。

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

教學(xué)目的:掌握網(wǎng)頁(yè)中插入圖像、修改屬性、插入交互圖像以及創(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)的對(duì)話框中執(zhí)行下列操作之一: o 選擇“文件系統(tǒng)”以選擇一個(gè)圖形文件。o 選擇“數(shù)據(jù)源”以選擇一個(gè)動(dòng)態(tài)圖像源文件。3.瀏覽以選擇您要插入的圖像或內(nèi)容源文件。o

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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)“插入表格”對(duì)話框。

2.在該對(duì)話框中,設(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í)行下列操作之一來(lái)保存文檔: o 選擇“文件”>“保存”。o 按 Ctrl+S 組合鍵

修改表格

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3.在該對(duì)話框中,設(shè)置下列選項(xiàng): o 對(duì)于“把單元格拆分”,選擇列。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è)表格添加背景顏色,然后對(duì)表格中的單元格應(yīng)用不同的背景顏色。最后,將更改邊框顏色。

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

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

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

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

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

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

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

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

3.完成后,請(qǐng)保存文檔。

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

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

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

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

3.將該文件保存到本地站點(diǎn)文件夾。將其命名為 tableWidth。4.將插入點(diǎn)放置在文檔中。5.在插入欄的“常用”選項(xiàng)卡中,單擊“表”按鈕。6.在出現(xiàn)的對(duì)話框中,設(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)的對(duì)話框中,設(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è)表格是怎樣變化的。基于像素的表格保持大小不變,而基于百分比的表格則調(diào)整大小以符合瀏覽器大小。8.文檔查看完畢后,請(qǐng)關(guān)閉瀏覽器窗口。9.保存文檔。創(chuàng)建和保存新文檔

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

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

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

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

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

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

繪制布局表格:

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

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

繪制布局單元格: 在頁(yè)面上制作一個(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è)面。保存框架 保存全部

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

框架與框架的屬性

邊框 屬性 框架集命名

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

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

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

上級(jí)

自身

頂部

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

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

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

三、課堂講解:

打開(kāi)“層”面板,請(qǐng)選擇“窗口”>“其他”>“層”。F2

創(chuàng)建層:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

9.將出現(xiàn)一條線,它顯示文檔窗口中動(dòng)畫的軌跡。10.如果要讓層沿曲線移動(dòng),請(qǐng)選擇其動(dòng)畫條,然后按住 Ctrl 鍵并單擊(Windows)或按住 Command 鍵并單擊(Macintosh)動(dòng)畫條中部的一個(gè)幀,從而在您單擊的幀處添加一個(gè)關(guān)鍵幀,或者單擊動(dòng)畫條中部的一個(gè)幀并從上下文菜單中選擇“添加關(guān)鍵幀”。11.重復(fù)此步驟,定義其他關(guān)鍵幀。12.按住“播放”按鈕,預(yù)覽頁(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),請(qǐng)拖動(dòng)該層動(dòng)畫條的結(jié)束幀,使動(dòng)作延伸到更多的幀。通過(guò)延長(zhǎng)動(dòng)畫條,可以在運(yùn)動(dòng)的開(kāi)始點(diǎn)和結(jié)束點(diǎn)之間創(chuàng)建更多的數(shù)據(jù)點(diǎn),同時(shí)也會(huì)使對(duì)象更為緩慢地移動(dòng)。請(qǐng)嘗試增加每秒幀數(shù)(fps)以提高速度,但應(yīng)注意在普通系統(tǒng)上運(yùn)行的大多數(shù)瀏覽器都不能支持超過(guò) 15 fps 的動(dòng)畫速度。請(qǐng)?jiān)诓煌南到y(tǒng)上用不同的瀏覽器對(duì)動(dòng)畫進(jìn)行測(cè)試,以找到最佳的設(shè)置。? 不要制作大型位圖的動(dòng)畫。制作大型圖像的動(dòng)畫會(huì)導(dǎo)致動(dòng)畫速度減慢。相反,應(yīng)創(chuàng)建合成圖像,并移動(dòng)圖像中較小的部分。例如,可以通過(guò)僅制作汽車輪胎的動(dòng)畫來(lái)顯示汽車的運(yùn)動(dòng)。? 創(chuàng)建簡(jiǎn)單的動(dòng)畫。不要?jiǎng)?chuàng)建對(duì)當(dāng)前瀏覽器要求過(guò)高的動(dòng)畫。即使在系統(tǒng)或 Internet 性能降低時(shí),瀏覽器始終會(huì)播放時(shí)間軸動(dòng)畫中的每一幀。多個(gè)時(shí)間軸:

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

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

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

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

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

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

確保您已選定該層;如果插入點(diǎn)位于該層中,則說(shuō)明尚未選定該層。若要選擇一個(gè)層,請(qǐng)單擊層標(biāo)記或?qū)拥倪x擇柄,或者使用“層”面板。3.選擇“修改”>“時(shí)間軸”>“記錄層的軌跡”。4.在頁(yè)面上拖動(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)頁(yè)制作中,幾乎所有的特效都是通過(guò)編寫腳本語(yǔ)言來(lái)實(shí)現(xiàn)的。通常應(yīng)用較多的腳本語(yǔ)言有兩種:VBScript和JavaScript。其中JavaScript因?yàn)槠浜?jiǎn)單易用和眾多的支持者而在網(wǎng)頁(yè)制作者中最為廣泛流行。

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

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

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

定義段落 ;

    定義有序列表;
      定義無(wú)序列表;
    • 定義列表元素;

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

      onMouseDown:按下鼠標(biāo)左鍵時(shí)(不需要放開(kāi)左鍵); onClink:鼠標(biāo)左鍵單擊時(shí); onDblClick:鼠標(biāo)左鍵雙擊時(shí); onLoad:載入網(wǎng)頁(yè)時(shí); onUnload:離開(kāi)頁(yè)面時(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”(顯示行為面板)按鈕,展開(kāi)“Design/Behaviors”(設(shè)計(jì)/行為)面板(如圖13-1):

      圖13-1 “+”(添加行為按鈕):?jiǎn)螕粼摪粹o添加行為(包括事件和動(dòng)作),常見(jiàn)的動(dòng)作如下: “Call JavaScript”(調(diào)用JavaScript):?jiǎn)螕粼撨x項(xiàng)可以調(diào)用自己制作的JavaScript腳本或第三方開(kāi)發(fā)的JavaScript腳本;

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

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

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

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

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

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

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

      “Popup Message”(彈出信息):應(yīng)用此功能可以彈出消息框來(lái)顯示預(yù)先設(shè)定好的文本; “Preload Images”(預(yù)先載入圖像):應(yīng)用此功能可以在頁(yè)面載入時(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)用此功能不僅可以建立一對(duì)一的翻滾圖,還可以建立一對(duì)多等更為復(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”(事件):顯示為對(duì)象設(shè)置的事件; “Actions”(動(dòng)作):顯示與左側(cè)事件對(duì)應(yīng)的動(dòng)作; 行為操作

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

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

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

      圖13-3

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

      “Named Object”(已命名的對(duì)象):從右側(cè)下拉選單中選中對(duì)象名稱,如“Layer1”; “Property”(屬性):設(shè)置對(duì)象的屬性,包括兩個(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 檢測(cè)瀏覽器

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

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

      圖13-10

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

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

      由于我們當(dāng)前頁(yè)面就是“ie.htm”,我們?cè)谶@里將“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”(檢測(cè)瀏覽器)(如圖13-13):

      圖13-13 檢測(cè)插件

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

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

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

      圖13-14

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

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

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

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

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

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

      如果我們想在網(wǎng)頁(yè)上作一個(gè)像拼圖游戲、拖出菜單這類可以隨用戶的鼠標(biāo)指針移動(dòng)的頁(yè)面元素,我們就需要應(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)層)對(duì)話框,默認(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è)置相對(duì)于圖層的起始位置的范圍; “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)和我們?cè)O(shè)置的值相匹配時(shí),即達(dá)到了放置目標(biāo),該值是相對(duì)于瀏覽器窗口的左上角而言)

      “Snap if Within”(靠齊距離):在文本域中輸入值,指定圖層與放置目標(biāo)的靠近距離(即當(dāng)拖動(dòng)圖層與放置目標(biāo)的距離小于該值時(shí),自動(dòng)將圖層與放置目標(biāo)對(duì)齊); 如果還要定義圖層的拖拽范圍,可以單擊“Advanced”(高級(jí))標(biāo)簽,彈出“Advanced”(高級(jí))選項(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序列):還原為原來(lái)的疊放順序;

      “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”(檢測(cè)瀏覽器)(如圖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”(無(wú)),“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)對(duì)話框(如圖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 同樣可以完成對(duì)其他按鈕的設(shè)置,設(shè)置完成后按快捷鍵『F12』瀏覽即可看到預(yù)料的效果。轉(zhuǎn)到URL 關(guān)于文字的鏈接我們前面講得已經(jīng)非常多了,但是應(yīng)用“Go To URL”(轉(zhuǎn)到URL)我們可以實(shí)現(xiàn)一些高級(jí)的跳轉(zhuǎn)。我們下面就來(lái)講一個(gè)單擊一個(gè)鏈接同時(shí)打開(kāi)幾個(gè)頁(yè)面的例子。單擊“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”(無(wú)),單擊“Design/Behaviors”(設(shè)計(jì)/行為)面板上的“+”按鈕,選中“Go To URL”(轉(zhuǎn)到URL)(如圖13-29),彈出“Go To URL”(轉(zhuǎn)到URL)對(duì)話框(如圖13-30)。

      圖13-29 “Open In”(打開(kāi)在):設(shè)置鏈接的打開(kāi)方式;列表框中列出了當(dāng)前框架集中的所有框架的名字以及主窗口,如果頁(yè)面沒(méi)有框架,則只有“Main Window”(主窗口)一個(gè)選項(xiàng)。“URL”(URL):設(shè)置在選定窗口中打開(kāi)的頁(yè)面URL地址; 在本例中,我們?yōu)槿齻€(gè)框架“l(fā)eftFrame”、“topFrame”和“mainFrame”分別設(shè)置URL地址“http://www.tmdps.cn”、“http://www.tmdps.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 打開(kāi)瀏覽器窗口 應(yīng)用“Open Browser Window”(打開(kāi)瀏覽器窗口)行為可以在用戶觸發(fā)該行為時(shí)打開(kāi)一個(gè)新的瀏覽器窗口,在新窗口中載入指定URL地址上的網(wǎng)頁(yè)。該選項(xiàng)還可以設(shè)定新窗口的各項(xiàng)屬性,如窗口的大小、是否顯示導(dǎo)航欄、狀態(tài)條等。如果沒(méi)有指定窗口的屬性,則按啟動(dòng)窗口的屬性和大小打開(kāi),一旦指定了窗口的任何屬性,將自動(dòng)關(guān)閉其他屬性。

      下面我們就利用“Open Browser Window”(打開(kāi)瀏覽器窗口)行為來(lái)實(shí)現(xiàn)在瀏覽網(wǎng)站時(shí)經(jīng)常看到的廣告窗口。

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

      圖13-33

      圖13-34 “URL to Display”(要打開(kāi)的URL):設(shè)置新窗口中所要打開(kāi)的頁(yè)面地址,如“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è)置新窗口的名稱;

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

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

      圖13-36 播放聲音

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

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

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

      圖13-38

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

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

      圖13-41

      圖13-42

      1、APPLET2、3、第十單元插入多媒體對(duì)象

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

      插入FLASH按扭的對(duì)話框

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

      插入FLASH文本

      修改屬性

      添加SHOCKWAVE 對(duì)象

      java applte對(duì)象

      添加plugin

      屬性對(duì)話框

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

      第12單元 模板和庫(kù)

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

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

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

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

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

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

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

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

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

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

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

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

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