欧美色欧美亚洲高清在线观看,国产特黄特色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 02:49:46下載本文作者:會(huì)員上傳
      簡(jiǎn)介:寫寫幫文庫小編為你整理了多篇相關(guān)的《電子教案矛盾》,但愿對(duì)你工作學(xué)習(xí)有幫助,當(dāng)然你在寫寫幫文庫還可以找到更多《電子教案矛盾》。

      第一篇:電子教案矛盾

      第六課

      矛盾觀點(diǎn)與人生動(dòng)力

      〈導(dǎo)入新課〉

      多媒體展示錄像:

      《貓和老鼠》片段

      學(xué)生分析兩者的關(guān)系,引出矛盾雙方既對(duì)立又統(tǒng)一的關(guān)系。提問:生活中我們還能找到哪些這樣的事例和現(xiàn)象? 學(xué)生小組競(jìng)賽活動(dòng):

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

      學(xué)習(xí)過程中的苦與樂、成功與失敗; 自身存在的缺點(diǎn)與優(yōu)點(diǎn);

      社會(huì)生活中的美與丑、真與假、善與惡、福與禍、正氣與歪風(fēng)、自由和紀(jì)律、先進(jìn)與落后、戰(zhàn)爭(zhēng)與和平等;

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

      一、用矛盾的觀點(diǎn)看問題 1.矛盾是事物對(duì)立統(tǒng)一的關(guān)系

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

      幻燈片:講解矛盾的同一性和斗爭(zhēng)性及其關(guān)系 正確理解和把握矛盾的含義: 2.矛盾是事物發(fā)展的動(dòng)力和源泉

      矛盾對(duì)立的雙方力量是不均衡的,如漫畫:“他敢剪嗎?”這種力量的不均 1 衡,引起事物的自身調(diào)整、變化和發(fā)展,事物矛盾的雙方既相互對(duì)立又相互統(tǒng)一,由此推動(dòng)事物的發(fā)展。

      幻燈片:貓和老鼠的斗爭(zhēng)

      馬克思曾說:“假如沒有小偷,鎖會(huì)達(dá)到今天這樣完善嗎?假如沒有假鈔票,鈔票的制造會(huì)這樣精美嗎?”在馬克思看來,鎖的制造日臻完善,鈔票的印刷日臻精美,應(yīng)該到事物的反面去尋找答案。為什么?因?yàn)槭挛锸菍?duì)立統(tǒng)一的。

      3.學(xué)會(huì)用一分為二的觀點(diǎn)全面看問題

      學(xué)習(xí)了唯物辯證法關(guān)于矛盾對(duì)立統(tǒng)一的觀點(diǎn),要求我們要堅(jiān)持兩點(diǎn)論,學(xué)會(huì)一分為二和全面地看問題。認(rèn)清事物的兩個(gè)方面,有利于我們調(diào)動(dòng)一切積極因素,克服消極因素,使事物朝著積極的方向發(fā)展,既要看到矛盾雙方的對(duì)立、差別和不同,還要看到矛盾雙方的相互依賴和相互貫通,只有從對(duì)立統(tǒng)一的相互作用中把握和解決矛盾,才能找到解決和處理矛盾的正確方法,促進(jìn)事物的發(fā)展。

      電視劇《士兵突擊》中的許三多,看上去有點(diǎn)傻,有點(diǎn)笨,但他腳踏實(shí)地,埋頭工作,純樸憨厚,作出了實(shí)實(shí)在在的貢獻(xiàn),也取得了實(shí)實(shí)在在的進(jìn)步,這正是他做人的聰明之處。從許三多身上,我們?nèi)绾握J(rèn)識(shí)傻和聰明之間的對(duì)立統(tǒng)一呢?

      二、矛盾也是人生發(fā)展的動(dòng)力 幻燈片:矛盾的許三多

      小組討論活動(dòng):人無完人,請(qǐng)同學(xué)以小組為單位分析自身的優(yōu)缺點(diǎn)。故事:膽小

      我們用矛盾的觀點(diǎn)來看我們自身,矛盾也是我們?nèi)松l(fā)展的動(dòng)力和源泉,人生就是一個(gè)不斷產(chǎn)生矛盾、不斷解決矛盾的過程,在解決矛盾中我們得到成長(zhǎng)。

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

      學(xué)生活動(dòng):故事會(huì)。各組代表講述積極面對(duì)人生中各種問題、正確處理人生中各種矛盾的故事。

      學(xué)生討論交流感受。

      對(duì)待人生中的各種矛盾,歷來有不同的人生態(tài)度。從同學(xué)們講述的各類故事中,我們可以看到:積極的人生態(tài)度是正視生活中的矛盾,從事物的對(duì)立統(tǒng)一關(guān) 2 系中把握事物的本質(zhì),全面認(rèn)識(shí)和協(xié)調(diào)處理矛盾的不同方面,積極化解矛盾,消除對(duì)立,在解決矛盾中推動(dòng)人生發(fā)展。而消極的態(tài)度是害怕矛盾,掩蓋矛盾,表現(xiàn)為兩種極端相反的傾向:一種傾向是認(rèn)識(shí)和處理問題時(shí)簡(jiǎn)單化和偏激,排斥不同,激化矛盾;另一種傾向是回避矛盾,把一切歸結(jié)于命運(yùn),消極地聽從命運(yùn)的安排。所以,換一種態(tài)度,就會(huì)換一種人生。

      四、堅(jiān)持內(nèi)外因相結(jié)合,促進(jìn)自身發(fā)展 幻燈片:寓言故事 這個(gè)寓言說明什么呢?

      事物的發(fā)展是由多種原因引起的,概括起來可分為兩個(gè)方面:一方面是外部原因(外因),另一方面是內(nèi)部原因(內(nèi)因)。外因是一事物與他事物的對(duì)立統(tǒng)一,即外部矛盾,內(nèi)因是事物內(nèi)部的對(duì)立統(tǒng)一,即事物內(nèi)部矛盾。

      幻燈片:雞蛋變小雞

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

      學(xué)習(xí)了事物發(fā)展的內(nèi)外因關(guān)系原理,要求我們正確處理自身努力與外部條件的關(guān)系,一方面要努力爭(zhēng)取和利用外部有利條件發(fā)展自己,把握機(jī)遇,另一方面要眼睛向內(nèi),積極發(fā)揮自己的主觀能動(dòng)性。

      學(xué)生活動(dòng):順境、逆境之我見

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

      第二篇:矛盾對(duì)立統(tǒng)一教案

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

      教學(xué)方法:“讀書、議論、講解、練習(xí)、總結(jié)”五步法

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

      (一)知識(shí)目標(biāo):(1)矛盾的含義

      (2)矛盾同一性及斗爭(zhēng)性的含義(3)矛盾兩種基本屬性的關(guān)系

      (二)思想目標(biāo)

      讓學(xué)生學(xué)會(huì)用對(duì)立統(tǒng)一的觀點(diǎn)看問題,學(xué)會(huì)創(chuàng)造條件讓事物往好的方面發(fā)展。

      (三)能力目標(biāo):

      通過矛盾同一性與斗爭(zhēng)性的學(xué)習(xí),學(xué)會(huì)用矛盾的觀點(diǎn)看問題,提高學(xué)生解決問題和分析問題的能力

      (四)情意目標(biāo):

      學(xué)會(huì)用矛盾的觀點(diǎn)看問題,理解矛盾同一性與斗爭(zhēng)性的辯證關(guān)系及其重要意義。

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

      三、教學(xué)難點(diǎn):

      運(yùn)用生活中的事例,說明事物自身“對(duì)立統(tǒng)一”的辯證關(guān)系

      四、課堂教學(xué)過程

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

      了解學(xué)生出席情況

      (二)導(dǎo)入新課(1分鐘)

      教師:同學(xué)們,今天我們來學(xué)習(xí)新課。在正式講課前老師給大家看一幅圖片。----中美關(guān)系。最近因?yàn)獒烎~島問題中美關(guān)系又一次走向了緊張,回顧一下從建國(guó)起中美關(guān)系在前進(jìn)中總是充滿波折,既有合作又有沖突。以往我們都是從政治的、經(jīng)濟(jì)的角度來看待中美關(guān)系,今天我們就換個(gè)角度,用哲學(xué)的角度來看一下中美關(guān)系。

      (三)正式講授

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

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

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

      學(xué)生回答:略

      老師提示:①愛因斯坦給光下的定義包含了哲學(xué)上的“矛盾”的觀點(diǎn)。光和微粒,連續(xù)和不連續(xù)是相互對(duì)立的,卻統(tǒng)一于光量子之中??梢娒苁羌扔袑?duì)立又有統(tǒng)一的。

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

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

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

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

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

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

      ①解釋什么是斗爭(zhēng),給出斗爭(zhēng)性的含義:矛盾雙方相互排斥,相互對(duì)立的屬性。它體現(xiàn)著矛盾雙方相互排斥,相互對(duì)立的屬性。

      ②用足球場(chǎng)上的輸與贏的對(duì)立來講解矛盾的斗爭(zhēng)性。

      ③同時(shí)要強(qiáng)調(diào)哲學(xué)上所講的矛盾和生活中所講的矛盾是不能完全等同的。它們是共性和個(gè)性的關(guān)系,普遍和特殊的關(guān)系。

      6、對(duì)矛盾的含義屬性進(jìn)行回顧,為講解基本屬性的關(guān)系做準(zhǔn)備。(2分鐘)

      7、講解矛盾的斗爭(zhēng)性和同一性之間的關(guān)系。

      在這一個(gè)板塊我打算用畫圖的方式進(jìn)行講解 ①同一性離不開斗爭(zhēng)性,同一以差別和對(duì)立為前提。畫圖結(jié)合例子黑與白的依賴性,和學(xué)生由壞到好的轉(zhuǎn)變來說。②斗爭(zhēng)性離不開同一性,斗爭(zhēng)性寓于同一性之中。

      畫圖結(jié)合資本主義社會(huì)的兩種意識(shí)形態(tài)資產(chǎn)階級(jí)和無產(chǎn)階級(jí)的對(duì)立是離不開資本主義社會(huì)這樣一個(gè)大的前提,二者統(tǒng)一于資本主義社會(huì)。

      ③矛盾雙方既對(duì)立又同一,推動(dòng)事物的運(yùn)動(dòng)、變化和發(fā)展 結(jié)合前一章說到的矛盾是事物發(fā)展的根本動(dòng)力這一原理進(jìn)行講解。并結(jié)合今天所講的內(nèi)容進(jìn)行論述。

      8、課堂總結(jié)

      (1)矛盾的含義:矛盾就是反映事物內(nèi)部對(duì)立和統(tǒng)一關(guān)系的哲學(xué)范疇,矛盾就是對(duì)立統(tǒng)一。(2)矛盾的兩種屬性(3)兩種屬性的關(guān)系

      ①同一性離不開斗爭(zhēng)性,同一以差別和對(duì)立為前提 ②斗爭(zhēng)性離不開同一性,斗爭(zhēng)性寓于同一性之中 ③矛盾雙方既對(duì)立又同一,推動(dòng)事物的運(yùn)動(dòng)、變化和發(fā)展

      9、課堂鞏固(習(xí)題)

      10、課后習(xí)題

      在這節(jié)課中,我們學(xué)習(xí)了矛盾的含義,矛盾的兩種基本屬性及其相互關(guān)系。那么老師就給大家留一個(gè)問題,請(qǐng)大家用矛盾對(duì)立統(tǒng)一的觀點(diǎn)去寫一篇文章“超越自己”。

      第三篇:矛盾普遍性教案

      3.31.2矛盾是普遍存在的

      教學(xué)目標(biāo):明確矛盾普遍性的表現(xiàn),學(xué)會(huì)用一分為二的觀點(diǎn)看問題 教學(xué)重點(diǎn):矛盾是普遍存在的(原理及方法論)教學(xué)過程:

      一、引入

      二、矛盾普遍性的表現(xiàn)

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

      (此處提醒學(xué)生在預(yù)習(xí)時(shí)看課本小字例子)例如:莊稼吸收水分和蒸發(fā)水分;工廠既生產(chǎn)產(chǎn)品又消費(fèi)原材料;社會(huì)的階級(jí)差別、真善美與假丑惡現(xiàn)象的對(duì)立;人體內(nèi)的新陳代謝等都是矛盾的體現(xiàn)。

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

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

      例如:

      思考:在現(xiàn)實(shí)生活中,有人認(rèn)為矛盾有時(shí)有,有時(shí)沒有。例如,吵架的時(shí)候有矛盾,而不吵不鬧的時(shí)候就沒有矛盾。對(duì)嗎?

      回答:不對(duì),哲學(xué)矛盾不完全等同于現(xiàn)實(shí)矛盾,一個(gè)是共性,一個(gè)是個(gè)性;再者,不吵不鬧時(shí)也有其他矛盾,如愛好不同,長(zhǎng)相不同,特長(zhǎng)不同等。

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

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

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

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

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

      矛盾是一切事物固有的,不以人的意識(shí)為轉(zhuǎn)移,不會(huì)因?yàn)槿藗兎裾J(rèn)它而消失,也不會(huì)因?yàn)槿巳我饪浯蠡蚩s小它而改變。所以,我們要實(shí)事求是的承認(rèn)矛盾,而不能回避矛盾。這樣,才可以解決矛盾,促進(jìn)矛盾的轉(zhuǎn)化。宋,無門和尚:“春有百花秋有月,夏有涼風(fēng)冬有雪,若無閑事掛心頭,便是人間好時(shí)節(jié)”。任何事物都有好有壞,即矛盾普遍存在,用客觀寬容的態(tài)度看待事物,自己也會(huì)開心一些。

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

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

      俗話說“瓜無滾圓,人無十全”,“不如意事十之八九”,這些都是兩分法的通俗體現(xiàn)?!拔覀冎圃旎鹚庨_天辟地,卻也萌發(fā)了戰(zhàn)爭(zhēng),我們發(fā)明了指南針來追求幸福,卻也誘使了侵略,我們使用農(nóng)藥來捍衛(wèi)植物生命,卻也導(dǎo)致了疾病?!?/p>

      堅(jiān)持兩分法,兩點(diǎn)論,就要對(duì)自己一分為二。既要看自己的優(yōu)點(diǎn)和長(zhǎng)處,又要承認(rèn)缺點(diǎn)與不足。

      堅(jiān)持兩分法、兩點(diǎn)論,要學(xué)會(huì)全面理解和執(zhí)行黨的路線、方針、政策。要認(rèn)真貫徹“兩手抓,兩手都要硬”的戰(zhàn)略思想:一手抓物質(zhì)文明,一手抓精神文明;一手抓經(jīng)濟(jì)建設(shè),一手抓民主法治;一手抓法治建設(shè),一手抓道德建設(shè)。

      第四篇:一年級(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é)過程:

      第一課時(shí)

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

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

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

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

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

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

      (1)小黑板出示生字詞(帶拼音),自由讀,男女生分讀。(2)擦拼音,請(qǐng)學(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)入

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

      小朋友們,月亮姐姐去了兩個(gè)小女孩的家,她們?cè)诟墒裁茨??(自由讀課文。)

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

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

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

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

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

      (3)指導(dǎo)朗讀對(duì)話。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é)評(píng)議。(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é)評(píng)議。(3)自由背誦小詩《鞋》(4)全班配樂背誦。第三課時(shí) 1.激趣導(dǎo)入

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

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

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

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

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

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

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

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

      ☆小組自告奮勇上臺(tái)表演?!钤u(píng)一評(píng)“最佳口才獎(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è)“小能手”的爭(zhēng)奪賽吧!

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

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

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

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

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

      3.熱愛自然。有收集對(duì)子和對(duì)對(duì)于的興趣。教學(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)建議,請(qǐng)你們?cè)僮x讀。和同桌組成學(xué)習(xí)伙伴。

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

      E.齊讀。

      4.識(shí)記生字。

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

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

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

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

      師:含有“木”的宇。生:霜、蝶、李、楊。E.檢查識(shí)字情況:出示去掉拼音的生字認(rèn)讀。讀文感悟 1.過渡:有一篇課文把這些詞進(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)在可以下位找你的好朋友來玩對(duì)對(duì)子,玩的時(shí)候也可以拍拍手。: 7.?dāng)U展活動(dòng):

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

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

      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é)生寫的字,評(píng)議。E、繼續(xù)練寫。實(shí)踐活動(dòng)

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

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

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

      B.提出要求:大自然多美呀!你們喜歡嗎?我這兒還有一些你們喜歡的詞語(藍(lán)天 碧野、萬紫千紅、山清水秀、鳥語花香等),你們能把這些詞貼在相應(yīng)的位置中嗎? C.指名上臺(tái)貼。大家評(píng)評(píng)他貼對(duì)了沒有。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.搜集生活中的對(duì)子,和同學(xué)們交流。2.和爸爸媽媽做對(duì)對(duì)子的游戲。教后記: 教學(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)字音

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

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

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

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

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

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

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

      ◆交流感受。當(dāng)你看到這小小的、涼涼的鳥蛋時(shí),你有什么感受?把自己的感受講出來?!糁笇?dǎo)朗讀。學(xué)生朗讀,師生共同評(píng)議,引導(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è),再評(píng)議。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é)生照樣子說幾組詞語?!魧W(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é)們,你們喜歡小松鼠嗎?你們知道松鼠是什么樣的?誰愿意說一說?[板書 松鼠]你們對(duì)松鼠有些什么了解?[板書:松果] 齊讀課題。

      小松鼠和松果之間會(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í),展示作品,評(píng)議。第二課時(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.寫字展示,評(píng)議。

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

      小松鼠和其他的小動(dòng)物們?cè)谒蓸淞掷锷畹迷趺礃?動(dòng)手畫一畫未來的森林。板書設(shè)計(jì): 松鼠和松果

      松鼠————吃————松果(種)長(zhǎng)松樹 教后記: 教學(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)的級(jí)聯(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è)對(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ù)定義的大?。?/p>

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

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

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

      快速啟動(dòng)條顯示在狀態(tà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)?!捌渌址?/p>

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

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

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

      三、教學(xué)過程:

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

      1、文字

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

      樣式:一般少用下劃線

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

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

      2、圖形

      一般為GIF 和 JPG 格式

      3、超級(jí)鏈接

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

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

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

      文件――新建――對(duì)話框 打開文件類型 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 分段落

      在段落

      格式下拉菜單選擇一種格式 對(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)頁,將學(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)的對(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 行為(例如“交換圖像”)或腳本撰寫語言(例如 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ì)于使用語音合成器(用于只顯示文本的瀏覽器)的有視覺障礙的用戶,將大聲讀出該文本。在某些瀏覽器中,當(dāng)鼠標(biāo)指針滑過圖像時(shí)也會(huì)顯示該文本?!暗貓D名稱”和“熱點(diǎn)工具”允許您標(biāo)注和創(chuàng)建客戶端圖像地圖?!按怪边吘唷焙汀八竭吘唷毖貓D像的邊緣添加邊距(以像素為單位)?!按怪边吘唷毖貓D像的頂部和底部添加邊距?!八竭吘唷毖貓D像左側(cè)和右側(cè)添加邊距?!澳繕?biāo)”指定鏈接的頁應(yīng)當(dāng)在其中載入的框架或窗口。_blank,將鏈接的文件載入一個(gè)未命名的新瀏覽器窗口中。

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

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

      _top,在整個(gè)瀏覽器窗口中載入所鏈接的文件,因而會(huì)刪除所有框架?!斑吙颉笔且韵袼貫閱挝坏膱D像邊框的寬度。默認(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è)置相對(duì)寬度的表格

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

      在“標(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í)行下列操作之一來保存文檔: o 選擇“文件”>“保存”。o 按 Ctrl+S 組合鍵

      修改表格

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

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

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

      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.如果屬性檢查器尚未打開,則打開屬性檢查器(“窗口”>“屬性”)。屬性檢查器中出現(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.完成后,請(qǐng)保存文檔。

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

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

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

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

      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)選定“基本頁”類別。在“基本頁”列表中選擇“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)對(duì)齊。取消對(duì)齊功能用按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)前頁面。保存框架 保存全部

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

      框架與框架的屬性

      邊框 屬性 框架集命名

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

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

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

      上級(jí)

      自身

      頂部

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

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

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

      三、課堂講解:

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

      創(chuàng)建層:

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

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

      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ì)于頁面(如果嵌套,則為父層)左上角的位置。寬和高指定層的寬度和高度。

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

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

      調(diào)整層大小:當(dāng)處理頁面布局時(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)頁排版

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

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

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

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

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

      動(dòng)畫條顯示每個(gè)對(duì)象的動(dòng)畫的持續(xù)時(shí)間。一個(gè)行可以包含表示不同對(duì)象的多個(gè)條。不同的條無法控制同一幀中的同一對(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)畫開始時(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.在頁面上將層移至它在動(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ù)覽頁面上的動(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)作延伸到更多的幀。通過延長(zhǎng)動(dòng)畫條,可以在運(yùn)動(dòng)的開始點(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ù)瀏覽器都不能支持超過 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)圖像中較小的部分。例如,可以通過僅制作汽車輪胎的動(dòng)畫來顯示汽車的運(yùn)動(dòng)。? 創(chuàng)建簡(jiǎn)單的動(dòng)畫。不要?jiǎng)?chuàng)建對(duì)當(dāng)前瀏覽器要求過高的動(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)軌跡來創(chuàng)建時(shí)間軸:

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

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

      確保您已選定該層;如果插入點(diǎn)位于該層中,則說明尚未選定該層。若要選擇一個(gè)層,請(qǐng)單擊層標(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)槠浜?jiǎn)單易用和眾多的支持者而在網(wǎng)頁制作者中最為廣泛流行。

      在我們?cè)O(shè)計(jì)網(wǎng)頁的時(shí)候,接受事件和響應(yīng)事件的對(duì)象一般就是我們?cè)谇懊嬲鹿?jié)中介紹的頁面元素或?yàn)g覽器本身。在HTML語言中,這些頁面元素是用“Tag”(HTML標(biāo)記)來表示的,下面列出了我們?cè)谶@一章中可能用到的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 “+”(添加行為按鈕):?jiǎn)螕粼摪粹o添加行為(包括事件和動(dòng)作),常見的動(dòng)作如下: “Call JavaScript”(調(diào)用JavaScript):?jiǎn)螕粼撨x項(xiàng)可以調(diào)用自己制作的JavaScript腳本或第三方開發(fā)的JavaScript腳本;

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

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

          “Check Plugin”(檢查插件):比如你的網(wǎng)頁上有一個(gè)Flash動(dòng)畫,而訪問者的瀏覽器沒有Flash播放插件時(shí),利用此功能你可以按你的解決方案對(duì)訪問者進(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)一些比較高級(jí)的跳轉(zhuǎn);比如:?jiǎ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)用此功能不僅可以建立一對(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é)中,我們將通過具體實(shí)例講述幾個(gè)我們?cè)诰W(wǎng)頁設(shè)計(jì)中應(yīng)用較多的交互效果。改變對(duì)象屬性

          在頁面上插入一個(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)頁在各種瀏覽器中的顯示完美無缺,我們必須為同一網(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”,將檢測(cè)瀏覽器的事件設(shè)置在“ie.htm”上。也就是說,默認(rèn)的是“ie.htm”,然后在“ie.htm”加載時(shí)(“onLoad”(加載)事件),激發(fā)檢測(cè)瀏覽器的動(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”(檢測(cè)瀏覽器)(如圖13-11),彈出“Check Browser”(檢測(cè)瀏覽器)對(duì)話框(如圖13-12):

          “Check Browser”(檢測(cè)瀏覽器)對(duì)話是由一組條件語句組成的,根據(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)前頁面)?!癠RL”和“Alt URL”是定義“Go to URL”和“Go to Alt URL”所指向頁面的。

          由于我們當(dāng)前頁面就是“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)頁上放上幾個(gè)小Flash,將會(huì)使網(wǎng)頁增色不少。但遺憾的是,運(yùn)行Flash需要插件的支持,但并不是所有的用戶的瀏覽器都安裝了Flash插件。如果用戶打開一個(gè)含有Flash的網(wǎng)頁卻顯示不出來,那我們豈不是弄巧成拙!

          怎么解決這個(gè)問題呢?學(xué)過了上一節(jié),讀者也許有一點(diǎn)思路了。對(duì)了,我們可以為包含F(xiàn)lash的頁面給出另外一個(gè)版本。當(dāng)加載頁面時(shí)(“onLoad”事件),執(zhí)行檢測(cè)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”(行為)面板上的“+”(添加行為)按鈕,在彈出對(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)沒有列出的插件,一般很少用;

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

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

          “Always go to first URL if detection is not possible”(如果無法偵測(cè),永遠(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”(檢測(cè)瀏覽器)(如圖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)層)對(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序列):還原為原來的疊放順序;

          “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”(無),“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)。我們下面就來講一個(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)對(duì)話框(如圖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”(打開瀏覽器窗口)對(duì)話框(如圖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è)置新窗口的名稱;

          由于廣告窗口需要向用戶傳遞的信息不多,所以一般尺寸較小,且不需要各種工具條。我們?cè)诖藶槠湓O(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”(播放聲音)對(duì)話框(如圖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ù))對(duì)話框,我們可以在該對(duì)話框中為聲音播放設(shè)置各項(xiàng)參數(shù)(如圖13-42)。

          圖13-41

          圖13-42

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

          教學(xué)目的:網(wǎng)頁中插入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)頁上添加聲音

          第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)信息等。所以我們可以將頁面先做成類似申請(qǐng)表一樣的表格,將那些相同的內(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”(新建文檔)對(duì)話框(如圖14-4)。在“General”(常規(guī))選項(xiàng)卡的左邊“Category”(類別)列表框中選中“Basic Page”(基本頁面),然后在右邊“Basic Page”(基本頁面)列表框中選中“HTML Template”(HTML模板),然后單擊“OK”按鈕保存并退出

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