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

1、八年級(jí)信息技術(shù)教學(xué)計(jì)劃計(jì)劃2015-2016學(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é)期教材是清華大學(xué)出

2、版社會(huì)出版的初中信息技術(shù)八年級(jí)下冊(cè)，。內(nèi)容包括：第一單元：新手入門(mén)，輕松上路，開(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ì)人類(lèi)日常生活和科學(xué)技術(shù)的深刻影響。通過(guò)信息技術(shù)課程使學(xué)生具有獲取信息、傳輸信息、處理信息和應(yīng)用信息的能力，教育學(xué)生正確認(rèn)識(shí)和理解與信息技術(shù)相關(guān)的文

3、化、倫理和社會(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周，做到每課必備，寫(xiě)好教案。領(lǐng)會(huì)大綱精神，鉆研教材內(nèi)容，從學(xué)生實(shí)際出發(fā)做到十備：一備滲透德育；二備重點(diǎn)突出，突破難點(diǎn)方法得當(dāng)；三備信息技術(shù)基本概念；四備信息技術(shù)基本操作用語(yǔ)、基

4、本術(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ì)，做到教書(shū)育人，使他們成為思想素質(zhì)高尚的人才2015-2016學(xué)年第二學(xué)期八年級(jí)信息技術(shù)教學(xué)進(jìn)度表周次時(shí)間教學(xué)內(nèi)容備注第一周2月20日2月24日入學(xué)準(zhǔn)備

5、 第二周2月27日3月2日新手入門(mén) 第三周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、0;第十六周6月4日6月8日 第十七周6月11日6月15日 第十八周6月18日6月22日課 題：第1課 新手入門(mén)課 題新手入門(mén)授課時(shí)間課 型新授課課時(shí)安排一課時(shí)教學(xué)目標(biāo)知識(shí)與技能：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è)。 3掌握瀏覽網(wǎng)頁(yè)的方法并理解網(wǎng)頁(yè)編輯工具與瀏覽工具之間的關(guān)系過(guò)程與方法：利用多媒體設(shè)備和軟件情感態(tài)度與價(jià)值觀(guān)：激發(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代碼并生成

7、網(wǎng)頁(yè)。教具學(xué)具準(zhǔn) 備多媒體網(wǎng)絡(luò)教室。教學(xué)方法講解、學(xué)生練習(xí)教 學(xué) 過(guò) 程一、導(dǎo)入新課：在當(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é)生入門(mén)，并逐步親手打造屬于自己的個(gè)性十足的網(wǎng)站。二、教學(xué)新課：1、首先打開(kāi)IE瀏覽器，在地址欄中輸入網(wǎng)址，打開(kāi)一個(gè)范例網(wǎng)站的首頁(yè)，單擊首頁(yè)中的動(dòng)畫(huà)、超文本、圖片等網(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)系，

8、從而將網(wǎng)站設(shè)計(jì)與網(wǎng)頁(yè)制作的基本知識(shí)進(jìn)行概括總結(jié)并明確落實(shí)到每個(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è)作品保存到教師指定的位置（本地磁盤(pán)或網(wǎng)絡(luò)中的指定

9、目錄）。教師應(yīng)對(duì)所有完成保存網(wǎng)頁(yè)任務(wù)的學(xué)生進(jìn)行及時(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í)候

10、，可以先借助學(xué)生已有技能，啟動(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ì)基本的<html> </html>、<head></head>、<body></body>標(biāo)簽進(jìn)行初步介紹，鼓勵(lì)有余力的同學(xué)通過(guò)“視野拓展”板塊進(jìn)行自學(xué)，并獨(dú)立完成“創(chuàng)作天地”中的練習(xí)。通過(guò)教師演示

11、引導(dǎo)學(xué)生思考擴(kuò)展名對(duì)文件的影響，既包括其對(duì)文件圖標(biāo)的影響，也包括調(diào)用應(yīng)用程序的影響，從而引出程序關(guān)聯(lián)的知識(shí)進(jìn)行補(bǔ)充講解，見(jiàn)圖1.1和圖1.2。3) 保存文件三、課堂練習(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à)值觀(guān)：教學(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)站

12、是一個(gè)相當(dāng)來(lái)說(shuō)比較繁雜的過(guò)程，對(duì)于一個(gè)網(wǎng)站而言，要有一個(gè)總的戰(zhàn)略規(guī)劃和目標(biāo)。在做一個(gè)網(wǎng)站前，要有一個(gè)全盤(pán)的考慮。我們知道一個(gè)房子一旦地基沒(méi)有打好，是要拔了重新蓋，我們做網(wǎng)站也是一樣，如果你前期規(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í)間的一

13、半以上。確定網(wǎng)站主題寫(xiě)作文要圍繞中心思想去寫(xiě)，做網(wǎng)站要圍繞主題去做。個(gè)人主頁(yè)、休閑、體育、教育、新聞、娛樂(lè)、購(gòu)物、健康等等，不管那類(lèi)網(wǎng)站，都不能脫離自己的主題，必須表現(xiàn)個(gè)性，表現(xiàn)出特色才能給人留下深刻印象，讓人流連忘返。收集素材我們?cè)谶@所說(shuō)的素材就是你的網(wǎng)頁(yè)上要用的各種素材，主要包括：文字、圖片、動(dòng)畫(huà)、音頻、視頻等。在網(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)容都考慮全

14、面了，制作的時(shí)候你的速度就快。否則就等著不停的返工吧。（2）設(shè)計(jì)制作網(wǎng)站頁(yè)面頁(yè)面制作要先大后小，先粗后精。就是先要把每個(gè)頁(yè)面要放什么內(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)書(shū)上第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ū)設(shè)計(jì)：七、教學(xué)后記復(fù) 備課 題：第三課：開(kāi)篇之作

15、 基于表格的頁(yè)面布局課 題開(kāi)篇之作授課時(shí)間課 型新授課課時(shí)安排一課時(shí)教學(xué)目標(biāo)知識(shí)與技能：1.創(chuàng)建站點(diǎn)和網(wǎng)站首頁(yè)。2.掌握對(duì)表格屬性的相關(guān)設(shè)置。過(guò)程與方法：情感態(tài)度與價(jià)值觀(guān)：教學(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è)就像一本書(shū)的目錄一樣，我們做網(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)行控制。在這之

16、前我們先來(lái)看看別人的首頁(yè)是怎么做的。（查看事先準(zhǔn)備好的示例網(wǎng)頁(yè)，分析表格在該頁(yè)的作用）二、教學(xué)新課：（一）復(fù)習(xí)創(chuàng)建站點(diǎn)的步驟。1.在D盤(pán)新建一個(gè)文件夾，作為站點(diǎn)文件夾。2.打開(kāi)Dreamweaver8,單擊“站點(diǎn)”菜單下的 “新建站點(diǎn)”命令。3.新建站點(diǎn)（步驟略，參加課本p12）。（二）創(chuàng)建網(wǎng)站首頁(yè)1整理素材（1）右擊“文件”面板中站點(diǎn)名“站點(diǎn)-安全自護(hù)我能行D:safe”，在彈出的快捷菜單中執(zhí)行“新建文件夾”命令，然后將文件夾命名為images。（2）將首頁(yè)素材圖片index.gif，復(fù)制粘貼到images文件夾中。（3）在safe文件夾下新建一文件夾other，將flash動(dòng)畫(huà)素材整理到o

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

18、文檔窗口中單擊，在頁(yè)面左上角放置插入點(diǎn)。（2）執(zhí)行“插入”->“表格”命令。（3）在彈出的“表格”對(duì)話(huà)框中設(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。4.測(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ì)

19、學(xué)生大膽嘗試和創(chuàng)新，利用所學(xué)的內(nèi)容，進(jìn)行創(chuàng)意性發(fā)揮。學(xué)生小組合作完成制作一個(gè)首頁(yè)的任務(wù)，并將任務(wù)上交到教師機(jī)。四、課堂小結(jié)：1.站點(diǎn)目錄結(jié)構(gòu)要清晰，方便管理，素材要按類(lèi)型分別存放。五、布置作業(yè)：六、板書(shū)設(shè)計(jì)：七、教學(xué)后記復(fù) 備課 題：第四課：星光閃爍 用Flash動(dòng)畫(huà)完善首頁(yè)課 題用Flash動(dòng)畫(huà)完善首頁(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à)值觀(guān)：提高學(xué)生的動(dòng)手能力、及學(xué)生們對(duì)網(wǎng)頁(yè)的認(rèn)識(shí)。教學(xué)重點(diǎn)在網(wǎng)頁(yè)中插入Flash，

20、并設(shè)置相關(guān)屬性教學(xué)難點(diǎn)在網(wǎng)頁(yè)中插入Flash，并設(shè)置相關(guān)屬性教具學(xué)具準(zhǔn) 備學(xué)生電腦教學(xué)方法演示法、講授法教 學(xué) 過(guò) 程一、導(dǎo)入新課：對(duì)于一個(gè)網(wǎng)頁(yè)，信息的表達(dá)是多種多樣的，我們可以使用文字、圖片等，我們也可以為網(wǎng)頁(yè)添加動(dòng)畫(huà)、音頻、視頻等，為了讓我們的網(wǎng)站看起來(lái)有動(dòng)感，吸引別人的眼球，我們應(yīng)該學(xué)會(huì)在網(wǎng)頁(yè)中使用Flash。這節(jié)課我們就來(lái)一塊學(xué)學(xué)怎么在網(wǎng)頁(yè)中使用Flash。二、教學(xué)新課1.新建站點(diǎn)（1）將“安全自護(hù)我能行”站點(diǎn)文件夾傳到學(xué)生機(jī)。（2）新建站點(diǎn)。2.調(diào)整表格1) 選擇對(duì)象表格、行、列、單元格屬性的設(shè)置是以選擇這些對(duì)象為前提的。a) 選擇表格：“標(biāo)簽選擇器”中單擊<table>

21、標(biāo)簽；“表格”菜單下的“選擇表格”命令。b) 選擇某一單元格：按住Ctrl鍵，同時(shí)單擊選中的單元格；“標(biāo)簽選擇器”中單擊<td>標(biāo)簽。c) 選擇某一行或某一列：將光標(biāo)移動(dòng)到行左側(cè)或列上方，當(dāng)鼠標(biāo)指針變?yōu)橄蛴一蛳蛳碌募^圖標(biāo)時(shí)，單擊即可。2) 設(shè)置第一行的屬性選中表格的第一行，將高度設(shè)為420。和flash的高度一致。3.插入flash動(dòng)畫(huà)1) 將光標(biāo)定位在表格第一行中，執(zhí)行“插入”“媒體”Flash命令。2) 在彈出的對(duì)話(huà)框中選擇other文件夾下的index.swf，單擊確定。3) 觀(guān)察插入flash的狀態(tài)，在編輯視圖下，flash不可見(jiàn)。4) 單擊選中flash文檔，在屬性面板

22、設(shè)置相關(guān)屬性：循環(huán)、自動(dòng)播放。預(yù)覽觀(guān)察效果。5) 設(shè)置Flash參數(shù)，如P23頁(yè)，圖4.6所示。4.在網(wǎng)頁(yè)中插入文本1) 插入普通文本：光標(biāo)定位在單元格內(nèi)，直接輸入文字。2) 插入特殊字符：“插入”“HTML”“特殊網(wǎng)頁(yè)”。3) 設(shè)置文本屬性：根據(jù)情況選擇合適的格式或文字大小、顏色、對(duì)齊方式等。三、課堂練習(xí)：學(xué)生小組合作完成任務(wù)，并將任務(wù)上交到教師機(jī)。四、課堂小結(jié)：五、布置作業(yè)：六、板書(shū)設(shè)計(jì)：七、教學(xué)后記復(fù) 備課 題：第五課：統(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.能制作

23、鼠標(biāo)經(jīng)過(guò)圖像的動(dòng)態(tài)效果。過(guò)程與方法：學(xué)生動(dòng)手、自主探究情感態(tài)度與價(jià)值觀(guān)：使學(xué)生對(duì)框架結(jié)構(gòu)有一個(gè)初步的認(rèn)識(shí)教學(xué)重點(diǎn)創(chuàng)建框架和制作框架網(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í)。二、教學(xué)新課1.新建站點(diǎn)（1）將“安全自護(hù)我能行”站點(diǎn)文件夾safe傳到學(xué)生機(jī)。（2）

24、新建站點(diǎn)。2.創(chuàng)建框架和框架集制作框架網(wǎng)頁(yè)的前提是創(chuàng)建框架，并根據(jù)網(wǎng)頁(yè)布局設(shè)計(jì)框架的樣式，然后再具體設(shè)計(jì)制作網(wǎng)頁(yè)的內(nèi)容。（1）規(guī)劃“框架”文件夾。（2）新建框架集步驟1：執(zhí)行“文件”“新建”命令，打開(kāi)“新建文檔”對(duì)話(huà)框，在 “類(lèi)別”中選擇 “框架集”。步驟2：?jiǎn)螕簟皠?chuàng)建”按鈕，在彈出對(duì)話(huà)框中單擊“確定”，框架創(chuàng)建完成。（3）保存框架集步驟1：執(zhí)行“文件”“保存全部”命令，保存到frame文件夾中。步驟2：重命名框架集文件和每個(gè)框架文件。（4）設(shè)置框架和框架屬性框架的屬性包括框架名稱(chēng)、源文件、邊距、尺寸、滾動(dòng)條等；框架集的屬性包括框架面積、框架邊界顏色、距離等。步驟1：執(zhí)行“窗口”“框架”命令，

25、打開(kāi)框架面板。步驟2：?jiǎn)螕簟翱蚣堋泵姘逯械目蚣苓吘壊糠?，選中框架集，在 “屬性”面板中設(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)整行列的高寬

26、。步驟3：合并相關(guān)單元格。步驟4：插入圖片，并為圖片添加超鏈接。步驟5：添加郵件鏈接。三、課堂練習(xí)：學(xué)生小組合作完成書(shū)上的練習(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ū)設(shè)計(jì)：七、教學(xué)后記復(fù) 備課 題：第六課：事半功倍 制作網(wǎng)頁(yè)模板課 題制作網(wǎng)頁(yè)模板授課時(shí)間課 型新授課課時(shí)安排一課時(shí)教學(xué)目標(biāo)知識(shí)與技能：1、掌握模板的概念，特別是可編輯區(qū)域和不可編輯區(qū)域。2、學(xué)會(huì)創(chuàng)

27、建模板。3、能用模板快速的制作網(wǎng)頁(yè)過(guò)程與方法：學(xué)生動(dòng)手、自主探究情感態(tài)度與價(jià)值觀(guān)：提高學(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)入新課：我們?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è)模型能夠方便的制

28、作出很多頁(yè)面，使用模板可以避免重復(fù)的在每個(gè)頁(yè)面輸入或修改相同的部分，待網(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ì)覆

29、蓋重要檔案的困擾。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í)間，然后邊看邊思考兩個(gè)問(wèn)題：1、請(qǐng)大家找出例子中網(wǎng)頁(yè)的相同地方和不同地方。2、例子中風(fēng)格接近的網(wǎng)頁(yè)可以有幾種方法制作？ (框架？用另存為？)再考慮：如果用以上兩種方法做的話(huà)，萬(wàn)一網(wǎng)頁(yè)的共同部分要改動(dòng)的話(huà)，是否每張都要改動(dòng)過(guò)？ 能不能一次修改，所有網(wǎng)頁(yè)就會(huì)自動(dòng)更新呢

30、(方法就是使用模板！) 現(xiàn)在我們來(lái)看看如何創(chuàng)建模板（教師邊演示邊解說(shuō)）三、如何創(chuàng)建模板步驟1：打開(kāi)“安全自護(hù)我能行”站點(diǎn)，執(zhí)行：“窗口”“資源”命令，打開(kāi)“資源”面板，單擊模板按鈕，切換到模板子面板步驟2：?jiǎn)螕簟靶陆０灏粹o”， 將“資源”面板的模板列表中名稱(chēng)為Untitled修改為module,回車(chē)，則Dreamweaver在“資源”面板和Templates文件夾中創(chuàng)建一個(gè)新的空模板。步驟3：打開(kāi)“文件”面板，在Templates中新建images和other兩個(gè)文件夾，拷貝素材四、利用表格規(guī)劃模板網(wǎng)頁(yè)我們創(chuàng)建好了模板后，可以利用表格規(guī)劃模板了，這是我們學(xué)習(xí)過(guò)得內(nèi)容，大家根據(jù)書(shū)38

31、頁(yè)具體步驟自己動(dòng)手規(guī)劃吧！三、課堂練習(xí)：大家根據(jù)書(shū)38頁(yè)具體步驟自己動(dòng)手規(guī)劃四、課堂小結(jié)：五、布置作業(yè)：六、板書(shū)設(shè)計(jì)：七、教學(xué)后記復(fù) 備課 題：第七課 統(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ì)象的目標(biāo)框架的含義過(guò)程與方法：情感態(tài)度與價(jià)值觀(guān)：教學(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)入新課：創(chuàng)建模板是為了形成網(wǎng)站的統(tǒng)一風(fēng)格，加快網(wǎng)站的建設(shè)。就像

32、工廠(chǎng)生產(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，單擊“創(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)“資源”面板，單擊“模板”按鈕，則模板資源顯示在模板

33、中。步驟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)框架為mainFrame，表示單擊圖片后，網(wǎng)頁(yè)“日常生活”在框架網(wǎng)頁(yè)的下框架mainFrame中打開(kāi)。4.利用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ū)設(shè)計(jì)：七、教學(xué)后

34、記：復(fù) 備課 題：第8課 自由穿梭課 題第8課 自由穿梭授課時(shí)間課 型新授課課時(shí)安排一課時(shí)教學(xué)目標(biāo)知識(shí)與技能：1靈活地使用水平線(xiàn)分隔網(wǎng)頁(yè)元素。 2學(xué)會(huì)插入命名錨記以創(chuàng)建錨點(diǎn)鏈接。 3. 學(xué)習(xí)使用Flash文本作為鏈接對(duì)象。過(guò)程與方法：講解、學(xué)生練習(xí)。情感態(tài)度與價(jià)值觀(guān)：教學(xué)重點(diǎn)局部連接的插入教學(xué)難點(diǎn)局部連接的設(shè)置于運(yùn)用教具學(xué)具準(zhǔn) 備學(xué)生電腦教學(xué)方法講授法、演示法教 學(xué) 過(guò) 程一、導(dǎo)入新課：當(dāng)初步制作“交通出行”網(wǎng)頁(yè)后，可以看出本頁(yè)包含的內(nèi)容很多，不同主題的文字和圖片羅列在一起，難以區(qū)分，因此我們考慮使用水平線(xiàn)分隔元素，并為頁(yè)面添加錨點(diǎn)鏈接，實(shí)現(xiàn)網(wǎng)頁(yè)的局部跳轉(zhuǎn)，快速地將訪(fǎng)問(wèn)者帶到特定主題或者網(wǎng)頁(yè)頂

35、部。二、教學(xué)新課（1）插入水平線(xiàn)水平線(xiàn)對(duì)于組織信息很有用。插入水平線(xiàn)，操作比較簡(jiǎn)單，執(zhí)行菜單“插入”HTML “水平線(xiàn)”命令就可以插入默認(rèn)屬性的水平線(xiàn)，其寬度為100%，高為2個(gè)像素，帶有陰影。另外，還可以打開(kāi)“插入”工具欄中的HTML工具欄，單擊“水平線(xiàn)”按鈕插入水平線(xiàn)，在水平線(xiàn)的“屬性檢查器”面板中，可以設(shè)置水平線(xiàn)的寬度、高度、對(duì)齊方式、是否帶有陰影，應(yīng)用的CSS樣等，如要設(shè)置水平線(xiàn)的顏色可使用“快速標(biāo)簽編輯器”按鈕 或在“拆分”視圖中通過(guò)添加代碼操作。寬和高：以像素為單位或以頁(yè)面尺寸百分比的形式指定水平線(xiàn)的寬度和高度。對(duì)齊：指定水平線(xiàn)的對(duì)齊方式（“默認(rèn)”、“左對(duì)齊”、“居中對(duì)齊”或“右對(duì)

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