八年級(jí)下冊(cè)信息技術(shù)教案(清華版)

1、八年級(jí)信息技術(shù)教學(xué)計(jì)劃計(jì)劃20152016學(xué)年第二學(xué)期2016年2月20日一.本學(xué)期學(xué)生現(xiàn)狀分析：本計(jì)劃針對(duì)七年級(jí)全體學(xué)生，通過(guò)上學(xué)斯的學(xué) 習(xí)，學(xué)生對(duì)計(jì)算機(jī)的基礎(chǔ)知識(shí)有了一定的了解，但是由于每一學(xué)期信息技術(shù)課 時(shí)比較少，學(xué)生的遺忘性大，大多數(shù)學(xué)生學(xué)后沒(méi)有注意鞏固，學(xué)生掌握的情 況不是很理想，參差不齊。有條件的學(xué)生家中有電腦或父母單位有電腦，上機(jī) 時(shí)間相對(duì)多一些，操作較熟練，有大部分學(xué)生純粹是上課時(shí)間聽(tīng)課，課后就沒(méi) 有練習(xí)鞏固的機(jī)會(huì)，所以，這一部分學(xué)生對(duì)所學(xué)知識(shí)遺忘較大，操作生疏；所 以這學(xué)期要多提供給學(xué)生動(dòng)手實(shí)踐的機(jī)會(huì)，讓學(xué)生多動(dòng)的操作，讓學(xué)生在操作 中學(xué)到知識(shí)。二.教材分析本學(xué)期教材是清華大

2、學(xué)出版社會(huì)出版的初中信息技術(shù)八年級(jí) 下冊(cè)，。 內(nèi)容包括：第一單元：新手入門，輕松上路，開(kāi)篇之作，星光閃爍，第二單元： 統(tǒng)一風(fēng)格，事半功倍，第三單元：駕輕就熟，按圖索伊，圖形整合，自由穿梭， 第四單元：一觸即發(fā)，影音視聽(tīng)，分享成果。難點(diǎn)知識(shí)：是第二單元的統(tǒng)一風(fēng)格 和事半功倍，重點(diǎn)三四單元駕輕就熟，按圖索伊，圖形整合，自由穿梭，一觸即 發(fā)，影音視聽(tīng)三.本學(xué)期學(xué)生能力要求：培養(yǎng)學(xué)生對(duì)信息技術(shù)的興趣和意識(shí)，讓學(xué)生了解和掌握信息技術(shù)基本知 識(shí)和技能，了解信息技術(shù)的發(fā)展及期應(yīng)用對(duì)人類日常生活和科 學(xué)技術(shù)的深刻 影響。通過(guò)信息技術(shù)課程使學(xué)生具有獲取信息、傳輸信息、處理信息和應(yīng)用 信息的能力，教育學(xué)生正確認(rèn)識(shí)

3、和理解與信息技術(shù)相關(guān)的文化、倫理和社會(huì)等問(wèn)題，負(fù)責(zé)任地使用信息技術(shù)；培養(yǎng)學(xué)生良好 的信息素養(yǎng)，把信息技術(shù)作為支持終身學(xué)習(xí)和合作學(xué)習(xí)手手段，為適應(yīng)信息社會(huì)的學(xué)習(xí)、工作和生活打下必要的基礎(chǔ)。四.本學(xué)期改進(jìn)課堂教學(xué)，提高教學(xué)質(zhì)量的措施：總體原則采取 “任務(wù)驅(qū)動(dòng)”教學(xué)方式、學(xué)生自學(xué)方式和動(dòng)手操作 三種方式進(jìn)行學(xué)習(xí)，適當(dāng) 進(jìn)行一些小競(jìng)賽及課堂評(píng)價(jià)的方式進(jìn)行教學(xué)。明確教學(xué)重點(diǎn)、難點(diǎn)關(guān)鍵， 探索、研究疑難問(wèn)題及有關(guān)微機(jī)實(shí)踐。分析學(xué)生情況，統(tǒng)一教學(xué)要求，盡力 做到超前12周，做到每課必備，寫好教案。領(lǐng)會(huì)大綱精神，鉆研教材內(nèi) 容，從學(xué)生實(shí)際出發(fā)做到十備：一備滲透德育；二備重點(diǎn)突出，突破難點(diǎn)方 法得當(dāng)；三備信息技

4、術(shù)基本概念；四備信息技術(shù)基本操作用語(yǔ)、基本術(shù)語(yǔ)； 五備信息技術(shù)教學(xué)中的薄弱環(huán)節(jié)；六備疑難問(wèn)題的解決思路；七備信息技術(shù) 實(shí)驗(yàn)操作的增補(bǔ)及成敗關(guān)鍵；八備學(xué)生自學(xué)提綱；九備操作練習(xí)作業(yè)精 選；十備課堂教學(xué)的總設(shè)計(jì)。五.本學(xué)期工作目標(biāo)：組織有意義的信息活動(dòng)，讓學(xué)生從中體會(huì)樂(lè)趣，激發(fā) 學(xué)生學(xué)習(xí)動(dòng)力?；顒?dòng)中，互相學(xué)習(xí)，共同進(jìn)步，培養(yǎng)集體榮譽(yù)感。適時(shí)開(kāi)展比賽，在比中學(xué)，學(xué)中比，促進(jìn)提高，培養(yǎng)學(xué)生創(chuàng)新能力，注 重學(xué)生動(dòng)手、動(dòng)腦的鍛煉、培養(yǎng)采取基本技能學(xué)習(xí)與德育想滲透的教學(xué)方式，注重培養(yǎng)學(xué)生健康向上的 人格品質(zhì)，做到教書育人，使他們成為思想素質(zhì)高尚的人才2015-2016學(xué)年第二學(xué)期八年級(jí)信息技術(shù)教學(xué)進(jìn)度表周次

5、時(shí)間教學(xué)內(nèi)容備注第一周2月20日一2月24日入學(xué)準(zhǔn)備第二周2月27日一3月2日新手入門第三周3月6日一3月9日輕松上路第四周3月12日一3月16日開(kāi)篇之作第五周3月19日一3月23日星光閃爍第六周3月26日一3月30日統(tǒng)一風(fēng)格第七周4月2日4月6日事半功倍第八周4月9日4月13日駕輕就熟第九周4月16日 4月20日自由穿梭第十周4月23日一4月27日按圖索伊第十一周4月30日5月4日?qǐng)D形整合第十二周5月7日一5月11日一觸即發(fā)第十三周5月14日一5月18日影音視聽(tīng)第十四周5月21日一5月25日分享成果第十五周5月28日6月1日第十六周6月4日一6月8日第十七周6月11日 6月15日第十八周6月

6、18日一6月22 11課題：第1課新手入門課題新手入門授課時(shí)間課型新授課課時(shí)安排一課時(shí)知識(shí)與技能：教學(xué)目1.掌握互聯(lián)網(wǎng)、網(wǎng)頁(yè)與首頁(yè)、網(wǎng)站等網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站制作的基本 知識(shí)。2.學(xué)會(huì)使用記事本作為網(wǎng)頁(yè)編輯工具來(lái)編 “似八、 幅HTML代碼并生成網(wǎng)頁(yè)。標(biāo)3.掌握瀏覽網(wǎng)頁(yè)的方法并理解網(wǎng)頁(yè)編輯工具與瀏覽工具之間 的關(guān)系過(guò)程與方法：利用多媒體設(shè)備和軟件情感態(tài)度與價(jià)值觀：激發(fā)學(xué)生的成就感、培養(yǎng)集體的合作精神和集體榮譽(yù) 感。教學(xué)重點(diǎn)了解網(wǎng)站制作的基本知識(shí)，并制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)教學(xué)難點(diǎn)學(xué)會(huì)使用記事本作為網(wǎng)頁(yè)編輯工具來(lái)編輯HTML代碼并生成網(wǎng) 頁(yè)。教具學(xué)具多媒體網(wǎng)絡(luò)教室。準(zhǔn)備教學(xué)方法講解、學(xué)生練習(xí)教學(xué)過(guò)程一、導(dǎo)入

7、新課：復(fù)在當(dāng)前的社會(huì)生活中，網(wǎng)絡(luò)正在發(fā)揮著越來(lái)越重要的作用，大 量制作精 美、功能強(qiáng)大的網(wǎng)站出現(xiàn)在互聯(lián)網(wǎng)上。對(duì)于學(xué)生來(lái)說(shuō)，制 作個(gè)人網(wǎng)站也正在 成為一種流行時(shí)尚。通過(guò)本教材的學(xué)習(xí)可以輕松幫助學(xué)生入門，并逐步親手打造屬于自己的個(gè) 性十足的網(wǎng)站。二、教學(xué)新課：1、首先打開(kāi)IE瀏覽器，在地址欄中輸入網(wǎng)址，打開(kāi)一個(gè)范例網(wǎng)站的首 頁(yè)，單擊首頁(yè)中的動(dòng)畫、超文本、圖片等網(wǎng)頁(yè)元素，可以分別鏈接到網(wǎng)站中 的其他頁(yè)面中。在操作過(guò)程中教師提出問(wèn)題，引導(dǎo)學(xué)生思考互聯(lián)網(wǎng)、網(wǎng)站、 網(wǎng)頁(yè)、首頁(yè)等術(shù)語(yǔ)的含義，以及它們之間的關(guān)系，嘗試讓學(xué)生體會(huì)瀏覽器和 網(wǎng)頁(yè)的關(guān)系，從而將網(wǎng)站設(shè)計(jì)與網(wǎng)頁(yè)制作的基本知識(shí)進(jìn)行概括總結(jié)并明確落 實(shí)到每

8、個(gè)學(xué)生身上。在進(jìn)行教學(xué)的時(shí)候，一定要讓學(xué)生認(rèn)識(shí)到已有知識(shí)的重 要性，充分利用已經(jīng)具備的技能去嘗試解決新問(wèn)題，從而變被動(dòng)學(xué)習(xí)為主動(dòng) 探究。教師可引導(dǎo)學(xué)生充分利用教材中的“視野拓展”和“創(chuàng)作天地”板 塊進(jìn)行自學(xué)，這實(shí)際上是在實(shí)施分層教學(xué)，以鞏固本課的知識(shí)技能為主，適 當(dāng)?shù)剡M(jìn)行補(bǔ)充，讓部分基礎(chǔ)較好的同學(xué)在完成基本任務(wù)之后也能有事可做， 給學(xué)生創(chuàng)造出提高的空間。作為網(wǎng)站制作的起始課，教師要切實(shí)地關(guān)注每個(gè) 學(xué)生，尤其是在以前的學(xué)習(xí)過(guò)程中表現(xiàn)出學(xué)習(xí)能力較弱的學(xué)生，要確保每個(gè) 學(xué)生都有一個(gè)好的開(kāi)始，都能將第一個(gè)網(wǎng)頁(yè)作品保存到教師指定的位置（本 地磁盤或網(wǎng)絡(luò)中的指定目錄）。教師應(yīng)對(duì)所有完成保存網(wǎng)頁(yè)任務(wù)的學(xué)生進(jìn)

9、行及時(shí)地評(píng)價(jià)與鼓勵(lì)，保護(hù)學(xué)生的 學(xué)習(xí)積極性。另外，對(duì)完成基本任務(wù)并有所創(chuàng)新的同學(xué)重點(diǎn)表?yè)P(yáng)，鼓勵(lì)學(xué)生主 動(dòng)學(xué)習(xí)，有計(jì)劃地營(yíng)造良性競(jìng)爭(zhēng)的氛圍。2、網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站制作在本課中通過(guò)欣賞站點(diǎn)，使學(xué)生了解和掌握互聯(lián)網(wǎng)、網(wǎng)頁(yè)與首 頁(yè)、網(wǎng) 站、IE瀏覽器的基本含義，并且能夠明確它們相互之間的關(guān)系。學(xué)生在學(xué) 習(xí)網(wǎng)站制作之前已經(jīng)接觸過(guò)網(wǎng)站，瀏覽過(guò)各式各樣的網(wǎng)頁(yè)，因此教師在完成此 教學(xué)任務(wù)的時(shí)候，可以充分利用學(xué)生已有基礎(chǔ)，不必完全進(jìn)行講授式教學(xué)，可 以結(jié)合啟發(fā)、設(shè)問(wèn)等方法，使學(xué) 生盡可能地自己總結(jié)出相關(guān)知識(shí)。3、使用記事本作為網(wǎng)頁(yè)編輯工具來(lái)編輯HTML代碼并生成網(wǎng)頁(yè)在進(jìn)行此部分 教學(xué)的時(shí)候，可以先借助學(xué)生已有技能，

10、啟動(dòng)記事本，復(fù)制并粘貼素材文件中 提供的HTML代碼，命名并保存文件，然后在瀏覽器中進(jìn)行預(yù)覽。對(duì)于HTML代碼部分，教師可以嘗試通過(guò)修改屬性值的方法，引導(dǎo)學(xué)生探 索標(biāo)簽的含義及其與屬性值的對(duì)應(yīng)關(guān)系，這也同時(shí)是對(duì)“創(chuàng)作天地”板塊中的 練習(xí)進(jìn)行提示的過(guò)程，然后通過(guò)分析此HTML實(shí)例，講解HTML語(yǔ)言的基本 結(jié)構(gòu),對(duì)基本的 、 標(biāo) 簽進(jìn)行初步介紹，鼓勵(lì)有余力的同學(xué)通過(guò)“視野拓展”板塊進(jìn)行自學(xué)，并獨(dú)立 完成“創(chuàng)作天地”中的練習(xí)。通過(guò)教師演示引導(dǎo)學(xué)生思考擴(kuò)展名對(duì)文件的影響，既包括其對(duì)文件圖標(biāo)的影響，也包括調(diào)用應(yīng)用程序的影響，從而引出程序關(guān)聯(lián)的知識(shí)進(jìn) 行補(bǔ)充講解，見(jiàn)圖L 1和圖1.2O3）保存文件三、課堂

11、練習(xí): 使用記事本作為網(wǎng)頁(yè)編輯工具來(lái)編輯HTML代碼并生成網(wǎng)頁(yè)四、課題：第二課：輕松上路復(fù)備規(guī)劃網(wǎng)站及創(chuàng)建站點(diǎn)課題輕松上路授課時(shí)間課型新授課課時(shí)安排1節(jié)課教學(xué)目標(biāo)知識(shí)與技能：1 . 了解網(wǎng)站開(kāi)發(fā)流程。2 .學(xué)會(huì)利用Dreamweaver8創(chuàng)建站點(diǎn)。過(guò)程與方法：情感態(tài)度與價(jià)值觀：教學(xué)重點(diǎn)了解網(wǎng)站制作的基本知識(shí)，并制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)。教學(xué)難點(diǎn)多媒體網(wǎng)絡(luò)教室。教具學(xué)具準(zhǔn)備講解、學(xué)生練習(xí)。教學(xué)方法教學(xué)過(guò)程、導(dǎo)入新課:開(kāi)發(fā)一個(gè)網(wǎng)站是一個(gè)相當(dāng)來(lái)說(shuō)比較繁雜的過(guò)程，對(duì)于一個(gè)網(wǎng)站而言，要有一個(gè)總的戰(zhàn)略規(guī)劃和目標(biāo)。在做一個(gè)網(wǎng)站前，要有一個(gè)全盤的考慮。我們知道一個(gè)房子一旦地基沒(méi)有打好，是要拔了重新蓋，我們做網(wǎng)站也是

12、一樣，如果你前期規(guī)劃做的不好，后面的工作就意味著白辛苦。這節(jié)課我們以“安全自護(hù)我能行”為 主題來(lái)進(jìn)行網(wǎng)站規(guī)劃和創(chuàng)建站點(diǎn)二、教學(xué)新課：1. 了解網(wǎng)站開(kāi)發(fā)流程(1)網(wǎng)站需求分析一個(gè)網(wǎng)站在設(shè)計(jì)前，就應(yīng)該考慮網(wǎng)站規(guī)模多大，就是 多少個(gè)頁(yè)面，每個(gè)頁(yè)面的大體內(nèi)容是什么，要用到那些素材，有那些導(dǎo)航， 做較大一點(diǎn)的網(wǎng)站尤為如此。還要考慮以后會(huì)有什么改動(dòng)，還要增加那些網(wǎng) 頁(yè)，盡量讓以后的改動(dòng)盡可能的小。網(wǎng)站的需求 分析所用的時(shí)間應(yīng)該占到總 開(kāi)發(fā)時(shí)間的一半以上。確定網(wǎng)站主題 寫作文要圍繞中心思想去寫，做網(wǎng)站要圍繞主題去做。個(gè) 人主頁(yè)、休閑、體育、教育、新聞、娛樂(lè)、購(gòu)物、健康等等，不管那類網(wǎng) 站，都不能脫離自己的主

13、題，必須表現(xiàn)個(gè)性，表現(xiàn)出特色 才能給人留下深刻 印象，讓人流連忘返。收集素材 我們?cè)谶@所說(shuō)的素材就是你的網(wǎng)頁(yè)上要用的各種素材，主要 包括：文字、圖片、動(dòng)畫、音頻、視頻等。在網(wǎng)站主題明確后，就應(yīng)該把素 材準(zhǔn)備好，當(dāng)然是越充分越好。不要等到用的時(shí)候到 處去找，那就影響效率 了。規(guī)劃站點(diǎn)站點(diǎn)規(guī)劃是需求分析中最重要的一個(gè)環(huán)節(jié)，包含很多方面的 內(nèi)容。我們上節(jié)課看了一些別人做的網(wǎng)站，相信大家都多多少少了解一些： 欄目設(shè)置、顏色搭配、圖文的應(yīng)用等等。只有把這些內(nèi)容都考慮全面了，制 作的時(shí)候你的速度就快。否則就等著不停 的返工吧。(2)設(shè)計(jì)制作網(wǎng)站頁(yè)面 頁(yè)面制作要先大后小，先粗后精。就是先要把每 個(gè)頁(yè)面要放什

14、么內(nèi)容，按什么結(jié)構(gòu)先做一個(gè)大概，所有頁(yè)面的大概都做完 后， 再去完善和細(xì)化。(3)網(wǎng)站的發(fā)布需要域名和網(wǎng)頁(yè)文件的存放空間。2.利用Dreamweaver8創(chuàng)建站點(diǎn)(1) 啟動(dòng) Dreamweaver8簡(jiǎn)單的進(jìn)行界面介紹(2)創(chuàng)建站點(diǎn)步驟參見(jiàn)書上第12頁(yè)3.做一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)要求圖文并茂三、課堂練習(xí)：學(xué)生小組合作完成任務(wù)，并將任務(wù)上交到教師機(jī)。四、課堂小結(jié)：對(duì)于較快完成任務(wù)并且完成任務(wù)較好的同學(xué)進(jìn)行表?yè)P(yáng)鼓勵(lì)。五、布置作業(yè)：六、板書設(shè)計(jì)：七、教學(xué)后記課題：第三課：開(kāi)篇之作基于表格的頁(yè)面布局課題開(kāi)篇之作授課時(shí)間課型新授課課時(shí)安排一課時(shí)教學(xué)目標(biāo)知識(shí)與技能：1 .創(chuàng)建站點(diǎn)和網(wǎng)站首頁(yè)。2 .掌握對(duì)表格屬性的

15、相關(guān)設(shè)置。過(guò)程與方法：情感態(tài)度與價(jià)值觀：教學(xué)重點(diǎn)能夠?qū)Ρ砀駥傩赃M(jìn)行熟練的設(shè)置教學(xué)難點(diǎn)能夠?qū)Ρ砀駥傩赃M(jìn)行熟練的設(shè)置教具學(xué)具準(zhǔn)備多媒體網(wǎng)絡(luò)教室教學(xué)方法講解、學(xué)生練習(xí)教學(xué)過(guò)程、導(dǎo)入新課：一個(gè)網(wǎng)站的規(guī)劃設(shè)計(jì)完畢了，接下來(lái)的工作就是網(wǎng)頁(yè)設(shè)計(jì)。我們知道一個(gè)網(wǎng)站的首頁(yè)就像一本書的目錄一樣，我們做網(wǎng)站也 一樣，要先把首頁(yè)確定下來(lái)。我看了我們上一周做的網(wǎng)頁(yè)，有些 同學(xué)想發(fā)揮點(diǎn)創(chuàng)意，但發(fā)現(xiàn)頁(yè)面布局很亂，圖片文字亂七八糟堆 放在一起。這節(jié)課我們就來(lái)學(xué)學(xué)怎樣對(duì)頁(yè)面布局進(jìn)行控制。在這 之前我們先來(lái)看看別人的首頁(yè)是怎么做的。（查看事先準(zhǔn)備好的復(fù)備示例網(wǎng)頁(yè)，分析表格在該頁(yè)的作用) 二、教學(xué)新課：(-)復(fù)習(xí)創(chuàng)建站點(diǎn)的步驟。1

16、 .在D盤新建一個(gè)文件夾，作為站點(diǎn)文件夾。2 .打開(kāi)Dreamweaver8,單擊“站點(diǎn)”菜單下的“新建站點(diǎn)”命令。3 .新建站點(diǎn)(步驟略，參加課本pl2) o(二)創(chuàng)建網(wǎng)站首頁(yè)1 .整理素材(1)右擊“文件”面板中站點(diǎn)名“站點(diǎn)-安全自護(hù)我能行D:safe”，在 彈出的快捷菜單中執(zhí)行“新建文件夾”命令，然后將文件夾命名為imageso(2)將首頁(yè)素材圖片index, gif ,復(fù)制粘貼到images文件夾中。(3)在safe文件夾下新建一文件夾other,將flash動(dòng)畫素材整理 到 other文件夾中。2 .創(chuàng)建并保存首頁(yè)(1)單擊“文件”- “新建”命令，選擇“常規(guī)”，在“基本頁(yè)”列表框

17、中選擇HTML選項(xiàng)，單擊“創(chuàng)建”按鈕，即建立了一個(gè)空白頁(yè)。(2)執(zhí)行“文件”- “保存”命令，保存名index.html,默認(rèn)保存路 徑是站點(diǎn)的跟目錄。注意保存類型選擇“ html文檔”。(三)對(duì)首頁(yè)進(jìn)行初步布局1 .為頁(yè)面添加背景顏色(1)單擊文檔窗口，使插入點(diǎn)在編輯區(qū)內(nèi)閃爍，然后單擊“屬性”欄的“頁(yè)面屬性”按鈕。(2)找至(J “背景顏色”選項(xiàng)，輸入淺黃色的顏色數(shù)值#FFFF94,單擊“確 定”按鈕，背景色設(shè)置完成。2 .設(shè)置網(wǎng)頁(yè)標(biāo)題并預(yù)覽網(wǎng)頁(yè)效果。3 .使用表格初步布局網(wǎng)頁(yè)。(1)在文檔窗口中單擊，在頁(yè)面左上角放置插入點(diǎn)。(2)執(zhí)行“插入” - “表格”命令。(3)在彈出的“表格”對(duì)話框

18、中設(shè)置一個(gè)2行1列的表格，寬度600像 素。(4)單擊“標(biāo)簽選擇器”中的table標(biāo)簽，選中此表格，在屬性欄中完 成表格的相關(guān)設(shè)置。具體參數(shù)如下：行數(shù)：2,列數(shù)：1,高度：600像 素，寬度600像素，對(duì)齊：居中對(duì)齊，背景圖片：index. gif o4 .測(cè)試網(wǎng)頁(yè)。三、學(xué)生練習(xí)鼓勵(lì)學(xué)生大膽嘗試和創(chuàng)新，利用所學(xué)的內(nèi)容，進(jìn)行創(chuàng)意性發(fā) 揮。學(xué)生小組合作完成制作一個(gè)首頁(yè)的任務(wù)，并將任務(wù)上交到教師機(jī)。2 .文檔工具欄的使用。3 .使用表格設(shè)計(jì)網(wǎng)頁(yè)布局，可以使網(wǎng)頁(yè)看上去更加整齊。三、課堂練習(xí)： 鼓勵(lì)學(xué)生大膽嘗試和創(chuàng)新，利用所學(xué)的內(nèi)容，進(jìn)行創(chuàng)意性發(fā)揮。學(xué)生小組合作完成制作一個(gè)首頁(yè)的任務(wù)，并將任務(wù)上交到教師

19、 機(jī)。四、課堂小結(jié)：1 .站點(diǎn)目錄結(jié)構(gòu)要清晰，方便管理，素材要按類型分別存放。五、布置作業(yè)：六、板書設(shè)計(jì)：七、教學(xué)后記課題：第四課：星光閃爍復(fù)備用Flash動(dòng)畫完善首頁(yè)課題用Flash動(dòng)畫完善首頁(yè)授課時(shí)間課型新授課課時(shí)安排一課時(shí)教學(xué)目標(biāo)知識(shí)與技能：1 .學(xué)會(huì)表格的調(diào)整。2 .能在網(wǎng)頁(yè)中插入Flash ,并對(duì)相關(guān)屬性進(jìn)行設(shè)置。3 .能在網(wǎng)頁(yè)中插入文本，并對(duì)文字格式進(jìn)行設(shè)置。過(guò)程與方法：學(xué)生動(dòng)手、自主探究情感態(tài)度與價(jià)值觀：提高學(xué)生的動(dòng)手能力、及學(xué)生們對(duì)網(wǎng)頁(yè)的認(rèn)識(shí)。教學(xué)重點(diǎn)在網(wǎng)頁(yè)中插入Flash ,并設(shè)置相關(guān)屬性教學(xué)難點(diǎn)在網(wǎng)頁(yè)中插入Flash ,并設(shè)置相關(guān)屬性教具學(xué)具準(zhǔn)備學(xué)生電腦教學(xué)方法演示法、講授

20、法教學(xué)過(guò)程一、導(dǎo)入新課：對(duì)于一個(gè)網(wǎng)頁(yè)，信息的表達(dá)是多種多樣的，我們可以使用文字、 圖片等，我們也可以為網(wǎng)頁(yè)添加動(dòng)畫、音頻、視頻等，為了讓我們 的網(wǎng)站看起來(lái)有動(dòng)感，吸引別人的眼球，我們應(yīng)該學(xué)會(huì)在網(wǎng)頁(yè)中使 用Flasho這節(jié)課我們就來(lái)一塊學(xué)學(xué)怎么在網(wǎng)頁(yè)中使用Flasho 二、教學(xué)新課1.新建站點(diǎn)（1）將“安全自護(hù)我能行”站點(diǎn)文件夾傳到學(xué)生機(jī)。（2）新建站點(diǎn)。2 .調(diào)整表格1）選擇對(duì)象表格、行、歹！、單元格屬性的設(shè)置是以選擇這些對(duì)象為前提 的。a）選擇表格：“標(biāo)簽選擇器”中單擊table標(biāo)簽；“表格”菜單下 的“選擇表格”命令。b）選擇某一單元格：按住Ctrl鍵，同時(shí)單擊選中的單元格；“標(biāo)簽選 擇器

21、”中單擊td標(biāo)簽。c）選擇某一行或某一列：將光標(biāo)移動(dòng)到行左側(cè)或列上方，當(dāng)鼠標(biāo)指針變 為向右或向下的箭頭圖標(biāo)時(shí)，單擊即可。2）設(shè)置第一行的屬性選中表格的第一行，將高度設(shè)為420o和flash的高度一致。3 .插入flash動(dòng)畫-1）將光標(biāo)定位在表格第一行中，執(zhí)行“插入“一一“媒體”一一 Flash命令。2）在彈出的對(duì)話框中選擇other文件夾下的index, swf ,單擊確定。3）觀察插入flash的狀態(tài)，在編輯視圖下，flash不可見(jiàn)。-4）單擊選中flash文檔，在屬性面板設(shè)置相關(guān)屬性：循環(huán)、自動(dòng)播放。預(yù)覽觀察效果。5）設(shè)置Flash參數(shù)，如P23頁(yè)，圖4. 6所示。4 .在網(wǎng)頁(yè)中插入文本

22、1）插入普通文本：光標(biāo)定位在單元格內(nèi)，直接輸入文字。2）插入特殊字符：“插入”一一“HTM” L “特殊網(wǎng)頁(yè)”。3）設(shè)置文本屬性：根據(jù)情況選擇合適的格式或文字大小、顏色、對(duì)齊方 式等。三、課堂練習(xí):學(xué)生小組合作完成任務(wù)，并將任務(wù)上交到教師機(jī)。四、課堂小結(jié)：五、布置作業(yè)：六、板書設(shè)計(jì)：七、教學(xué)后記課題：第五課：統(tǒng)一風(fēng)格制作框架網(wǎng)頁(yè)課題制作框架網(wǎng)頁(yè)授課時(shí)間課型新授課課時(shí)安排教學(xué)目標(biāo)知識(shí)與技能：1 .掌握表格的拆分與合并。2 .學(xué)會(huì)創(chuàng)建框架、制作框架網(wǎng)頁(yè)和保存框架網(wǎng)頁(yè)。3 .能制作鼠標(biāo)經(jīng)過(guò)圖像的動(dòng)態(tài)效果。過(guò)程與方法：學(xué)生動(dòng)手、自主探究情感態(tài)度與價(jià)值觀：使學(xué)生對(duì)框架結(jié)構(gòu)有一個(gè)初步的認(rèn)識(shí)教學(xué)重點(diǎn)創(chuàng)建框架

23、和制作框架網(wǎng)頁(yè)教學(xué)難點(diǎn)掌握目標(biāo)設(shè)置在網(wǎng)頁(yè)制作過(guò)程中的作用和方法教具學(xué)具準(zhǔn)備學(xué)生電腦教學(xué)方法演示法、講授法教學(xué)過(guò)程、導(dǎo)入新課：一個(gè)網(wǎng)站常常劃分成多個(gè)區(qū)域，對(duì)于每個(gè)區(qū)域來(lái)說(shuō)，其色彩 搭配、網(wǎng)站風(fēng)格、網(wǎng)站標(biāo)題、網(wǎng)站導(dǎo)航都是統(tǒng)一的。為了能做到 這種統(tǒng)一，我們每個(gè)網(wǎng)頁(yè)中相同的內(nèi)容固定在一個(gè)區(qū)域。我們通 過(guò)創(chuàng)建框架制作框架網(wǎng)頁(yè)，可以輕松實(shí)現(xiàn)網(wǎng)頁(yè)結(jié)構(gòu)劃分和布局。 使大家對(duì)框架有一個(gè)初步的了解和感性認(rèn)識(shí)。復(fù)備二、教學(xué)新課1 .新建站點(diǎn)(1)將“安全自護(hù)我能行”站點(diǎn)文件夾safe傳到學(xué)生機(jī)。(2)新建站點(diǎn)。2.創(chuàng)建框架和框架集制作框架網(wǎng)頁(yè)的前提是創(chuàng)建框架，并根 據(jù)網(wǎng)頁(yè)布局設(shè)計(jì)框架的樣式，然后再具體設(shè)計(jì)制作網(wǎng)頁(yè)的

24、內(nèi)_容。(1)規(guī)劃“框架”文件夾。(2)新建框架集步驟1：執(zhí)行“文件” 一一“新建”命令，打開(kāi)“新建文 檔”對(duì)話框，在“類別”中選擇“框架集”。步驟2：?jiǎn)螕簟皠?chuàng)建”按鈕，在彈出對(duì)話框中單擊“確定”， 框架創(chuàng)建完成。(3)保存框架集步驟1：執(zhí)行“文件” 一一“保存全部”命令，保存到 frame文件夾中。步驟2：重命名框架集文件和每個(gè)框架文件。(4)設(shè)置框架和框架屬性框架的屬性包括框架名稱、源文 件、邊距、尺寸、滾動(dòng)條等；框架集的屬性包括框架面積、框 架邊界顏色、距離等。步驟1：執(zhí)行“窗口” 一一“框 架”命令，打開(kāi)框架面板。步驟2：?jiǎn)螕簟翱蚣堋泵姘逯械目?架邊緣部分，選中框架集，在“屬性”面板中

25、設(shè)置框架集的 屬性。步驟3：?jiǎn)螕簟翱蚣堋泵姘逯械膖opFrame框架和_mainFrame框架，在“屬性”面板中設(shè)置所選框架的屬性。(5)制作框架網(wǎng)頁(yè)制作上框架網(wǎng)頁(yè)步驟1：打開(kāi)網(wǎng)頁(yè)top. html ,設(shè)置背景顏色#EAFF8A,上 邊距為0像素。一步驟2：插入一個(gè)2行5列的表格并調(diào)整行列的高寬。步驟3：在導(dǎo)航表格中，設(shè)置鼠標(biāo)經(jīng)過(guò)圖 像。步驟4：為圖片添加超鏈接，設(shè)置打開(kāi)方式(目標(biāo))。制 作下框架網(wǎng)頁(yè)步驟1：打開(kāi)網(wǎng)頁(yè)main. html ,設(shè)置背景顏色#EAFF8A, 上邊距為0像素。步驟2：插入一個(gè)5行9列的表格并調(diào)整行列的高寬。步驟3：合并相關(guān)單元格。步驟4：插入圖片，并為圖片添加超鏈接。

26、步驟5：添加郵件鏈接。三、課堂練習(xí)：學(xué)生小組合作完成書上的練習(xí)任務(wù)，并將任務(wù)上交到教師機(jī) 四、課堂小結(jié)：1 .創(chuàng)建框架，實(shí)現(xiàn)網(wǎng)頁(yè)風(fēng)格的統(tǒng)一，保存框架時(shí)，需要保存框架集文件和 含有框架的所有文件。2 .利用鼠標(biāo)經(jīng)過(guò)圖像，可以制作網(wǎng)頁(yè)導(dǎo)航動(dòng)態(tài)按鈕。3 .超級(jí)鏈接是實(shí)現(xiàn)網(wǎng)頁(yè)互聯(lián)的關(guān)鍵，設(shè)置網(wǎng)頁(yè)的打開(kāi)方式，可以調(diào)整 鏈接網(wǎng)頁(yè)的顯示位置。五、布置作業(yè):六、板書設(shè)計(jì):七、教學(xué)后記課題：第六課：事半功倍制作網(wǎng)頁(yè)模板課題制作網(wǎng)頁(yè)模板授課時(shí)間課型新授課課時(shí)安排一課時(shí)教學(xué)目標(biāo)知識(shí)與技能：1、掌握模板的概念，特別是可編輯區(qū)域和不可編輯區(qū)域。2、學(xué)會(huì)創(chuàng)建模板。3、能用模板快速的制作網(wǎng)頁(yè)過(guò)程與方法：學(xué)生動(dòng)手、自主探究情

27、感態(tài)度與價(jià)值觀：提高學(xué)生的自學(xué)能力，對(duì)網(wǎng)頁(yè)的認(rèn)識(shí)和對(duì)網(wǎng)頁(yè)模板的了解教學(xué)重點(diǎn)理解模板中的可編輯區(qū)域和不可編輯區(qū)域教學(xué)難點(diǎn)掌握模板的概念，特別是可編輯區(qū)域和不可編輯區(qū)域教具學(xué)具準(zhǔn)備學(xué)生電腦教學(xué)方法演示法、講授法教學(xué)過(guò)程一、導(dǎo)入新課： 復(fù)備我們?cè)谶M(jìn)行大量的頁(yè)面制作的時(shí)候，很多頁(yè)面會(huì)用到相同的 布局，圖片和 文字等元素。這樣我們需要做一次次的重復(fù)性勞動(dòng)，那么有沒(méi)有更好的方法 讓我們來(lái)快速的實(shí)現(xiàn)呢！有，通過(guò)制作網(wǎng)頁(yè)模板快速創(chuàng)建網(wǎng)頁(yè)。這就是我們這 節(jié)課學(xué)習(xí)的內(nèi)容。二、教學(xué)新課一、模板的概念：模板可以被理解成一種網(wǎng)頁(yè)模型，利用這個(gè)模型能夠方便 的制作出很多頁(yè)面，使用模板可以避免重復(fù)的在每個(gè)頁(yè)面輸入或修改相同

28、的部 分，待網(wǎng)站改版的的時(shí)候，只要改變模板的設(shè)計(jì)，系統(tǒng)就能自動(dòng)更改所有基于 這個(gè)模板創(chuàng)建的網(wǎng)頁(yè)。二、模板的優(yōu)點(diǎn)：1 .風(fēng)格一致，看起來(lái)比較系統(tǒng)，也省去了制作同一面頁(yè)的麻煩。2 .如果要修改共同的頁(yè)面不必一個(gè)一個(gè)修改，只要更改應(yīng)用于它們 之上的模板就可以了。3 .免除了以前沒(méi)有此功能時(shí)還要常?！傲泶鏋椤?，一不小心就會(huì)覆 蓋重要檔案的困擾。4 .模板的優(yōu)點(diǎn)還有它也不是一成不變的，即使是在已經(jīng)使用一個(gè)模 板創(chuàng)建文檔之后，也還可以對(duì)該 模板進(jìn)行修改。當(dāng)更新模板時(shí)， 文檔中的鎖定區(qū)都 會(huì)被更新，與模板的修改相匹配。在我們知道了模板的概念和優(yōu)點(diǎn)之后，讓我們通過(guò)實(shí)例來(lái)具體的理解 吧！現(xiàn)在給大家3分鐘時(shí)間，然

29、后邊看邊思考兩個(gè)問(wèn)題：1、請(qǐng)大家找出例子 中網(wǎng)頁(yè)的相同地方和不同地方。2、例子中風(fēng)格接近的網(wǎng)頁(yè)可以有幾種方法制 作？（框架？用另存為？）再考慮：如果用以上兩種方法做的話，萬(wàn) 一網(wǎng)頁(yè)的共同部分要改動(dòng)的話，是否每張都要改動(dòng)過(guò)？能不能一次修改，所 有網(wǎng)頁(yè)就會(huì)自動(dòng)更新呢（方法就是使用模板！）現(xiàn)在我們來(lái)看看如何創(chuàng)建模板（教師邊演示邊解說(shuō)） 三、如何創(chuàng)建模板步驟1：打開(kāi)“安全自護(hù)我能行”站點(diǎn)，執(zhí)行：“窗口” 一一 “資源”命令，打開(kāi)“資源”面板，單擊模板按鈕，切換到模板子面板步驟2：?jiǎn)螕簟靶陆０灏粹o”，將“資源”面板的模板列表 中名稱為Untitled修改為module,回車，則Dreamweaver在

30、“資源”面 板和Templates文件夾中創(chuàng)建一個(gè)新的空模板。步驟3：打開(kāi)“文件”面板，在Templates中新建images和other兩個(gè)文件夾，拷貝素材四、利用表格規(guī)劃模板網(wǎng)頁(yè)我們創(chuàng)建好了模板后，可以利用表格規(guī)劃模板 了，這是我們學(xué)習(xí)過(guò)得內(nèi)容，大家根據(jù)書38頁(yè)具體步驟自己動(dòng)手規(guī)劃吧！三、課堂練習(xí)：大家根據(jù)書38頁(yè)具體步驟自己動(dòng)手規(guī)劃 四、課堂小結(jié):五、布置作業(yè):六、板書設(shè)計(jì):七、教學(xué)后記課題：第七課統(tǒng)一風(fēng)格制作框架網(wǎng)頁(yè)課題制作框架網(wǎng)頁(yè)授課時(shí)間課型新授課課時(shí)安排一課時(shí)教學(xué)目標(biāo)知識(shí)與技能：1.掌握利用模板創(chuàng)建網(wǎng)頁(yè)的方法。2 .學(xué)會(huì)運(yùn)用Flash按鈕制作導(dǎo)航欄進(jìn)行站內(nèi)導(dǎo)航。3 . 了解鏈接對(duì)象

31、的目標(biāo)框架的含義過(guò)程與方法：情感態(tài)度與價(jià)值觀：教學(xué)重點(diǎn)掌握利用模板創(chuàng)建網(wǎng)頁(yè)的方法。教學(xué)難點(diǎn)學(xué)會(huì)運(yùn)用Flash按鈕制作導(dǎo)航欄進(jìn)行站內(nèi)導(dǎo)航教具學(xué)具準(zhǔn)備學(xué)生電腦教學(xué)方法講解、學(xué)生練習(xí)。教學(xué)過(guò)程一、導(dǎo)入新課：復(fù)備創(chuàng)建模板是為了形成網(wǎng)站的統(tǒng)一風(fēng)格，加快網(wǎng)站的建設(shè)。就像工廠生產(chǎn)機(jī)器零部件一樣。模板創(chuàng)建完成后，面臨的工作就利用模板創(chuàng)建網(wǎng)頁(yè)了。二、教學(xué)新課：1 .新建站點(diǎn)(1)將“安全自護(hù)我能行”站點(diǎn)文件夾safe傳到學(xué)生機(jī)。(2)新建站點(diǎn)。2 .應(yīng)用模板創(chuàng)建網(wǎng)頁(yè)(1)規(guī)劃“日常生活”文件夾(2)應(yīng)用模板用模板直接創(chuàng)建網(wǎng)頁(yè)步驟1：執(zhí)行“文件”一一“新建”命令，打開(kāi)“模板”標(biāo)簽，選擇模板文件module,單擊“

32、創(chuàng)建”按鈕，即可基于module模板創(chuàng)建 一個(gè)網(wǎng)頁(yè)。步驟2：執(zhí)行“文件一一“保存”命令，將網(wǎng)頁(yè)命名為rcsh. html,并保存到rcsh文件夾中。創(chuàng)建空白網(wǎng)頁(yè)后再應(yīng)用模板。步驟1：創(chuàng)建空白普通網(wǎng)頁(yè)。步驟2：打開(kāi)“資源”面板，單擊“模板”按鈕，則模板資源顯示 在模板中。步驟3：選擇合適的模板，單擊“應(yīng)用”按鈕。3 .將日常生活網(wǎng)頁(yè)鏈接到框架網(wǎng)頁(yè)(1)打開(kāi)all. html網(wǎng)頁(yè)，選擇rcsh圖片。(2)在屬性面板中單擊鏈接文本框后的“瀏覽文件”按鈕。選擇網(wǎng)頁(yè)rcsh. html.3)設(shè)置目標(biāo)框架為ma inFrame,表示單擊圖片后，網(wǎng)頁(yè)“日常生活”在框架網(wǎng)頁(yè)的下框架mainFrame中打開(kāi)。4

33、 .利用Flash按鈕制作導(dǎo)航欄。5 .填充日常生活網(wǎng)頁(yè)中的內(nèi)容。6 .創(chuàng)建模板的其他方法。三、課堂練習(xí)：學(xué)生小組合作完成任務(wù)，并將任務(wù)上交到教師機(jī)四、課堂小結(jié)：1 .利用模板創(chuàng)建網(wǎng)頁(yè)。2 .在框架中打開(kāi)網(wǎng)頁(yè)的方法。3 制作Flash按鈕鏈接。五、布置作業(yè)：六、板書設(shè)計(jì)：七、教學(xué)后記：課題：第8課自由穿梭課題第8課自由穿梭授課時(shí)間課型新授課課時(shí)安排一課時(shí)教 學(xué) 目 標(biāo)知識(shí)與技能：1.靈活地使用水平線分隔網(wǎng)頁(yè)元素。2.學(xué)會(huì)插入 命名錨記以創(chuàng)建錨點(diǎn)鏈接。3.學(xué)習(xí)使用Flash文本作為鏈接對(duì)象。過(guò)程與方法：講解、學(xué)生練習(xí)。情感態(tài)度與價(jià)值觀：教學(xué)重點(diǎn)局部連接的插入教學(xué)難點(diǎn)局部連接的設(shè)置于運(yùn)用教具學(xué)具準(zhǔn)

34、備學(xué)生電腦教學(xué)方法講授法、演示法教學(xué)過(guò)程一、導(dǎo)入新課：當(dāng)初步制作“交通出行”網(wǎng)頁(yè)后，可以看出本頁(yè)包含的內(nèi)容很多，不同主題 的文字和圖片羅列在一起，難以區(qū)分，因此我們考慮使用水平線分隔元素，并 為頁(yè)面添加錨點(diǎn)鏈接，實(shí)現(xiàn)網(wǎng)頁(yè)的局部跳轉(zhuǎn)，快速地將訪問(wèn)者帶到特定主題二、教學(xué)新課(1)插入水平線水平線對(duì)于組織信息很有用。插入水平線，操作比較執(zhí)行菜單“插品、，T THP1一 “水平線”命令就可以插入默認(rèn)屬性的水平線，其寬100%,高為2個(gè)像帶有陰影。另外，還可以打開(kāi)“插入”工具欄中的HTML工具欄，單擊“水平J I、 t -備鈕插入水平線，在水平線的“屬性檢查器”面板中，可以設(shè)置水平線的寬度、高度、 對(duì)齊

35、方式、是否帶有陰影，應(yīng)用的css樣等，如要設(shè)置水平線的顏色可使用“快速標(biāo)簽編輯器”按鈕 或在“拆分”視圖中通過(guò)添加代碼操作。寬和高：以像素為單位或以頁(yè)面尺寸百分比的形式指定水平線的寬度和高度。對(duì)齊： 指定水平線的對(duì)齊方式（“默認(rèn)”、“左對(duì)齊”、“居中對(duì)齊”或“右對(duì)齊”）。 僅當(dāng)水平線的寬度小于瀏覽器窗口的寬度時(shí)，該設(shè)置才適用。陰影：指定繪制水平線時(shí)是否帶陰影。取消選擇此選項(xiàng)系統(tǒng)將使用純色繪制 水平線需要注意的是，水平線的有些設(shè)置在編輯窗口無(wú)法直接看到效果，需要在 IE瀏覽器中預(yù)覽，例如圖8.2所示的為2條不同屬性設(shè)置的水平線在編輯窗口中 的狀態(tài)和IE瀏覽器中預(yù)覽效果的對(duì)比。（2）創(chuàng)建錨點(diǎn)鏈接在教材中我們將創(chuàng)建錨點(diǎn)鏈接分為兩個(gè)步驟：命名錨記和鏈接錨 記。在進(jìn)行鏈接錨記的時(shí)候，我們采用是在“屬性檢查器”的“鏈接”文本框中輸 入錨記名稱的方法，這就要求我們記住各個(gè)錨記對(duì)應(yīng)的主題內(nèi)容才能操作，否則還需 要單擊相應(yīng)的錨記名稱，通過(guò)該錨記的“屬性檢查器”找到錨記名。其實(shí)，在進(jìn)行鏈 接設(shè)置的時(shí)候，錨記也可以像文件一樣，直接被鼠標(biāo)選擇作為鏈接目標(biāo)，其步驟如 下：選擇要添加鏈接的主題文本，如“非機(jī)動(dòng)車交通安全”。 單擊“屬性檢查器”中“鏈