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

電子教案矛盾

時間:2019-05-15 02:49:46下載本文作者:會員上傳
簡介:寫寫幫文庫小編為你整理了多篇相關的《電子教案矛盾》,但愿對你工作學習有幫助,當然你在寫寫幫文庫還可以找到更多《電子教案矛盾》。

第一篇:電子教案矛盾

第六課

矛盾觀點與人生動力

〈導入新課〉

多媒體展示錄像:

《貓和老鼠》片段

學生分析兩者的關系,引出矛盾雙方既對立又統一的關系。提問:生活中我們還能找到哪些這樣的事例和現象? 學生小組競賽活動:

1分鐘之內,以列舉的生活中具有兩面性的事物或現象最多為勝。我們身邊具有兩面性的事物或現象有: 足球比賽中的攻與守;

學習過程中的苦與樂、成功與失敗; 自身存在的缺點與優點;

社會生活中的美與丑、真與假、善與惡、福與禍、正氣與歪風、自由和紀律、先進與落后、戰爭與和平等;

自然界中的排斥與吸引、遺傳與變異、陰電與陽電、作用力與反作用力等。〈新課講授〉

一、用矛盾的觀點看問題 1.矛盾是事物對立統一的關系

“萬物莫不有對”,是說事物之中或事物之間具有兩面性。例如:網絡對人們來說就是把“雙刃劍”,有利有弊,一方面,人們通過它可以快速獲取更多的信息,開闊了人們的視野,給人們生活帶來方便;另一方面,網絡上的信息真假難辨,會使人受到不良信息的影響,甚至可以給人造成很大的傷害。同學們列舉出了許多這樣的事物和現象,哲學上把事物內部兩個方面之間或事物之間存在著的既相互排斥、相互對立,又相互依存、相互轉化的關系叫做矛盾。簡言之:矛盾就是對立統一。

幻燈片:講解矛盾的同一性和斗爭性及其關系 正確理解和把握矛盾的含義: 2.矛盾是事物發展的動力和源泉

矛盾對立的雙方力量是不均衡的,如漫畫:“他敢剪嗎?”這種力量的不均 1 衡,引起事物的自身調整、變化和發展,事物矛盾的雙方既相互對立又相互統一,由此推動事物的發展。

幻燈片:貓和老鼠的斗爭

馬克思曾說:“假如沒有小偷,鎖會達到今天這樣完善嗎?假如沒有假鈔票,鈔票的制造會這樣精美嗎?”在馬克思看來,鎖的制造日臻完善,鈔票的印刷日臻精美,應該到事物的反面去尋找答案。為什么?因為事物是對立統一的。

3.學會用一分為二的觀點全面看問題

學習了唯物辯證法關于矛盾對立統一的觀點,要求我們要堅持兩點論,學會一分為二和全面地看問題。認清事物的兩個方面,有利于我們調動一切積極因素,克服消極因素,使事物朝著積極的方向發展,既要看到矛盾雙方的對立、差別和不同,還要看到矛盾雙方的相互依賴和相互貫通,只有從對立統一的相互作用中把握和解決矛盾,才能找到解決和處理矛盾的正確方法,促進事物的發展。

電視劇《士兵突擊》中的許三多,看上去有點傻,有點笨,但他腳踏實地,埋頭工作,純樸憨厚,作出了實實在在的貢獻,也取得了實實在在的進步,這正是他做人的聰明之處。從許三多身上,我們如何認識傻和聰明之間的對立統一呢?

二、矛盾也是人生發展的動力 幻燈片:矛盾的許三多

小組討論活動:人無完人,請同學以小組為單位分析自身的優缺點。故事:膽小

我們用矛盾的觀點來看我們自身,矛盾也是我們人生發展的動力和源泉,人生就是一個不斷產生矛盾、不斷解決矛盾的過程,在解決矛盾中我們得到成長。

三、正確處理人生矛盾,積極促進自身發展 幻燈片:下雨好不好?好不好的關鍵是什么?

學生活動:故事會。各組代表講述積極面對人生中各種問題、正確處理人生中各種矛盾的故事。

學生討論交流感受。

對待人生中的各種矛盾,歷來有不同的人生態度。從同學們講述的各類故事中,我們可以看到:積極的人生態度是正視生活中的矛盾,從事物的對立統一關 2 系中把握事物的本質,全面認識和協調處理矛盾的不同方面,積極化解矛盾,消除對立,在解決矛盾中推動人生發展。而消極的態度是害怕矛盾,掩蓋矛盾,表現為兩種極端相反的傾向:一種傾向是認識和處理問題時簡單化和偏激,排斥不同,激化矛盾;另一種傾向是回避矛盾,把一切歸結于命運,消極地聽從命運的安排。所以,換一種態度,就會換一種人生。

四、堅持內外因相結合,促進自身發展 幻燈片:寓言故事 這個寓言說明什么呢?

事物的發展是由多種原因引起的,概括起來可分為兩個方面:一方面是外部原因(外因),另一方面是內部原因(內因)。外因是一事物與他事物的對立統一,即外部矛盾,內因是事物內部的對立統一,即事物內部矛盾。

幻燈片:雞蛋變小雞

教師結合幻燈片講解,內外因在事物發展的過程中同時存在,缺一不可,內因是事物發展的根本原因,外因是事物發展的條件,外因通過內因才能起作用。合適的溫度只有作用到種雞蛋上才能孵出小雞,作用到石頭上則不能。

學習了事物發展的內外因關系原理,要求我們正確處理自身努力與外部條件的關系,一方面要努力爭取和利用外部有利條件發展自己,把握機遇,另一方面要眼睛向內,積極發揮自己的主觀能動性。

學生活動:順境、逆境之我見

劉默涵和她的默涵助學基金告訴我們:順境和逆境都是外因,起決定作用的還是你自己,無數成功的人生都在說明:人生的路是自己走出來的,只有提高自身素質,才能促進人生發展,創造出自己理想的人生。

第二篇:矛盾對立統一教案

矛盾的同一性和斗爭性(教案)課題:矛盾的同一性和斗爭性 授課班級:高中三年級 教者:李念 課型:授新課 教具:多媒體

教學方法:“讀書、議論、講解、練習、總結”五步法

一、教學目標

(一)知識目標:(1)矛盾的含義

(2)矛盾同一性及斗爭性的含義(3)矛盾兩種基本屬性的關系

(二)思想目標

讓學生學會用對立統一的觀點看問題,學會創造條件讓事物往好的方面發展。

(三)能力目標:

通過矛盾同一性與斗爭性的學習,學會用矛盾的觀點看問題,提高學生解決問題和分析問題的能力

(四)情意目標:

學會用矛盾的觀點看問題,理解矛盾同一性與斗爭性的辯證關系及其重要意義。

二、教學重點: 本目的重點是讓學生理解世界上的一切事物都包含著矛盾,沒有矛盾就沒有世界。

三、教學難點:

運用生活中的事例,說明事物自身“對立統一”的辯證關系

四、課堂教學過程

(一)組織教學(1分鐘)

了解學生出席情況

(二)導入新課(1分鐘)

教師:同學們,今天我們來學習新課。在正式講課前老師給大家看一幅圖片。----中美關系。最近因為釣魚島問題中美關系又一次走向了緊張,回顧一下從建國起中美關系在前進中總是充滿波折,既有合作又有沖突。以往我們都是從政治的、經濟的角度來看待中美關系,今天我們就換個角度,用哲學的角度來看一下中美關系。

(三)正式講授

1.舉例導入(5分鐘):教師:教師播放一段中國與別國足球隊比賽錄像,激發學生興趣,并啟發設疑:“誰來幫我分析一下,足球賽中包含哪些矛盾現象?”學生討論回答,教師點評:“如攻與守,強與弱,勝與負,快與慢……等”引出課題,導入矛盾。為了更清楚的理解矛盾的內涵。接著請大家看教材的第一個材料,并思考一下愛因斯坦的那段材料的兩個問題。

2.學生看材料(1分鐘): 3.講解材料:(5分鐘)

好了,時間到。大家都看完了吧。我們一起來看書本的第一個材料。下面請一位同學來回答第一個小問題。有哪位同學主動請纓的呢。好,***同學來回答一下,①愛因斯坦給光下的定義包含了什么哲學道理?

學生回答:略

老師提示:①愛因斯坦給光下的定義包含了哲學上的“矛盾”的觀點。光和微粒,連續和不連續是相互對立的,卻統一于光量子之中。可見矛盾是既有對立又有統一的。

接著講解“你敢剪嗎”這幅漫畫。進行分析。從漫畫和故事中得出矛盾的含義:矛盾是事物內部對立統一的哲學范疇。對立在哲學上叫斗爭性,統一叫同一性,這是矛盾的兩種基本屬性。接下來就分析這兩種屬性。

4.講解同一性(10分鐘)

同一性的含義:矛盾雙方相互吸引、相互聯結的屬性和趨勢。(1)通過漫畫“甘苦人生”,講解它的第一個含義:矛盾雙方相互依賴,一方的存在以另一方的存在為前提。

(2)通過漫畫“塞翁失馬,焉知非福”的故事來講解它的第二個含義:矛盾雙方相互貫通,即相互滲透,相互包含,在一定條件下可以相互轉換

第一,矛盾雙方的相互依存是 “一定條件”下的相互依存。第二,矛盾雙方的相互轉化,也需要一定的條件。

5、講解矛盾的斗爭性(8分鐘)

①解釋什么是斗爭,給出斗爭性的含義:矛盾雙方相互排斥,相互對立的屬性。它體現著矛盾雙方相互排斥,相互對立的屬性。

②用足球場上的輸與贏的對立來講解矛盾的斗爭性。

③同時要強調哲學上所講的矛盾和生活中所講的矛盾是不能完全等同的。它們是共性和個性的關系,普遍和特殊的關系。

6、對矛盾的含義屬性進行回顧,為講解基本屬性的關系做準備。(2分鐘)

7、講解矛盾的斗爭性和同一性之間的關系。

在這一個板塊我打算用畫圖的方式進行講解 ①同一性離不開斗爭性,同一以差別和對立為前提。畫圖結合例子黑與白的依賴性,和學生由壞到好的轉變來說。②斗爭性離不開同一性,斗爭性寓于同一性之中。

畫圖結合資本主義社會的兩種意識形態資產階級和無產階級的對立是離不開資本主義社會這樣一個大的前提,二者統一于資本主義社會。

③矛盾雙方既對立又同一,推動事物的運動、變化和發展 結合前一章說到的矛盾是事物發展的根本動力這一原理進行講解。并結合今天所講的內容進行論述。

8、課堂總結

(1)矛盾的含義:矛盾就是反映事物內部對立和統一關系的哲學范疇,矛盾就是對立統一。(2)矛盾的兩種屬性(3)兩種屬性的關系

①同一性離不開斗爭性,同一以差別和對立為前提 ②斗爭性離不開同一性,斗爭性寓于同一性之中 ③矛盾雙方既對立又同一,推動事物的運動、變化和發展

9、課堂鞏固(習題)

10、課后習題

在這節課中,我們學習了矛盾的含義,矛盾的兩種基本屬性及其相互關系。那么老師就給大家留一個問題,請大家用矛盾對立統一的觀點去寫一篇文章“超越自己”。

第三篇:矛盾普遍性教案

3.31.2矛盾是普遍存在的

教學目標:明確矛盾普遍性的表現,學會用一分為二的觀點看問題 教學重點:矛盾是普遍存在的(原理及方法論)教學過程:

一、引入

二、矛盾普遍性的表現

1、矛盾存在于一切事物之中,即“事事有矛盾”:

(此處提醒學生在預習時看課本小字例子)例如:莊稼吸收水分和蒸發水分;工廠既生產產品又消費原材料;社會的階級差別、真善美與假丑惡現象的對立;人體內的新陳代謝等都是矛盾的體現。

2、矛盾貫穿于每一事物發展過程的始終,即“時時有矛盾”:

每一事物從產生到滅亡,時時刻刻都存在著矛盾。舊的矛盾解決了,新的矛盾又產生,人的生命就是在這些矛盾中產生、發展直至滅亡。

例如:

思考:在現實生活中,有人認為矛盾有時有,有時沒有。例如,吵架的時候有矛盾,而不吵不鬧的時候就沒有矛盾。對嗎?

回答:不對,哲學矛盾不完全等同于現實矛盾,一個是共性,一個是個性;再者,不吵不鬧時也有其他矛盾,如愛好不同,長相不同,特長不同等。

毛澤東:差異就是矛盾,只不過有時緩和,表現不明顯,有時激化,表現明顯,表現形式不同而已。

思考:矛盾是普遍存在的,是不是意味著任何兩個事物之間都存在著矛盾呢?

回答:不是,只有雙方處于一個統一體中才構成矛盾關系。如雞蛋和石頭,一般情況下不構成矛盾,假如石頭把雞蛋打破了,兩者才成為矛盾。再如,你我之間本來并不相識,而你來到這個學校(或重新分班后)彼此認識了,身份不同,任務不同,甚至觀點不同,也才產生了矛盾。

三、矛盾普遍性原理的方法論意義

首先,要承認矛盾的客觀性與普遍性,敢于承認矛盾,揭露矛盾。

矛盾是一切事物固有的,不以人的意識為轉移,不會因為人們否認它而消失,也不會因為人任意夸大或縮小它而改變。所以,我們要實事求是的承認矛盾,而不能回避矛盾。這樣,才可以解決矛盾,促進矛盾的轉化。宋,無門和尚:“春有百花秋有月,夏有涼風冬有雪,若無閑事掛心頭,便是人間好時節”。任何事物都有好有壞,即矛盾普遍存在,用客觀寬容的態度看待事物,自己也會開心一些。

其次,還要善于全面分析矛盾,堅持兩分法,防止片面性。

既然任何事物都包含著既對立又統一的兩個方面,即任何事物都有兩點,所以,我們要堅持一分為二的矛盾分析法。也就是堅持“兩分法”,反對“一點論”(看問題只看一面,片面看問題)。

俗話說“瓜無滾圓,人無十全”,“不如意事十之八九”,這些都是兩分法的通俗體現。“我們制造火藥開天辟地,卻也萌發了戰爭,我們發明了指南針來追求幸福,卻也誘使了侵略,我們使用農藥來捍衛植物生命,卻也導致了疾病。”

堅持兩分法,兩點論,就要對自己一分為二。既要看自己的優點和長處,又要承認缺點與不足。

堅持兩分法、兩點論,要學會全面理解和執行黨的路線、方針、政策。要認真貫徹“兩手抓,兩手都要硬”的戰略思想:一手抓物質文明,一手抓精神文明;一手抓經濟建設,一手抓民主法治;一手抓法治建設,一手抓道德建設。

第四篇:一年級電子教案

8、月亮的心愿教學設計 白衣小學楊珂鑫 教學目標: 1.認識14個生字,會寫“女、氣、去、大、早、亮”6個生字。2.正確、流利地朗讀課文。

3.理解課文內容,懂得從小就要關心別人,為別人著想。教學準備:兩幅掛圖、小黑板 教學時間:2課時 教學過程:

第一課時

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

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

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

3.師總結:老師有一個發現,兩幅圖上,月亮的表情不一樣,看了這兩個小女孩的家,月亮會怎么想呢?今天我們就學習8.《月亮的心愿》(齊讀)

二、感知性閱讀,學習生字詞

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

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

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

三、讀后悟,讀后感

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

四、再現生字,復習鞏固

第二課時

一、復習導入

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

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

二、再讀課文,理解內容

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

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

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

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

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

三、再現生字,書寫指導

四、拓展練習:兩個小女孩走在郊游的路上,心里會想些什么呢? 教學反思:

語文園地二教學設計 教學目標

1.引導學生發現漢字規律,自己小結識字的方法。2.初步了解多義字。3.積累詞語。4.熟讀背誦《鞋》。

教學重難點積累詞語提高積累語言的能力 教學方法小組合作

學生準備詞語卡片識字“蘋果樹”。教學時間

3課時 教學過程 第一課時 1.導入:

小朋友,咱們都有一個溫馨和睦的家,平時在家里,你們會和爸爸媽媽 一起干些什么呢? 2.我會認

(1)我們和爸爸媽媽看電視的時候,電視中出現的生字,爸爸媽媽會 教給你們聽嗎?看電視你們都認識了哪些字?

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

(5)集體交流,小組派代表匯報,總結識字方法。(6)認讀生字卡片(學生說一說是怎么記住這個字的)。3.讀讀想想

(1)小組學習:讀一讀這些詞語,你發現了什么?

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

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

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

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

同學們,你們在家做過家務事嗎?

你為什么沒做過?能給大家說說當時的情況嗎?(學生說一說父母不讓他們做家務事的情況)2.展示畫面,口語交際(1)創設情境一

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

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

△媽媽為什么不讓小明做家務?

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

△我們能做那些家務事?我們之前學過的課文中小朋友是怎么做的? ☆小組內表演:

小組內的幾個同學分別扮演媽媽、孩子、同學等角色,表演勸說的過程。說 服“媽媽”后,請“媽媽”談談,為什么接受了“孩子”的要求。C.上臺表演:

☆小組自告奮勇上臺表演。☆評一評“最佳口才獎”。

看看哪組能在最短的時間內用最好的方法說服“媽媽”。(2)創設情境二

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

A.說說你為什么要幫爸爸媽媽做家務?

B.個別說說做家務事的經過(要求口齒清楚,普通話標準)C.全班交流。

其他同學補充認為你說得不完整的地方,在同一件家務事上,他們的做法又是怎 樣做的?

(3)創設情境三

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

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

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

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

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

1.認識“霧”、“霜”等13個生字,會寫“和”、“語”等6個生字。2.正確、流利地朗讀課文。

3.熱愛自然。有收集對子和對對于的興趣。教學重難點

認識13個生字,會寫6個字;正確流利地朗讀課文。“霞”的認識及“秀“的書寫。教學準備投影片圖片 教學過程 第一課時

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

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

1.過渡:同學們說得真棒!這些詞,你會讀嗎? 2.展示讀詞:讀一讀,認識哪個讀哪個,并讓學生說說自己是怎么認識這些詞的。3.認讀詞語。A.自由讀詞。B.指名讀詞。

C.正音(重點指導:朝、蜂、紫)。

D.交流讀詞:根據大家提的幾點建議,請你們再讀讀。和同桌組成學習伙伴。

你讀給我聽,我讀給你聽。如果同桌讀得好,你就表揚他;如果同桌讀時有困難,請你幫助他。

E.齊讀。

4.識記生字。

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

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

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

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

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

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

A.讀《同步練習》

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

8、齊讀全文。指導寫字

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

2、重點指導寫“和”、“秀”。A、自主觀察,注意間架結構。B、生提示重點筆畫,并范寫。C、生描紅,并練寫一個。D、展示學生寫的字,評議。E、繼續練寫。實踐活動

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

創設情境,鞏固練習1.在情境中理解詞語

A.展示掛圖,內容是美麗的大自然。

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

A.交代活動內容:上節課后,同學們都選了喜歡的詞,配上了圖畫。現在就拿 出自己的作品小組中交流交流。B.指名上臺展示。

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

同學們為詞配的畫真漂亮!那能不能說一說你知道哪些風景優美的地方,可以 用這些詞語來贊美呢?帶著情感朗讀課文 練習寫字

上節課寫的字還記得嗎?再寫幾個,看看是不是有了進步? 實踐活動

1.搜集生活中的對子,和同學們交流。2.和爸爸媽媽做對對子的游戲。教后記: 教學反思: 兩只鳥蛋教學設計 教學目標:

1.認讀“蛋、取”等12個生字,會寫“聽、唱”等6個字。

2.從媽媽的語言,我的神情動作中體會人物的情感變化,練習正確流利有感情的朗讀背誦課文,激發學生喜歡朗讀詩歌的興趣。

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

教學重難點:識記生字,有感情的朗讀課文,背誦課文。教學準備:生字卡片,鳥蛋實物。教學課時:2課時 第一課時

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

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

二、初讀課文,讀準字音

請小朋友自由讀課文,注意讀準每個字的字音,遇到自己認為比較難讀的字 或容易讀錯的字作個記號。

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

3.請小朋友選擇自己喜愛的一小節,讀一讀,其他小朋友認真聽,比一比誰的 耳朵靈,能夠發

現這個小朋友哪個字音讀得最準,你要向他學;哪個字音讀得不太好,你要提醒他。(隨著學生的發現,順勢指導學生學習生字)4.請小朋友分四人合作小組再讀課文,互相聽一聽,比一比誰讀得準。

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

三、細讀課文,促進感悟 1.學生自由讀課文。2.全班交流:

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

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

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

C.第三小節:學生談理解后,讓學生邊讀邊演。

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

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

四、借助想像,升華感情

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

五、學寫生字“遠、連”

1.出示生字,認識,觀察,說說怎樣把字寫漂亮。2.重點指導寫好“連”、“遠”的“走之”。3.書寫練習。第二課時

一、背誦詩歌

二、學生練習背誦,指名背誦,小組背誦,全班齊背。

三、復習鞏固生字詞

1.出示不帶拼音的詞,學生認讀。

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

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

四、寫字練習

1.出示“我會寫”中的其它四個字,學生認識,觀察,描一個,寫一個,再評議。2.再練習寫字。

五、實踐活動

1.引導學生積累詞語。

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

B、男女同學輪讀左邊的詞組與右邊的詞組,說說發現了什么。

六、擴展練習

◆“找朋友”游戲。把寫有“花兒”、“小事”、“天空”、“紅紅的”、“綠綠的”、“藍藍的” 的卡片分發給學

生,讓擁有不同詞語的學生去找朋友,讀一讀;再讓兩個朋友交換左右順序,讀一讀。◆教師提供圖片,引導學生照樣子說幾組詞語。◆學習小組合作交流,展示平時積累的詞語。2.小調查:保護鳥類。

尋找有關益鳥的圖片、資料,想想應該怎樣保護它們,然后全班交流。板書設計:

9、兩只鳥蛋

取下——媽媽說(保護小鳥)————送還 教后記: 教學反思: 10 松鼠和松果 學習目標:

1.認識“聰、話”等11個生字。會寫“以、后”等6個字。2.正確、流利、有感情地朗讀課文,并能復述這個童話。

3.初步感受回報自然、植樹造林的重要,愿意參加植樹、認養樹木等活動。教學課時

2課時 第一課時

一、談話導入

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

小松鼠和松果之間會發生什么事呢?我們今天來讀一讀這個故事吧!

二、初讀課文

1.學生自由讀課文。

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

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

三、學習生字詞

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

四、學習課文第一自然段

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

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

一、復習引入

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

二、學習課文第二、三自然段

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

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

三、學習第四自然段

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

四、學習第五、六自然段

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

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

六、擴展活動

小松鼠和其他的小動物們在松樹林里生活得怎么樣?動手畫一畫未來的森林。板書設計: 松鼠和松果

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

第五篇:DREAMWEAVER電子教案

第1章 初識Dreamweaver安裝、下載方法.一、教學目的:學習原DR的安裝、下載方法.二、教學重點:概述和安裝

三、教學過程

1.1 Dreamweaver MX概述

1、直觀的新工作區

2、更加強大的模板

3、廣泛的代碼庫

4、新服務器技術

5、幫助初學者起步的示例內容

6、XML和WEB標準支持

7、改進的級聯樣式表(CSS)

8、高性能的新編碼功能

9、高性能的新編碼功能

10、優化COLDFUSION MX開發環境

使用 Dreamweaver 工作區

一、教學目的:認識DR的界面,了解各面板的組成,菜單的組成。

二、教學重點:各面板的組成。

三、教學過程:

選擇工作區布局(僅適用于 Windows)在 Windows 中首次啟動 Dreamweaver 時,會出現一個對話框讓選擇一種工作區布局。如果以后改變了主意,可以使用“參數選擇”對話框切換到一種不同的工作區。

選擇工作區布局:

選擇下列布局之一: Dreamweaver MX 工作區

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

在選擇一種工作區后切換到另一種工作區:

Dreamweaver MX 工作區

浮動工作區布局(Windows 和 Macintosh)狀態欄

“文檔”窗口底部的狀態欄提供與正創建的文檔有關的其他信息。調整“文檔”窗口的大小

將“文檔”窗口的大小調整為預定義的大小:

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

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

使用快速啟動條

快速啟動條顯示在狀態欄中,包含用以打開和關閉各種面板、檢查器和窗口的按鈕。

若要顯示快速啟動條,請在“面板”參數選擇中啟用“在面板和啟動器中顯示圖標”選項。可以指定在快速啟動條中顯示哪些項目。

使用文檔工具欄

? “顯示代碼視圖

?

“顯示代碼視圖和設計視圖” ?

“顯示設計視圖

? “標題”

? “文件管理”

? “在瀏覽器中預覽/調試”

?

“換行符”在插入點處插入一個換行符。還可以按下 Shift+Enter(Windows)“不換行空格”在插入點處插入一個不換行的空格()。“左引號”、“右引號”和“破折線”在插入點處插入標點符號。“英鎊符號”、“歐元符號”和“日元符號”在插入點處插入貨幣符號。“版權”、“注冊商標”和“商標”在插入點處插入相應的符號。“其它字符”

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

一、教學目的:學習網頁的組成對象 設計要素 文本的字體大小顏色,段落的格式,基本的編輯命令。

二、學教重點:文本編輯的基本操作

三、教學過程:

網頁的組成比報紙和雜志復雜的多,因為它包含圖、聲、文、動畫、控件等多媒體,另一大特點有超級鏈接。

1、文字

標題:一般為圖形 尺寸 系統默認大小

樣式:一般少用下劃線

字體:一般為系統默認大小

顏色:以顏色來強調文章的重點

2、圖形

一般為GIF 和 JPG 格式

3、超級鏈接

站內鏈接 和站外鏈接 網頁的設計要素

不同瀏覽器的顯示效果 網絡的傳輸速度 屏幕的分辨率 顏色的顯示

網頁的基本操作 創建網頁

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

庫文件LBI 模板文件 DWT

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

CFM模板文件

JSF

fireworks文件 LASSO 打開當前站點文件

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

文件菜單下列出的文件名 從WORD中導入文件

先在WORD中將文件保存為HTML 文件 然后在DR 中 文件-導入-WORDHTML

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

直接輸入 使用剪貼板

用ENTER 相當于插入

用SHIFT+ENTER 相當于插入
改變字體樣式 改變字號

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

然后用下列兩種方式 ? 用文字屬性面板中調整 ? ?

單擊調色板中的右上角要將字體改為默認值點

按鈕或菜單文本――顏色

上機練習:

段 落 格 式

創新新段落:

ENTER 分段落

在段落

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

居中對齊 左對齊 右對齊

縮進段落

取消縮進

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

項目符號: 每個段落前加一個項目符號 用

利用 插入分隔線

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

修改分隔線的屬性

改變長度 改變高度

改變對齊方式

插入特殊字符和符號

菜單插入|特殊字符|

彈出子菜單,進行所需要的項目選擇

其中包括:

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

用于行首 插入符號

E-mail 地址鏈接

插入|電子郵件鏈接|

其效果將看到“歡迎聯系”字樣并帶下劃線 可以發送郵件 插入日期時間:

插入注釋文字

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

移動和復制

直接用鼠標拖動

使用CUT

COPY

PASTE

靈活使用HISTORY 面板 SHIFT+F10

表示當前剛完成的操作

重放按鈕 復制到剪帖板按鈕保存命令按鈕

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

上機練習,重復上述操作,記錄快捷鍵

作業:做一個文字型的小網頁,將學到的知識運用在上面。

第3單元網頁中的圖像鏈接

教學目的:掌握網頁中插入圖像、修改屬性、插入交互圖像以及創建交互圖像的方法。教學重點:插入圖像、控制圖像 創建鏈接、插入交互圖像的方法。插入圖像操作:

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

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

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

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

2.在出現的對話框中執行下列操作之一: o 選擇“文件系統”以選擇一個圖形文件。o 選擇“數據源”以選擇一個動態圖像源文件。3.瀏覽以選擇您要插入的圖像或內容源文件。o

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

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

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

“鏈接”指定圖像的超鏈接。將“指向文件”圖標拖到“站點”面板中的某個文件,單擊文件夾圖標瀏覽到站點上的某個文檔,或手動鍵入 URL。有關創建鏈接的信息,“對齊”對齊同一行上的圖像和文本。

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

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

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

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

“編輯”啟動您在“外部編輯器”參數選擇中指定的圖像編輯器并打開選定的圖像。有關設置外部圖像編輯器的信息,“重設大小” Control+代字號(~)

第四單元表格設計

教學目的:學習下列方法

? 在“標準”視圖中創建和修改表格 ? 向表格添加顏色

? 在“標準”視圖中設置相對寬度的表格

教學重點:能進行表格設計 教學過程:

在“標準”視圖中創建和修改表格 1.在 Dreamweaver 中,選擇“文件”>“新建”。即出現“新建文檔”對話框。

2.在“空文檔”列表中,選擇“HTML”,然后單擊“創建”以創建一個新的 HTML 文檔。3.在“文檔”工具欄的“標題”文本域中,輸入“表格設計”為文檔添加一個標題。

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

插入表格

現在就可以在文檔中插入表格了。

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

出現“插入表格”對話框。

2.在該對話框中,設置下列選項:

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

o 在“邊框”文本框中,鍵入 1 將表格和表格單元格周圍的邊框寬度設置為 1 個像素。

3.單擊“確定”。

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

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

修改表格

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

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

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

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

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

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

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

通過合并和拆分單元格,可以自定義表格的設計以符合布局需要。接下來,將看到如何使用菜單選項或屬性檢查器來合并或拆分表格單元格。

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

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

兩個單元格合并成一個單元格。

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

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

可以拆分單個的單元格或列。

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

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

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

更改行高和列寬

現在調整該表格的尺寸。將要增加表格的行間距,并且調整表格列間距。

1.沿表格底部邊框移動指針直到指針變成一個邊框選擇器,然后向下拖動以調整表格大小。

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

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

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

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

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

標簽以選擇整個表格。

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

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

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

現在,將設置表格邊框的顏色。邊框顏色同時應用于表格的外邊框和內邊框。

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

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

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

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

在“標準”視圖中設置相對寬度的表格

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

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

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

在“寬度”文本框中,鍵入 90,并在“寬度”文本框右邊的彈出式菜單中選擇百分比。在“邊框”文本框中,輸入 1 將表格和表格單元格周圍的邊框寬度設置為 1 個像素。7.單擊“確定”。

表格即出現在文檔中。

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

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

創建其寬度基于像素的表格

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

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

在“寬度”文本框中,鍵入 600,然后在“寬度”文本框右邊的彈出式菜單中選擇像素。在“邊框”文本框中,鍵入 1 將表格和表格單元格周圍的邊框寬度設置為 1 個像素。4.單擊“確定”。

表格即出現在文檔中。

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

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

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

調整瀏覽器窗口大小以查看在瀏覽器窗口改變時,這兩個表格是怎樣變化的。基于像素的表格保持大小不變,而基于百分比的表格則調整大小以符合瀏覽器大小。8.文檔查看完畢后,請關閉瀏覽器窗口。9.保存文檔。創建和保存新文檔

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

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

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

第五單元 版面設計

1.2.3.教學目的:能輕松地設計出合理的網頁設計 教學重點:創建、布局和調整布局表格 課堂講解:

創建布局表格和布局單元格

繪制布局表格:

如果要創建多個布局表格而又不想 每次都單擊布局表格按鈕,按住CTRL 再創建。

創建布局表格時會靠近頁面邊界<8個像時會自動對齊。取消對齊功能用按ALT鍵

繪制布局單元格: 在頁面上制作一個單元格以后,會自動創建了一個包含這個布局單元格的布局表格,在一個布局表格里可以創建幾個單元格。

組件繪制嵌套的布局表格:在一個表格里繪制另一個布局表格,稱為布局表格的嵌套,在一個表格里可以創建多個嵌套布局表格

使用輔助網格線:菜單中

查看|網格|網格設置 顯示網格 CTRL+ALT+G 捕捉網格 SHIFT+ALT+CTRL+G 在布局單 元格中添加內容:添加文本、添加圖像、調整布局 表格和布局單元格

單擊單元格的邊框,或按住CTRL單擊單元格中的任何位置,在布局單元格中的邊框上會出現控制柄。拖動控制柄就可以改變布局單元格的大小。

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

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

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

設置自動伸展寬度 設置指定寬度 使用間隔圖

第六單元 框

架一、二、三、教學目的:學習框架集,框架集中保存及關聯文件。教學重點:框架集的基本概念和基本操作 課堂講解:

1、框架的作用

2、創建框架方法 用菜單方法

用拖動框架任一角,或一邊。按ALT拖動邊

框架拖出另一邊合并

4、插入預定義框架集

5、嵌套的框架集

保存框架集文件

CTRL+S 只能保存當前頁面。保存框架 保存全部

一定要搞清楚框架集和各框架的名字于其對應的關系。

框架與框架的屬性

邊框 屬性 框架集命名

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

使用鏈接控制框架的內容

空白小結:能利用框架更好地規劃頁面 作業:利用框架作一網頁

上級

自身

頂部

第7單元層的運用

一、教學目的:創建層,層的參數選擇和屬性設置,層的操作,改變層的堆棧順序,改變層的可見性,層與表格。

二、教學重點:層的運用

三、課堂講解:

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

創建層:

設置層的可見性 層的名稱

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

1.層的屬性設置:設置以下任一選項:

層 ID 用于指定一個名稱,以便在“層”面板和 JavaScript 代碼中標識該層。請輸入一個名稱。只應使用標準的字母數字字符,而不要使用空格、連字符、斜杠或句號等特殊字符。每個層都必須有它自己的唯一名稱。

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

層的移動與對齊: 選擇層。

選擇“修改”>“對齊”,然后選擇一個對齊選項。

調整層大小:當處理頁面布局時,可以對層進行選擇、移動、大小調整和對齊。在對一個層進行移動、大小調整或對齊之前,必須先選擇該層。

若要防止在對層進行移動和大小調整時使層相互重疊,請使用“防止重疊”選項 層與網格對齊: 設置網格顯示和對齊,拖動層然后釋放即對齊

改變層的順序:用鼠標拖動上下位置

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

作業:利用層作一網頁排版

第八單元使用“時間軸”面板

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

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

幀編號指示幀的序號。“后退”和“播放”按鈕之間的數字是當前幀編號。您可以通過設置幀的總數和每秒幀數(fps)來控制動畫的持續時間。每秒 15 幀這一默認設置是比較適當的平均速率,可用于在通常的 Windows 和 Macintosh 系統上運行的大多數瀏覽器。備注: 較快的速率可能不會提高性能。瀏覽器始終會播放動畫的每一幀,即使它們無法達到指定的幀速率。如果幀速率超過瀏覽器可以支持的速率,則將被忽略。上下文菜單包含各種與時間軸相關的命令。

“行為”通道是應該在時間軸中特定幀處執行的行為的通道。

動畫條顯示每個對象的動畫的持續時間。一個行可以包含表示不同對象的多個條。不同的條無法控制同一幀中的同一對象。關鍵幀是動畫條中已經為對象指定屬性(如位置)的幀。Dreamweaver會計算關鍵幀之間幀的中間值。小圓標記表示關鍵幀。

“動畫”通道顯示用于制作層和圖像動畫的條。重命名時間軸

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

1.將層移至它在動畫開始時應處于的位置。2.選擇“窗口”>“其他”>“時間軸”。

3.選擇您要制作動畫的層。

4.在層中單擊會將一個閃爍的插入點放入層中,但不會選定該層。5.選擇“修改”>“時間軸”>“在時間軸上添加對象”,或者簡單地將選定層拖至“時間軸”面板中。6.一個條將出現在時間軸的第一個通道中。層的名稱將在該條中出現。7.單擊位于條末端的關鍵幀標記。8.在頁面上將層移至它在動畫結束時應處于的位置。

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

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

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

2.若要刪除選定的時間軸,請選擇“修改”>“時間軸”>“刪除時間軸”。這將永久刪除選定時間軸中的所有動畫。

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

4.若要在“時間軸”面板中查看另一個時間軸,請從“時間軸”面板的“時間軸”彈出式菜單中選擇一個新的時間軸。拖動軌跡來創建時間軸:

1.選擇一個層。

2.將該層移至它在動畫開始時應處于的位置。

確保您已選定該層;如果插入點位于該層中,則說明尚未選定該層。若要選擇一個層,請單擊層標記或層的選擇柄,或者使用“層”面板。3.選擇“修改”>“時間軸”>“記錄層的軌跡”。4.在頁面上拖動層以創建軌跡。

5.當到達動畫應停止的點時釋放該層。

Dreamweaver在時間軸上添加一個動畫條,其中包含適當數量的關鍵幀。6.在“時間軸”面板中,單擊“倒帶”按鈕;然后按住“播放”按鈕預覽動畫。

第9單元行為1、2、3、教學目的:行為概述,自帶的行為使用 教學重點:行為的使用 課堂教學

行為基礎

在網頁制作中,幾乎所有的特效都是通過編寫腳本語言來實現的。通常應用較多的腳本語言有兩種:VBScript和JavaScript。其中JavaScript因為其簡單易用和眾多的支持者而在網頁制作者中最為廣泛流行。

在我們設計網頁的時候,接受事件和響應事件的對象一般就是我們在前面章節中介紹的頁面元素或瀏覽器本身。在HTML語言中,這些頁面元素是用“Tag”(HTML標記)來表示的,下面列出了我們在這一章中可能用到的HTML標記: 定義文檔正文; 定義鏈接; 定義圖像;
定義表單;

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

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

定義段落 ;

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

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

      onMouseDown:按下鼠標左鍵時(不需要放開左鍵); onClink:鼠標左鍵單擊時; onDblClick:鼠標左鍵雙擊時; onLoad:載入網頁時; onUnload:離開頁面時;

      onResize:當瀏覽者改變瀏覽窗口的大小時; onScroll:當瀏覽者拖動滾動條的時; 行為面板

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

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

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

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

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

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

      “Drag Layer”(拖動層):用來制作隨鼠標移動而移動的網頁特效; “Go to URL”(轉到URL):應用此項可以實現一些比較高級的跳轉;比如:單擊一個鏈接可以同時打開幾個頁面,打開一個頁面后自動跳轉到一個新的頁面等;

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

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

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

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

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

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

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

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

      在這一節中,我們將通過具體實例講述幾個我們在網頁設計中應用較多的交互效果。改變對象屬性

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

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

      圖13-3

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

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

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

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

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

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

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

      圖13-6

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

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

      圖13-9 13.3.2 檢測瀏覽器

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

      打開網頁文件“ie.htm”,在狀態欄上單擊選中HTML標記“”(如圖13-10),使之變為粗體(如圖13-11)。

      圖13-10

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

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

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

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

      圖13-13 檢測插件

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

      怎么解決這個問題呢?學過了上一節,讀者也許有一點思路了。對了,我們可以為包含Flash的頁面給出另外一個版本。當加載頁面時(“onLoad”事件),執行檢測Flash插件的動作:若用戶安裝了Flash插件,保持頁面不變;否則跳轉到另一個頁面。

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

      圖13-14

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

      “If Found,Go To URL”(如果有,前往URL):設置如果檢測時發現了目標插件時所要打開的頁面;

      “Otherwise,Go To URL”(否則,前往URL):設置當檢測時沒有發現目標插件時所要打開的頁面;

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

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

      圖13-16 拖動層

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

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

      圖13-17

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

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

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

      圖13-19 “Drag Handle”(拖拽控制點):設置圖層中用于拖動圖層的區域,包括兩個選項: “Entire Layer”(整個層);

      “Area Within Layer”(層內區域):在“Left”和“Top”文本域中設置拖拽區域左上角點的坐標;在“Width”和“Height”文本框中輸入拖動區域的寬度和高度值; “While Dragging”(拖拽時):設置拖動時層的狀態:

      “Bring Layer to Front”(將層移至最前):選中此項表示在拖動層時將層移動到最頂層; “then”(然后):設置放置層時層的疊放狀態:

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

      “Call JavaScript”(呼叫JavaScript):設置拖動層時調用的JavaScript代碼; “When Dropped”(放下時):設置放下時層的狀態:

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

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

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

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

      圖13-22

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

      圖13-24

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

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

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

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

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

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

      圖13-29 “Open In”(打開在):設置鏈接的打開方式;列表框中列出了當前框架集中的所有框架的名字以及主窗口,如果頁面沒有框架,則只有“Main Window”(主窗口)一個選項。“URL”(URL):設置在選定窗口中打開的頁面URL地址; 在本例中,我們為三個框架“leftFrame”、“topFrame”和“mainFrame”分別設置URL地址“http://www.tmdps.cn”、“http://www.tmdps.cn”和“http://www.5460.net”,設置好后單擊“OK”按鈕保存并退出(如圖13-30):

      圖13-30 這時我們可以發現“Behaviors”(行為)面板中已經添加了我們剛才設置的行為:“Events”(事件)為“onClick”(載入);“Actions”(動作)為“Go To URL”(轉到URL)(如圖13-31):

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

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

      下面我們就利用“Open Browser Window”(打開瀏覽器窗口)行為來實現在瀏覽網站時經常看到的廣告窗口。

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

      圖13-33

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

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

      “Scrollbars as Needed”(需要時使用滾動條):選中此項當內容超出新窗口時顯示滾動條;

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

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

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

      圖13-36 播放聲音

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

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

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

      圖13-38

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

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

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

      圖13-41

      圖13-42

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

      教學目的:網頁中插入FLASH SHOCKWAVE ACTIVE PLUGIN JAVA 教學重點:插入對象的具體方法 課堂教學

      插入FLASH按扭的對話框

      插入FLASH動畫方法對話框

      插入FLASH文本

      修改屬性

      添加SHOCKWAVE 對象

      java applte對象

      添加plugin

      屬性對話框

      作業:在自己的網頁上添加聲音

      第12單元 模板和庫

      一、教學目的:理解模板的作用,掌握模板的創建和應用。

      二、教學重點:模板的應用。

      三、內容: 模板的概念

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

      “logo”:即網站的徽標,這是一個網站的標志,一般放在每個頁面最頂部的左上角,其一般和標準大小為88px×31px;

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

      “Nav Bar”:即頁面上的導航條,一般放在頁面的頂部和底部,用來快捷地在網站各頁面之間跳轉

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

      “content”:即頁面的正文,這是每個頁面區別于其他頁面的地方;

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

      在我們批量制作網頁時,logo、導航條和版權信息往往是不變的,此外頁面的背景和文字樣式也可能需要統一,因此我們可以將這些元素設置為鎖定區域。而地址條、正文和頁面的標題往往是不同的,我們可以將這些元素設置為可編輯區域。創建模板文件

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

      新建文件窗口的標題欄中的文件名前出現了 [<