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

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

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

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

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

      5電子教案

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

      第一篇:5電子教案

      第五課

      發(fā)展變化與順境逆境

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

      1.認(rèn)知:掌握發(fā)展的含義與實(shí)質(zhì);正確理解事物發(fā)展過程中前進(jìn)性和曲折性的辯證關(guān)系,在人生發(fā)展中保持積極進(jìn)取的精神。

      2.情感態(tài)度觀念:面對生活中的困難、挫折和逆境,保持積極進(jìn)取的精神狀態(tài),養(yǎng)成勇于克服困難和開拓進(jìn)取的優(yōu)良品質(zhì);主動鍛煉個(gè)性心理品質(zhì),養(yǎng)成良好的生活態(tài)度。

      3.運(yùn)用:學(xué)會用發(fā)展的觀點(diǎn)分析解決問題;處理好順境和逆境的關(guān)系,提高在日常生活、學(xué)習(xí)、工作中戰(zhàn)勝困難和挫折的能力。3.情感態(tài)度觀念:面對生活中的困難、挫折和逆境,保持積極進(jìn)取的精神狀態(tài),養(yǎng)成勇于克服困難和開拓進(jìn)取的優(yōu)良品質(zhì);主動鍛煉個(gè)性心理品質(zhì),養(yǎng)成良好的生活態(tài)度。

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

      1.發(fā)展是前進(jìn)性與曲折性的統(tǒng)一。2.以積極的心態(tài)對待逆境和挫折。【教學(xué)難點(diǎn)】

      1.順境、逆境的聯(lián)系與轉(zhuǎn)化。2.以積極的心態(tài)對待逆境和挫折。〈導(dǎo)入新課〉

      設(shè)問:“在科學(xué)上面沒有平坦的大道,只有不畏勞苦沿著陡峭山路攀登的人,才有希望到達(dá)光輝的頂點(diǎn)?!?結(jié)合視頻內(nèi)容,回答以上名人警句包含了哪些哲學(xué)道理?給我們哪些人生啟示?

      學(xué)生:討論,回答(略)

      教師:(小結(jié))從神舟一號到神舟七號,這是一個(gè)艱難的過程,也是我們改革開放成果不斷顯現(xiàn)的過程,更是中國人民揚(yáng)眉吐氣的過程。中國的“飛天”夢想的逐步實(shí)現(xiàn),是中國航天人和全國人民不斷奮斗、不懈追求的過程,從1999年神舟一號無人飛船首訪太

      空,到2005年費(fèi)俊龍、聶海勝乘坐神舟六號攜手問天,6年間的6次飛行如同6個(gè)臺階,一次次,在浩瀚的太空中銘刻下中國人的印記。

      2008年9月25日21時(shí)10分,是每個(gè)中國人自豪的時(shí)刻,中國自行研制的第三艘載人飛船神舟七號發(fā)射了!霍志剛、劉伯明、景海鵬三人一起升向了天空,他們實(shí)現(xiàn)了世界上為數(shù)不多國家掌握的太空行走這一大創(chuàng)舉。從載人航天到踏出太空的第一步,我們看到了中國航天技術(shù)的不斷發(fā)展?!葱抡n講授〉

      一、用發(fā)展的觀點(diǎn)看問題

      1.一切事物都處在發(fā)展變化之中

      世界上的一切事物都是變化發(fā)展的,一成不變的事物是不存在的。整個(gè)世界就是一個(gè)由無數(shù)事物構(gòu)成的生生不息、永無止境的無限發(fā)展過程。

      發(fā)展是指事物自身性質(zhì)的突破和飛躍,是新事物代替舊事物的前進(jìn)、上升的運(yùn)動。新事物是指符合事物發(fā)展規(guī)律和方向、具有強(qiáng)大生命力和遠(yuǎn)大發(fā)展前途的事物。舊事物是指喪失存在的必然性,日趨滅亡的事物。設(shè)問:發(fā)展的實(shí)質(zhì)是什么?什么是科學(xué)發(fā)展觀?

      教師:(小結(jié))發(fā)展是新事物的產(chǎn)生和舊事物的滅亡,但發(fā)展不能以過度開發(fā)、以破壞環(huán)境為代價(jià),應(yīng)堅(jiān)持科學(xué)發(fā)展觀。

      設(shè)問:區(qū)分新舊事物的標(biāo)準(zhǔn)是什么?如何看待生活中的新事物和舊事物? 學(xué)生:討論,回答(略)

      教師:(小結(jié))故事中的女主人判斷高尚音樂的標(biāo)準(zhǔn),是根據(jù)形式上、現(xiàn)象上的新奇,一時(shí)的流行(即力量的強(qiáng)弱、發(fā)展速度的快慢)等,俄國大文豪赫爾岑以其人之道,還治其人之身,從而提出了“流行性感冒也是高尚的嗎” 的質(zhì)問,使女主人陷入困境。因此我們說:判斷新舊事物不能憑出現(xiàn)時(shí)間的先后和形式上、現(xiàn)象上是否新奇,而是看其是否符合事物發(fā)展的必然趨勢。

      2.發(fā)展是前進(jìn)性與曲折性的統(tǒng)一

      教師:(小結(jié))事物的發(fā)展是前進(jìn)性與曲折性的統(tǒng)一,但新事物的發(fā)展不是一帆風(fēng)順的,總要經(jīng)歷一個(gè)從小到大、由弱到強(qiáng)、從不完善到比較完善的循序漸進(jìn)和反復(fù)曲折的發(fā)展過

      程。事物的發(fā)展不是筆直的,而是波浪式前進(jìn)、螺旋式上升的。前途是光明的,道路是曲折的,是一切事物發(fā)展的客觀規(guī)律。3.用發(fā)展的觀點(diǎn)看問題 學(xué)生:討論,回答(略)

      教師:新生嬰兒雖然開始時(shí)沒有什么用,力量也弱小,但其生命力是旺盛的,前途是遠(yuǎn)大的,會代替老一輩人繼續(xù)開創(chuàng)社會的未來。從一個(gè)家庭來說,父母把嬰兒看做是他們的希望所在,積極創(chuàng)造一切可以創(chuàng)造的條件,讓嬰兒茁壯成長,他們不會因?yàn)閶雰簳簳r(shí)“沒有用”就拋棄掉。從一個(gè)國家來說,還要立法保護(hù)嬰兒,保護(hù)未成年人,這是為什么呢? 學(xué)生:討論,回答(略)

      教師:我們一定要用發(fā)展的眼光對待新事物。愛迪生正是用發(fā)展的眼光看待他的每一次試驗(yàn)。新事物在最初出現(xiàn)的時(shí)候,不可能充分顯示和發(fā)揮其優(yōu)越性,難免有各種缺陷,因而總是比較弱小的,處于被支配的地位。其實(shí),何止是嬰兒,這是一切新事物發(fā)展的普遍規(guī)律,是不以人的主觀意志為轉(zhuǎn)移的。中國革命的勝利,正是經(jīng)過無數(shù)革命先烈的流血犧牲,經(jīng)歷了種種挫折和失敗,才一步步發(fā)展壯大起來的。

      用發(fā)展的觀點(diǎn)看問題,要求我們想問題、辦事情要著眼于發(fā)展,立足于發(fā)展,與時(shí)俱進(jìn)。在前進(jìn)中保持清醒的頭腦,準(zhǔn)備走曲折的路;在遇到曲折時(shí)堅(jiān)定前進(jìn)的方向不動搖。

      二、人生是一個(gè)在曲折中發(fā)展的過程

      *列舉出名人警句引發(fā)學(xué)生思考:

      “故天將降大任于是人也,必先苦其心志,勞其筋骨,餓其體膚,空乏其身,行拂亂其所為,所以動心忍性,曾益其所不能?!?/p>

      此句包含了哪些哲學(xué)道理?給我們哪些人生啟示?請大家運(yùn)用所學(xué)的知識談?wù)勛约旱目捶ā?/p>

      學(xué)生:討論,回答(略)

      *教師準(zhǔn)備閱讀材料,要求學(xué)生回答:我們應(yīng)如何面對人生道路上的困難、挫折。閱讀材料

      美國黑人作家格亞〃安吉羅小時(shí)因家境貧困,父母外出尋找工作,3歲時(shí)被送到祖母家,后靠乞討度日。她自幼好學(xué),夢想成為作家。她參加國內(nèi)反種族斗爭,她親眼看到太

      平洋戰(zhàn)爭爆發(fā)后美國西部的生活情形,她當(dāng)過汽車售票員,到夜總會唱過歌,遠(yuǎn)足非洲,加入哈萊姆作家社團(tuán),先后寫了自傳體小說和一系列詩作,在美國成為暢銷書。她被邀請為威克-福利斯特大學(xué)終身教授,克林頓總統(tǒng)就職典禮時(shí)請她朗讀詩作,她主持過美國兒童歌節(jié)目“芝麻街”,成為年輕人敬重、羨慕和效仿的偶像。她曾經(jīng)說過,誰都有失敗的時(shí)候,但他必須有不可戰(zhàn)勝的勇氣。

      綜合上述材料,試用前進(jìn)性和曲折性的關(guān)系原理,說明“人生是一個(gè)在曲折中發(fā)展的過程”。

      學(xué)生討論,回答(略)

      教師:(小結(jié))“不是一切努力都能立刻獲得回報(bào),不是一切奮斗都能順利獲得成功。人生無坦途,每個(gè)人都會經(jīng)歷這樣或那樣的失敗?!泵鎸κ。覀儜?yīng)怎么辦呢?

      牛頓曾經(jīng)說過:“做事失敗了,只要繼續(xù)努力,是沒有不成功的?!笔聦?shí)不正是如此嗎?不管碰到什么樣的失敗,只要不動搖,正確地對待失敗,就一定能夠成功。失敗往往是黎明前的黑暗,而后出現(xiàn)的就是成功的朝霞。無論我們遭到什么失敗,都要勇于面對,心中要有一個(gè)堅(jiān)定的信念:失敗算什么,抬起頭來,繼續(xù)走下去,成功就在面前。由此我們可以得出:

      1.人生是一個(gè)不斷發(fā)展的過程;

      2.人生發(fā)展過程是前進(jìn)性與曲折性的統(tǒng)一; 3.保持積極進(jìn)取的態(tài)度,準(zhǔn)備走曲折的路。

      三、順境他和逆境是人生發(fā)展中不可避免的兩種境遇

      人生發(fā)展是前進(jìn)性與曲折性的統(tǒng)一,在人生發(fā)展的過程中,不可避免會有順境和逆境兩種不同的境遇。順境和逆境都是對人生的考驗(yàn)。

      1.順境為人生發(fā)展提供機(jī)遇與有利條件

      教師準(zhǔn)備閱讀材料,要求學(xué)生回答:順境中應(yīng)怎樣把握機(jī)遇和有利條件?

      教師:(小結(jié))客觀上的順利條件并不能直接造就一個(gè)人的成功。劉亦婷在順境中能成才并不是一蹴而就的,是她從小就培養(yǎng)自我加壓,自我磨煉,高標(biāo)準(zhǔn),嚴(yán)要求得來的。

      議一議:漫畫中的人在干什么?為什么有的人說:“機(jī)遇總是擦肩而過。”我們應(yīng)怎么正確對待機(jī)遇?

      課堂討論:順境出人才?逆境出人才?

      順境為人生發(fā)展提供機(jī)遇和有利條件,逆境更是對人生的巨大考驗(yàn)。課堂活動:順境十戒 2.逆境可以磨煉人的意志

      搜集整理:回顧歷史人物的事跡,談?wù)剬Α捌D難困苦,玉汝于成”的理解。歷史上許多人物面對逆境不屈服,變壓力為動力,創(chuàng)造出偉大的奇跡。我們周圍的許多人之所以創(chuàng)造出奇跡,也是與逆境抗?fàn)幍慕Y(jié)果。例如:孔子厄陳蔡,作《春秋》;屈原放逐,著《離騷》;左丘明《國語》;孫子臏腳,而論兵法;不韋遷蜀,世傳《呂覽》,等等。

      (根據(jù)課前布置的學(xué)生搜集逆境中成才的事例,以組為單位在課堂上向同學(xué)們展示課前準(zhǔn)備成果,并說一說從中受到的啟發(fā)。)(各組可分別展示課件)

      3.順境與逆境的聯(lián)系與轉(zhuǎn)化

      議一議:你認(rèn)為中職生在正確對待成長中的困難和挫折方面,主要存在著哪些值得重視的問題?

      課堂討論:正確對待實(shí)現(xiàn)理想過程中的順境與逆境 學(xué)生討論,回答(略)

      教師:(小結(jié))在人生發(fā)展中順境和逆境經(jīng)常是互相貫通、互相轉(zhuǎn)化的,順境時(shí)要有憂患意識,在順境中,安逸懈怠、驕奢放縱,順境就會變成逆境;而在逆境中奮斗崛起,逆境可以變?yōu)轫樉场默F(xiàn)實(shí)來說中職學(xué)生往往不能正確對待挫折和失敗,不善于創(chuàng)造機(jī)會,抓住機(jī)遇。運(yùn)用具體事例的講解在思想上幫助學(xué)生正確認(rèn)識順境和逆境的關(guān)系,尤其是讓學(xué)生正確對待人生發(fā)展道路上出現(xiàn)的逆境和挫折,使逆境和挫折成為前進(jìn)的動力。

      四、以積極的心態(tài)對待挫折和逆境 1.人格與境遇

      正確對待順境和逆境,客觀分析挫折和逆境,尋找有效的應(yīng)對方法,正確認(rèn)識生活中的困難和逆境,提高心理承受力,保持積極進(jìn)取的精神狀態(tài),養(yǎng)成勇于克服困難和開拓進(jìn)取的優(yōu)良品質(zhì)。在課前布置調(diào)查問題,讓學(xué)生在充分調(diào)查的基礎(chǔ)上回答:

      (1)壓力有害無益,好事不會有壓力,你同意么?拜訪兩位不同行業(yè)的人士進(jìn)行訪問, 他們在工作上有什么開心和感到壓力的事情?

      (2)面對逆境你的處理步驟是怎樣的? 學(xué)生討論,回答(略)

      教師:(小結(jié))以積極的心態(tài)對待挫折和逆境,首先要處理好人格與境遇的關(guān)系,逆境磨煉人的意志,也考驗(yàn)人的品格,保持健康人格是以積極人生態(tài)度對待挫折和逆境的基本要求。

      針對此問題,充分利用教材中洪戰(zhàn)輝的事例和同學(xué)們展開討論,也可讓同學(xué)自己另舉事例說明此問題。

      2.以積極的心態(tài)對待逆境和挫折

      人生是一個(gè)不斷向前發(fā)展的過程,在人生發(fā)展的過程中,不可避免會有順境和逆境兩種不同境遇。順境和逆境都是對人生的考驗(yàn)??陀^分析挫折和逆境,堅(jiān)強(qiáng)的意志不是天生的,而是在后天的磨煉中增強(qiáng)的。堅(jiān)強(qiáng)的意志是戰(zhàn)勝挫折取得成功的最可靠保證,正確認(rèn)識挫折、困難與失敗,勇敢地面對它們,學(xué)會用靈活的策略、理智的態(tài)度克服它們;培養(yǎng)堅(jiān)強(qiáng)的意志品質(zhì),樹立遠(yuǎn)大的人生理想,用勇氣迎接困難,以意志應(yīng)對挫折。

      盡管大多數(shù)同學(xué)都有著良好的成長和發(fā)展環(huán)境,然而在人生的道路上,每個(gè)人都難免會遇到困難,遭遇挫折,身處逆境。面對挫折,我們應(yīng)視之為進(jìn)步的階梯,用樂觀的態(tài)度來對待,調(diào)動身心各方面的潛能,消除挫折的消極影響。

      課堂活動:勵(lì)志歌曲大聯(lián)唱,評選優(yōu)勝組?!稅燮床艜A》、《陽光總在風(fēng)雨后》、《奔跑》。〈課堂小結(jié)〉

      1.師生一起進(jìn)行課堂學(xué)習(xí)內(nèi)容小結(jié),完成課堂練習(xí),鞏固本課知識。2.布置課后作業(yè):小論文《我看人生挫折》,不少于800字。

      第二篇:一年級電子教案

      8、月亮的心愿教學(xué)設(shè)計(jì) 白衣小學(xué)楊珂鑫 教學(xué)目標(biāo): 1.認(rèn)識14個(gè)生字,會寫“女、氣、去、大、早、亮”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)識生字。(讀拼音、問同桌、查字表、猜一猜等)3.檢查生字詞掌握情況

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

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

      三、讀后悟,讀后感

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

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

      第二課時(shí)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      E.齊讀。

      4.識記生字。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      B、第二小節(jié):當(dāng)學(xué)生說出——我知道兩只鳥蛋就是兩只小鳥?!舾鶕?jù)學(xué)生已有的生活經(jīng)驗(yàn)組織交流:“你怎么知道兩只鳥蛋就是兩只小鳥?” ◆出示小鳥破殼而出的圖片時(shí),引導(dǎo)孩子們說看了之后知道了什么。(一只 鳥蛋就是一個(gè)生命)◆此時(shí)的鳥媽媽發(fā)現(xiàn)鳥蛋不見了,會怎么樣?(讀詞語:焦急不安)◆啟發(fā)想像。小朋友們閉上眼睛想一想,假如你就是鳥媽媽,你會怎么做? ◆指導(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)識,觀察,說說怎樣把字寫漂亮。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.出示“我會寫”中的其它四個(gè)字,學(xué)生認(rèn)識,觀察,描一個(gè),寫一個(gè),再評議。2.再練習(xí)寫字。

      五、實(shí)踐活動

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

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

      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)識“聰、話”等11個(gè)生字。會寫“以、后”等6個(gè)字。2.正確、流利、有感情地朗讀課文,并能復(fù)述這個(gè)童話。

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

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

      一、談話導(dǎo)入

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

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

      二、初讀課文

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      六、擴(kuò)展活動

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

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

      第三篇:DREAMWEAVER電子教案

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

      三、教學(xué)過程

      1.1 Dreamweaver MX概述

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

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

      3、廣泛的代碼庫

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

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

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

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

      8、高性能的新編碼功能

      9、高性能的新編碼功能

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

      使用 Dreamweaver 工作區(qū)

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

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

      三、教學(xué)過程:

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

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

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

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

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

      Dreamweaver MX 工作區(qū)

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

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

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

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

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

      使用快速啟動條

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

      若要顯示快速啟動條,請?jiān)凇懊姘濉眳?shù)選擇中啟用“在面板和啟動器中顯示圖標(biāo)”選項(xiàng)??梢灾付ㄔ诳焖賳訔l中顯示哪些項(xiàng)目。

      使用文檔工具欄

      ? “顯示代碼視圖

      ?

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

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

      ? “標(biāo)題”

      ? “文件管理”

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

      ?

      “換行符”在插入點(diǎn)處插入一個(gè)換行符。還可以按下 Shift+Enter(Windows)“不換行空格”在插入點(diǎn)處插入一個(gè)不換行的空格()?!白笠枴薄ⅰ坝乙枴焙汀捌普劬€”在插入點(diǎn)處插入標(biāo)點(diǎn)符號?!坝㈡^符號”、“歐元符號”和“日元符號”在插入點(diǎn)處插入貨幣符號?!鞍鏅?quán)”、“注冊商標(biāo)”和“商標(biāo)”在插入點(diǎn)處插入相應(yīng)的符號?!捌渌址?/p>

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

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

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

      三、教學(xué)過程:

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

      1、文字

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

      樣式:一般少用下劃線

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

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

      2、圖形

      一般為GIF 和 JPG 格式

      3、超級鏈接

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

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

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

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

      庫文件LBI 模板文件 DWT

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

      CFM模板文件

      JSF

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

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

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

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

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

      直接輸入 使用剪貼板

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

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

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

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

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

      按鈕或菜單文本――顏色

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

      段 落 格 式

      創(chuàng)新新段落:

      ENTER 分段落

      在段落

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

      居中對齊 左對齊 右對齊

      縮進(jìn)段落

      取消縮進(jìn)

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

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

      利用 插入分隔線

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

      修改分隔線的屬性

      改變長度 改變高度

      改變對齊方式

      插入特殊字符和符號

      菜單插入|特殊字符|

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

      其中包括:

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

      用于行首 插入符號

      E-mail 地址鏈接

      插入|電子郵件鏈接|

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

      插入注釋文字

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

      移動和復(fù)制

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

      使用CUT

      COPY

      PASTE

      靈活使用HISTORY 面板 SHIFT+F10

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      _top,在整個(gè)瀏覽器窗口中載入所鏈接的文件,因而會刪除所有框架?!斑吙颉笔且韵袼貫閱挝坏膱D像邊框的寬度。默認(rèn)為無邊框。

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

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

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

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

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

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

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

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

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

      插入表格

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

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

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

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

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

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

      3.單擊“確定”。

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

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

      修改表格

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      2.在屬性檢查器中,單擊“拆分單元格”按鈕?!安鸱謫卧瘛睂υ捒虺霈F(xiàn)。

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

      更改行高和列寬

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      繪制布局表格:

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

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

      繪制布局單元格: 在頁面上制作一個(gè)單元格以后,會自動創(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單擊單元格中的任何位置,在布局單元格中的邊框上會出現(xiàn)控制柄。拖動控制柄就可以改變布局單元格的大小。

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

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

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

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

      第六單元 框

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

      1、框架的作用

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

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

      框架拖出另一邊合并

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

      5、嵌套的框架集

      保存框架集文件

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

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

      框架與框架的屬性

      邊框 屬性 框架集命名

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

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

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

      上級

      自身

      頂部

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

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

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

      三、課堂講解:

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

      創(chuàng)建層:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      行為基礎(chǔ)

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

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

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

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

      定義段落 ;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

          圖13-3

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

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

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

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

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

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

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

          圖13-6

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

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

          圖13-9 13.3.2 檢測瀏覽器

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

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

          圖13-10

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

          “Check Browser”(檢測瀏覽器)對話是由一組條件語句組成的,根據(jù)判斷的結(jié)果做出選擇,在三個(gè)網(wǎng)頁當(dāng)中選其一。這個(gè)動作可以明確判斷兩種瀏覽器:Netscape 和IE,不是這兩種瀏覽器一概做“Other Browsers”(其他瀏覽器)處理。判斷每一種瀏覽器都會有三種選項(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”,我們在這里將“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”(動作)為“Check Browser”(檢測瀏覽器)(如圖13-13):

          圖13-13 檢測插件

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

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

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

          圖13-14

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

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

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

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

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

          圖13-16 拖動層

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

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

          圖13-17

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

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

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

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

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

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

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

          “Call JavaScript”(呼叫JavaScript):設(shè)置拖動層時(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”(動作)為“Drag Layer”(檢測瀏覽器)(如圖13-20):

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

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

          圖13-22

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

          圖13-24

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

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

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

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

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

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

          圖13-29 “Open In”(打開在):設(shè)置鏈接的打開方式;列表框中列出了當(dāng)前框架集中的所有框架的名字以及主窗口,如果頁面沒有框架,則只有“Main Window”(主窗口)一個(gè)選項(xiàng)?!癠RL”(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”(動作)為“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)條等。如果沒有指定窗口的屬性,則按啟動窗口的屬性和大小打開,一旦指定了窗口的任何屬性,將自動關(guān)閉其他屬性。

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

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

          圖13-33

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

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

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

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

          由于廣告窗口需要向用戶傳遞的信息不多,所以一般尺寸較小,且不需要各種工具條。我們在此為其設(shè)置好尺寸后,其他都不設(shè)。單擊“OK”按鈕保存并退出,這時(shí)我們可以發(fā)現(xiàn)“Behaviors”(行為)面板中已經(jīng)添加了我們剛才設(shè)置的行為:“Events”(事件)為“onLoad”(載入);“Actions”(動作)為“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”(動作)設(shè)為“none”(無),單擊“Design/Behaviors”(設(shè)計(jì)/行為)面板上的“+”按鈕,選中“Play Sound”(播放聲音)(如圖13-38),彈出“Play Sound”(播放聲音)對話框(如圖13-39)。

          圖13-38

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

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

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

          圖13-41

          圖13-42

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

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

          插入FLASH按扭的對話框

          插入FLASH動畫方法對話框

          插入FLASH文本

          修改屬性

          添加SHOCKWAVE 對象

          java applte對象

          添加plugin

          屬性對話框

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

          第12單元 模板和庫

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

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

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

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

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

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

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

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

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

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

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

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

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