八年級（下冊）信息技術(shù)教（學(xué)）案清華版

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

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

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

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

5、備第二周2月27日3月2日新手入門第三周3月6日3月9日輕松上路第四周3月12日3月16日開篇之作第五周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日圖形整合第十二周5月7日5月11日一觸即發(fā)第十三周5月14日5月18日影音視聽第十四周5月21日5月25日分享成果第十五周5月28日6月1日第十六周6月4日6月8日第十七周6月11日6月15日第十八周6月18日6月22日課 題：第1課 新手入門課 題新手入門授課時間課 型新授課

6、課時安排一課時教學(xué)目標(biāo)知識與技能：1掌握互聯(lián)網(wǎng)、網(wǎng)頁與首頁、等網(wǎng)頁設(shè)計與制作的基本知識。 2學(xué)會使用記事本作為網(wǎng)頁編輯工具來編輯HTML代碼并生成網(wǎng)頁。 3掌握瀏覽網(wǎng)頁的方法并理解網(wǎng)頁編輯工具與瀏覽工具之間的關(guān)系過程與方法：利用多媒體設(shè)備和軟件情感態(tài)度與價值觀：激發(fā)學(xué)生的成就感、培養(yǎng)集體的合作精神和集體榮譽(yù)感。教學(xué)重點了解制作的基本知識，并制作一個簡單的網(wǎng)頁教學(xué)難點學(xué)會使用記事本作為網(wǎng)頁編輯工具來編輯HTML代碼并生成網(wǎng)頁。教具學(xué)具準(zhǔn) 備多媒體網(wǎng)絡(luò)教室。教學(xué)方法講解、學(xué)生練習(xí)教 學(xué) 過 程一、導(dǎo)入新課：在當(dāng)前的社會生活中，網(wǎng)絡(luò)正在發(fā)揮著越來越重要的作用，大量制作精美、功能強(qiáng)大的出現(xiàn)在互聯(lián)網(wǎng)上。

7、對于學(xué)生來說，制作個人也正在成為一種流行時尚。通過本教材的學(xué)習(xí)可以輕松幫助學(xué)生入門，并逐步親手打造屬于自己的個性十足的。二、教學(xué)新課：1、首先打開IE瀏覽器，在地址欄中輸入網(wǎng)址，打開一個例的首頁，單擊首頁中的動畫、超文本、圖片等網(wǎng)頁元素，可以分別到中的其他頁面中。在操作過程中教師提出問題，引導(dǎo)學(xué)生思考互聯(lián)網(wǎng)、網(wǎng)頁、首頁等術(shù)語的含義，以與它們之間的關(guān)系，嘗試讓學(xué)生體會瀏覽器和網(wǎng)頁的關(guān)系，從而將設(shè)計與網(wǎng)頁制作的基本知識進(jìn)行概括總結(jié)并明確落實到每個學(xué)生身上。在進(jìn)行教學(xué)的時候，一定要讓學(xué)生認(rèn)識到已有知識的重要性，充分利用已經(jīng)具備的技能去嘗試解決新問題，從而變被動學(xué)習(xí)為主動探究。教師可引導(dǎo)學(xué)生充分利用教

8、材中的“視野拓展”和“創(chuàng)作天地”板塊進(jìn)行自學(xué)，這實際上是在實施分層教學(xué)，以鞏固本課的知識技能為主，適當(dāng)?shù)剡M(jìn)行補(bǔ)充，讓部分基礎(chǔ)較好的同學(xué)在完成基本任務(wù)之后也能有事可做，給學(xué)生創(chuàng)造出提高的空間。作為制作的起始課，教師要切實地關(guān)注每個學(xué)生，尤其是在以前的學(xué)習(xí)過程中表現(xiàn)出學(xué)習(xí)能力較弱的學(xué)生，要確保每個學(xué)生都有一個好的開始，都能將第一個網(wǎng)頁作品保存到教師指定的位置（本地磁盤或網(wǎng)絡(luò)中的指定目錄）。教師應(yīng)對所有完成保存網(wǎng)頁任務(wù)的學(xué)生進(jìn)行與時地評價與鼓勵，保護(hù)學(xué)生的學(xué)習(xí)積極性。另外，對完成基本任務(wù)并有所創(chuàng)新的同學(xué)重點表揚，鼓勵學(xué)生主動學(xué)習(xí)，有計劃地營造良性競爭的氛圍。2、網(wǎng)頁設(shè)計與制作在本課過欣賞站點，使學(xué)生

9、了解和掌握互聯(lián)網(wǎng)、網(wǎng)頁與首頁、IE瀏覽器的基本含義，并且能夠明確它們相互之間的關(guān)系。學(xué)生在學(xué)習(xí)制作之前已經(jīng)接觸過，瀏覽過各式各樣的網(wǎng)頁，因此教師在完成此教學(xué)任務(wù)的時候，可以充分利用學(xué)生已有基礎(chǔ)，不必完全進(jìn)行講授式教學(xué)，可以結(jié)合啟發(fā)、設(shè)問等方法，使學(xué)生盡可能地自己總結(jié)出相關(guān)知識。3、使用記事本作為網(wǎng)頁編輯工具來編輯HTML代碼并生成網(wǎng)頁在進(jìn)行此部分教學(xué)的時候，可以先借助學(xué)生已有技能，啟動記事本，復(fù)制并粘貼素材文件中提供的HTML代碼，命名并保存文件，然后在瀏覽器中進(jìn)行預(yù)覽。對于HTML代碼部分，教師可以嘗試通過修改屬性值的方法，引導(dǎo)學(xué)生探索標(biāo)簽的含義與其與屬性值的對應(yīng)關(guān)系，這也同時是對“創(chuàng)作天地

10、”板塊中的練習(xí)進(jìn)行提示的過程，然后通過分析此HTML實例，講解HTML語言的基本結(jié)構(gòu)，對基本的 、標(biāo)簽進(jìn)行初步介紹，鼓勵有余力的同學(xué)通過“視野拓展”板塊進(jìn)行自學(xué)，并獨立完成“創(chuàng)作天地”中的練習(xí)。通過教師演示引導(dǎo)學(xué)生思考擴(kuò)展名對文件的影響，既包括其對文件圖標(biāo)的影響，也包括調(diào)用應(yīng)用程序的影響，從而引出程序關(guān)聯(lián)的知識進(jìn)行補(bǔ)充講解，見圖1.1和圖1.2。3) 保存文件三、課堂練習(xí)：使用記事本作為網(wǎng)頁編輯工具來編輯HTML代碼并生成網(wǎng)頁四、復(fù) 備課 題：第二課：輕松上路規(guī)劃與創(chuàng)建站點課 題輕松上路授課時間課 型新授課課時安排1節(jié)課教學(xué)目標(biāo)知識與技能：1.了解開發(fā)流程。2.學(xué)會利用Dreamweaver8

11、創(chuàng)建站點。過程與方法：情感態(tài)度與價值觀：教學(xué)重點了解制作的基本知識，并制作一個簡單的網(wǎng)頁。教學(xué)難點多媒體網(wǎng)絡(luò)教室。教具學(xué)具準(zhǔn) 備講解、學(xué)生練習(xí)。教學(xué)方法教 學(xué) 過 程一、導(dǎo)入新課：開發(fā)一個是一個相當(dāng)來說比較繁雜的過程，對于一個而言，要有一個總的戰(zhàn)略規(guī)劃和目標(biāo)。在做一個前，要有一個全盤的考慮。我們知道一個房子一旦地基沒有打好，是要拔了重新蓋，我們做也是一樣，如果你前期規(guī)劃做的不好，后面的工作就意味著白辛苦。這節(jié)課我們以“安全自護(hù)我能行”為主題來進(jìn)行規(guī)劃和創(chuàng)建站點二、教學(xué)新課：1.了解開發(fā)流程（1）需求分析一個在設(shè)計前，就應(yīng)該考慮規(guī)模多大，就是多少個頁面，每個頁面的大體容是什么，要用到那些素材，有

12、那些導(dǎo)航，做較大一點的尤為如此。還要考慮以后會有什么改動，還要增加那些網(wǎng)頁，盡量讓以后的改動盡可能的小。的需求分析所用的時間應(yīng)該占到總開發(fā)時間的一半以上。確定主題寫作文要圍繞中心思想去寫，做要圍繞主題去做。個人主頁、休閑、體育、教育、新聞、娛樂、購物、健康等等，不管那類，都不能脫離自己的主題，必須表現(xiàn)個性，表現(xiàn)出特色才能給人留下深刻印象，讓人流連忘返。收集素材我們在這所說的素材就是你的網(wǎng)頁上要用的各種素材，主要包括：文字、圖片、動畫、音頻、視頻等。在主題明確后，就應(yīng)該把素材準(zhǔn)備好，當(dāng)然是越充分越好。不要等到用的時候到處去找，那就影響效率了。規(guī)劃站點站點規(guī)劃是需求分析中最重要的一個環(huán)節(jié)，包含很多

13、方面的容。我們上節(jié)課看了一些別人做的，相信大家都多多少少了解一些：欄目設(shè)置、顏色搭配、圖文的應(yīng)用等等。只有把這些容都考慮全面了，制作的時候你的速度就快。否則就等著不停的返工吧。（2）設(shè)計制作頁面頁面制作要先大后小，先粗后精。就是先要把每個頁面要放什么容，按什么結(jié)構(gòu)先做一個大概，所有頁面的大概都做完后，再去完善和細(xì)化。（3）的發(fā)布需要域名和網(wǎng)頁文件的存放空間。2.利用Dreamweaver8創(chuàng)建站點（1）啟動Dreamweaver8簡單的進(jìn)行界面介紹（2）創(chuàng)建站點步驟參見書上第12頁3.做一個簡單的網(wǎng)頁要求圖文并茂三、課堂練習(xí)：學(xué)生小組合作完成任務(wù)，并將任務(wù)上交到教師機(jī)。四、課堂小結(jié)：對于較快完

14、成任務(wù)并且完成任務(wù)較好的同學(xué)進(jìn)行表揚鼓勵。五、布置作業(yè)：六、板書設(shè)計：七、教學(xué)后記復(fù) 備課 題：第三課：開篇之作基于表格的頁面布局課 題開篇之作授課時間課 型新授課課時安排一課時教學(xué)目標(biāo)知識與技能：1.創(chuàng)建站點和首頁。2.掌握對表格屬性的相關(guān)設(shè)置。過程與方法：情感態(tài)度與價值觀：教學(xué)重點能夠?qū)Ρ砀駥傩赃M(jìn)行熟練的設(shè)置教學(xué)難點能夠?qū)Ρ砀駥傩赃M(jìn)行熟練的設(shè)置教具學(xué)具準(zhǔn) 備多媒體網(wǎng)絡(luò)教室教學(xué)方法講解、學(xué)生練習(xí)教 學(xué) 過 程一、導(dǎo)入新課：一個的規(guī)劃設(shè)計完畢了，接下來的工作就是網(wǎng)頁設(shè)計。我們知道一個的首頁就像一本書的目錄一樣，我們做也一樣，要先把首頁確定下來。我看了我們上一周做的網(wǎng)頁，有些同學(xué)想發(fā)揮點創(chuàng)意，但

15、發(fā)現(xiàn)頁面布局很亂，圖片文字亂七八糟堆放在一起。這節(jié)課我們就來學(xué)學(xué)怎樣對頁面布局進(jìn)行控制。在這之前我們先來看看別人的首頁是怎么做的。（查看事先準(zhǔn)備好的示例網(wǎng)頁，分析表格在該頁的作用）二、教學(xué)新課：（一）復(fù)習(xí)創(chuàng)建站點的步驟。1.在D盤新建一個文件夾，作為站點文件夾。2.打開Dreamweaver8,單擊“站點”菜單下的 “新建站點”命令。3.新建站點（步驟略，參加課本p12）。（二）創(chuàng)建首頁1整理素材（1）右擊“文件”面板中站點名“站點-安全自護(hù)我能行D:safe”，在彈出的快捷菜單中執(zhí)行“新建文件夾”命令，然后將文件夾命名為images。（2）將首頁素材圖片index.gif，復(fù)制粘貼到imag

16、es文件夾中。（3）在safe文件夾下新建一文件夾other，將flash動畫素材整理到other文件夾中。2.創(chuàng)建并保存首頁（1）單擊 “文件”-“新建”命令，選擇“常規(guī)”，在“基本頁”列表框中選擇HTML選項，單擊 “創(chuàng)建”按鈕，即建立了一個空白頁。（2）執(zhí)行“文件”- “保存”命令，保存名index.html,默認(rèn)保存路徑是站點的跟目錄。注意保存類型選擇“html文檔”。（三）對首頁進(jìn)行初步布局1.為頁面添加背景顏色（1）單擊文檔窗口，使插入點在編輯區(qū)閃爍，然后單擊“屬性”欄的“頁面屬性”按鈕。（2）找到 “背景顏色”選項，輸入淺黃色的顏色數(shù)值#FFFF94，單擊“確定”按鈕，背景色設(shè)置

17、完成。2.設(shè)置網(wǎng)頁標(biāo)題并預(yù)覽網(wǎng)頁效果。3.使用表格初步布局網(wǎng)頁。（1）在文檔窗口中單擊，在頁面左上角放置插入點。（2）執(zhí)行“插入”-“表格”命令。（3）在彈出的“表格”對話框中設(shè)置一個2行1列的表格，寬度600像素。（4）單擊“標(biāo)簽選擇器”中的標(biāo)簽，選中此表格，在屬性欄中完成表格的相關(guān)設(shè)置。具體參數(shù)如下：行數(shù)：2，列數(shù)：1，高度：600像素，寬度600像素，對齊：居中對齊，背景圖片：index.gif。4.測試網(wǎng)頁。三、學(xué)生練習(xí)鼓勵學(xué)生大膽嘗試和創(chuàng)新，利用所學(xué)的容，進(jìn)行創(chuàng)意性發(fā)揮。學(xué)生小組合作完成制作一個首頁的任務(wù)，并將任務(wù)上交到教師機(jī)。2.文檔工具欄的使用。3.使用表格設(shè)計網(wǎng)頁布局，可以使網(wǎng)

18、頁看上去更加整齊。三、課堂練習(xí)：鼓勵學(xué)生大膽嘗試和創(chuàng)新，利用所學(xué)的容，進(jìn)行創(chuàng)意性發(fā)揮。學(xué)生小組合作完成制作一個首頁的任務(wù)，并將任務(wù)上交到教師機(jī)。四、課堂小結(jié)：1.站點目錄結(jié)構(gòu)要清晰，方便管理，素材要按類型分別存放。五、布置作業(yè)：六、板書設(shè)計：七、教學(xué)后記復(fù) 備課 題：第四課：星光閃爍用Flash動畫完善首頁課 題用Flash動畫完善首頁授課時間課 型新授課課時安排一課時教學(xué)目標(biāo)知識與技能：1.學(xué)會表格的調(diào)整。2.能在網(wǎng)頁中插入Flash，并對相關(guān)屬性進(jìn)行設(shè)置。3.能在網(wǎng)頁中插入文本，并對文字格式進(jìn)行設(shè)置。過程與方法：學(xué)生動手、自主探究情感態(tài)度與價值觀：提高學(xué)生的動手能力、與學(xué)生們對網(wǎng)頁的認(rèn)識。

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

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

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

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

23、（1）規(guī)劃“框架”文件夾。（2）新建框架集步驟1：執(zhí)行“文件”“新建”命令，打開“新建文檔”對話框，在 “類別”中選擇 “框架集”。步驟2：單擊“創(chuàng)建”按鈕，在彈出對話框中單擊“確定”，框架創(chuàng)建完成。（3）保存框架集步驟1：執(zhí)行“文件”“保存全部”命令，保存到frame文件夾中。步驟2：重命名框架集文件和每個框架文件。（4）設(shè)置框架和框架屬性框架的屬性包括框架名稱、源文件、邊距、尺寸、滾動條等；框架集的屬性包括框架面積、框架邊界顏色、距離等。步驟1：執(zhí)行“窗口”“框架”命令，打開框架面板。步驟2：單擊“框架”面板中的框架邊緣部分，選中框架集，在 “屬性”面板中設(shè)置框架集的屬性。步驟3：單擊“框

24、架”面板中的topFrame框架和mainFrame框架，在“屬性”面板中設(shè)置所選框架的屬性。（5）制作框架網(wǎng)頁制作上框架網(wǎng)頁步驟1：打開網(wǎng)頁top.html，設(shè)置背景顏色#EAFF8A，上邊距為0像素。步驟2：插入一個2行5列的表格并調(diào)整行列的高寬。步驟3：在導(dǎo)航表格中，設(shè)置鼠標(biāo)經(jīng)過圖像。步驟4：為圖片添加超，設(shè)置打開方式（目標(biāo)）。制作下框架網(wǎng)頁步驟1：打開網(wǎng)頁main.html，設(shè)置背景顏色#EAFF8A，上邊距為0像素。步驟2：插入一個5行9列的表格并調(diào)整行列的高寬。步驟3：合并相關(guān)單元格。步驟4：插入圖片，并為圖片添加超。步驟5：添加。三、課堂練習(xí)：學(xué)生小組合作完成書上的練習(xí)任務(wù)，并將

25、任務(wù)上交到教師機(jī)四、課堂小結(jié)：1.創(chuàng)建框架，實現(xiàn)網(wǎng)頁風(fēng)格的統(tǒng)一，保存框架時，需要保存框架集文件和含有框架的所有文件。2.利用鼠標(biāo)經(jīng)過圖像，可以制作網(wǎng)頁導(dǎo)航動態(tài)按鈕。3.超級是實現(xiàn)網(wǎng)頁互聯(lián)的關(guān)鍵，設(shè)置網(wǎng)頁的打開方式，可以調(diào)整網(wǎng)頁的顯示位置。五、布置作業(yè)：六、板書設(shè)計：七、教學(xué)后記復(fù) 備課 題：第六課：事半功倍制作網(wǎng)頁模板課 題制作網(wǎng)頁模板授課時間課 型新授課課時安排一課時教學(xué)目標(biāo)知識與技能：1、掌握模板的概念，特別是可編輯區(qū)域和不可編輯區(qū)域。2、學(xué)會創(chuàng)建模板。3、能用模板快速的制作網(wǎng)頁過程與方法：學(xué)生動手、自主探究情感態(tài)度與價值觀：提高學(xué)生的自學(xué)能力，對網(wǎng)頁的認(rèn)識和對網(wǎng)頁模板的了解教學(xué)重點理解模

26、板中的可編輯區(qū)域和不可編輯區(qū)域教學(xué)難點掌握模板的概念，特別是可編輯區(qū)域和不可編輯區(qū)域教具學(xué)具準(zhǔn) 備學(xué)生電腦教學(xué)方法演示法、講授法教 學(xué) 過 程一、導(dǎo)入新課：我們在進(jìn)行大量的頁面制作的時候，很多頁面會用到一樣的布局，圖片和文字等元素。這樣我們需要做一次次的重復(fù)性勞動，那么有沒有更好的方法讓我們來快速的實現(xiàn)呢！有，通過制作網(wǎng)頁模板快速創(chuàng)建網(wǎng)頁。這就是我們這節(jié)課學(xué)習(xí)的容。二、教學(xué)新課一、模板的概念：模板可以被理解成一種網(wǎng)頁模型，利用這個模型能夠方便的制作出很多頁面，使用模板可以避免重復(fù)的在每個頁面輸入或修改一樣的部分，待改版的的時候，只要改變模板的設(shè)計，系統(tǒng)就能自動更改所有基于這個模板創(chuàng)建的網(wǎng)頁。二

27、、模板的優(yōu)點：1. 風(fēng)格一致，看起來比較系統(tǒng)，也省去了制作同一面頁的麻煩。2. 如果要修改共同的頁面不必一個一個修改，只要更改應(yīng)用于它們之上的模板就可以了。3. 免除了以前沒有此功能時還要常?！傲泶鏋椤?，一不小心就會覆蓋重要檔案的困擾。4. 模板的優(yōu)點還有它也不是一成不變的，即使是在已經(jīng)使用一個模板創(chuàng)建文檔之后，也還可以對該模板進(jìn)行修改。當(dāng)更新模板時，文檔中的鎖定區(qū)都會被更新，與模板的修改相匹配。在我們知道了模板的概念和優(yōu)點之后，讓我們通過實例來具體的理解吧！現(xiàn)在給大家3分鐘時間，然后邊看邊思考兩個問題：1、請大家找出例子中網(wǎng)頁的一樣地方和不同地方。2、例子中風(fēng)格接近的網(wǎng)頁可以有幾種方法制作？

28、 (框架？用另存為？)再考慮：如果用以上兩種方法做的話，萬一網(wǎng)頁的共同部分要改動的話，是否每都要改動過？能不能一次修改，所有網(wǎng)頁就會自動更新呢(方法就是使用模板！)現(xiàn)在我們來看看如何創(chuàng)建模板（教師邊演示邊解說）三、如何創(chuàng)建模板步驟1：打開“安全自護(hù)我能行”站點，執(zhí)行：“窗口”“資源”命令，打開“資源”面板，單擊模板按鈕，切換到模板子面板步驟2：單擊“新建模板按鈕”，將“資源”面板的模板列表中名稱為Untitled修改為module,回車，則Dreamweaver在“資源”面板和Templates文件夾中創(chuàng)建一個新的空模板。步驟3：打開“文件”面板，在Templates中新建images和oth

29、er兩個文件夾，拷貝素材四、利用表格規(guī)劃模板網(wǎng)頁我們創(chuàng)建好了模板后，可以利用表格規(guī)劃模板了，這是我們學(xué)習(xí)過得容，大家根據(jù)書38頁具體步驟自己動手規(guī)劃吧！三、課堂練習(xí)：大家根據(jù)書38頁具體步驟自己動手規(guī)劃四、課堂小結(jié)：五、布置作業(yè)：六、板書設(shè)計：七、教學(xué)后記復(fù) 備課 題：第七課 統(tǒng)一風(fēng)格制作框架網(wǎng)頁課 題制作框架網(wǎng)頁授課時間課 型新授課課時安排一課時教學(xué)目標(biāo)知識與技能：1掌握利用模板創(chuàng)建網(wǎng)頁的方法。2學(xué)會運用Flash按鈕制作導(dǎo)航欄進(jìn)行站導(dǎo)航。3了解對象的目標(biāo)框架的含義過程與方法：情感態(tài)度與價值觀：教學(xué)重點掌握利用模板創(chuàng)建網(wǎng)頁的方法。教學(xué)難點學(xué)會運用Flash按鈕制作導(dǎo)航欄進(jìn)行站導(dǎo)航教具學(xué)具準(zhǔn)

30、備學(xué)生電腦教學(xué)方法講解、學(xué)生練習(xí)。教 學(xué) 過 程一、導(dǎo)入新課：創(chuàng)建模板是為了形成的統(tǒng)一風(fēng)格，加快的建設(shè)。就像工廠生產(chǎn)機(jī)器零部件一樣。模板創(chuàng)建完成后，面臨的工作就是利用模板創(chuàng)建網(wǎng)頁了。二、教學(xué)新課：1.新建站點（1）將“安全自護(hù)我能行”站點文件夾safe傳到學(xué)生機(jī)。（2）新建站點。2.應(yīng)用模板創(chuàng)建網(wǎng)頁（1）規(guī)劃“日常生活”文件夾（2）應(yīng)用模板用模板直接創(chuàng)建網(wǎng)頁步驟1：執(zhí)行“文件”“新建”命令，打開“模板”標(biāo)簽，選擇模板文件module，單擊“創(chuàng)建”按鈕，即可基于module模板創(chuàng)建一個網(wǎng)頁。步驟2：執(zhí)行” 文件” “保存”命令，將網(wǎng)頁命名為rcsh.html,并保存到rcsh文件夾中。創(chuàng)建空白網(wǎng)

31、頁后再應(yīng)用模板。步驟1：創(chuàng)建空白普通網(wǎng)頁。步驟2：打開“資源”面板，單擊“模板”按鈕，則模板資源顯示在模板中。步驟3：選擇合適的模板，單擊“應(yīng)用”按鈕。3.將日常生活網(wǎng)頁到框架網(wǎng)頁（1）打開all.html網(wǎng)頁，選擇rcsh圖片。（2）在屬性面板中單擊文本框后的“瀏覽文件”按鈕。選擇網(wǎng)頁rcsh.html.（3）設(shè)置目標(biāo)框架為mainFrame，表示單擊圖片后，網(wǎng)頁“日常生活”在框架網(wǎng)頁的下框架mainFrame中打開。4.利用Flash按鈕制作導(dǎo)航欄。5.填充日常生活網(wǎng)頁中的容。6.創(chuàng)建模板的其他方法。三、課堂練習(xí)：學(xué)生小組合作完成任務(wù)，并將任務(wù)上交到教師機(jī)。四、課堂小結(jié)：1.利用模板創(chuàng)建網(wǎng)

32、頁。2.在框架中打開網(wǎng)頁的方法。3制作Flash按鈕。五、布置作業(yè)：六、板書設(shè)計：七、教學(xué)后記：復(fù) 備課 題：第8課 自由穿梭課 題第8課 自由穿梭授課時間課 型新授課課時安排一課時教學(xué)目標(biāo)知識與技能：1靈活地使用水平線分隔網(wǎng)頁元素。 2學(xué)會插入命名錨記以創(chuàng)建錨點。 3. 學(xué)習(xí)使用Flash文本作為對象。過程與方法：講解、學(xué)生練習(xí)。情感態(tài)度與價值觀：教學(xué)重點局部連接的插入教學(xué)難點局部連接的設(shè)置于運用教具學(xué)具準(zhǔn) 備學(xué)生電腦教學(xué)方法講授法、演示法教 學(xué) 過 程一、導(dǎo)入新課：當(dāng)初步制作“交通出行”網(wǎng)頁后，可以看出本頁包含的容很多，不同主題的文字和圖片羅列在一起，難以區(qū)分，因此我們考慮使用水平線分隔元

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

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