遼師版八年級(jí)上信息技術(shù)教案

1、授課標(biāo)題編輯美化網(wǎng)頁周次9 周課時(shí)1課時(shí)教學(xué)目標(biāo)1、掌握在網(wǎng)頁中插入文字圖片等內(nèi)容的方法2、學(xué)會(huì)在網(wǎng)頁中插入水平線3、能夠修改網(wǎng)頁的背景4、培養(yǎng)學(xué)生的審美能力，提高團(tuán)隊(duì)合作意識(shí)教學(xué)方法問題驅(qū)動(dòng)法、小組合作法重點(diǎn)編輯網(wǎng)頁中的內(nèi)容難點(diǎn)根據(jù)內(nèi)容合理布局網(wǎng)頁內(nèi)容教學(xué)內(nèi)容與進(jìn)程一、新課引入 通過展示一組有關(guān)介紹2010年上海世博園的網(wǎng)頁，讓學(xué)生找出每個(gè)網(wǎng)頁的網(wǎng)頁元素有哪些，布局有什么特點(diǎn)？二、新課講授 1、插入文字和圖片布置任務(wù)：按照上節(jié)課小組的網(wǎng)站規(guī)劃方案，將所需的文字和圖片插入到網(wǎng)頁中。學(xué)生活動(dòng)：根據(jù)之前學(xué)過word的知識(shí)，嘗試在網(wǎng)頁中編輯文字和圖片等基本的網(wǎng)頁元素。 教師活動(dòng)：巡視指導(dǎo)，總結(jié)各組的

2、問題 每組派一名代表展示小組的結(jié)果，其他小組補(bǔ)充評(píng)價(jià)，教師總結(jié)。 知識(shí)點(diǎn)：在網(wǎng)頁的編輯區(qū)內(nèi)輸入或粘貼所需的文字，并利用文字屬性 對(duì)話框，對(duì)其進(jìn)行字體、大小、顏色等得修飾。在插入圖片 的選擇時(shí)，要注意圖片的大小，網(wǎng)頁瀏覽器對(duì)大文件的顯示 速度較慢，影響整體瀏覽效果。 教學(xué)內(nèi)容與進(jìn)程2、插入水平線布置任務(wù)：按照教師給出的網(wǎng)頁樣式，將網(wǎng)頁中的文字和圖片分區(qū)域的進(jìn)行歸類顯示。學(xué)生活動(dòng)：小組討論解決方案，上網(wǎng)查找資料，嘗試完成任務(wù)。 教師活動(dòng)：巡視指導(dǎo)，總結(jié)各組的問題 每組派一名代表展示小組的結(jié)果，其他小組補(bǔ)充評(píng)價(jià)，教師總結(jié)。 知識(shí)點(diǎn)：在網(wǎng)頁中適當(dāng)?shù)夭迦胨骄€，不但可以是網(wǎng)頁層次封面，而且 會(huì)使網(wǎng)頁變得

3、更加美觀。將光標(biāo)移動(dòng)到要插入的位置，選擇【插入】【水平線】命令，畫面的水平線將文字分隔開。雙擊水平線可以打開屬性對(duì)話框，進(jìn)行相應(yīng)的屬性設(shè)置。3、修改網(wǎng)頁背景布置任務(wù)：選擇一張圖片作為網(wǎng)頁的背景，插入到網(wǎng)頁中學(xué)生活動(dòng)：小組討論解決方案，上網(wǎng)查找資料，嘗試完成任務(wù)。 教師活動(dòng)：巡視指導(dǎo)，總結(jié)各組的問題 每組派一名代表展示小組的結(jié)果，其他小組補(bǔ)充評(píng)價(jià)，教師總結(jié)。 知 識(shí) 點(diǎn)：網(wǎng)頁的背景可以設(shè)置為單一顏色，也可以用圖片來填充。在 網(wǎng)頁屬性對(duì)話框中，找到要插入的圖片（注意圖片要包含在網(wǎng)頁的文件夾之中，否則無法顯示）。三、系統(tǒng)回顧總結(jié)拓展 通過本節(jié)課的學(xué)習(xí)，我們探討了網(wǎng)站中的網(wǎng)頁基本元素的插入和編輯方法，

4、同時(shí)對(duì)網(wǎng)頁的格局進(jìn)行了簡(jiǎn)單的美化，培養(yǎng)了學(xué)生的審美能力。教學(xué)反思授課標(biāo)題網(wǎng)頁的布局周次10 周課時(shí)1課時(shí)教學(xué)目標(biāo)1、了解網(wǎng)頁布局的方式2、掌握在網(wǎng)頁中添加表格和設(shè)置表格屬性的方法3、能利用表格和嵌套表格對(duì)網(wǎng)頁進(jìn)行基本布局4、增強(qiáng)學(xué)生團(tuán)隊(duì)協(xié)作意識(shí)，提高實(shí)踐動(dòng)手能力教學(xué)方法問題驅(qū)動(dòng)法、小組合作法重點(diǎn)插入表格和設(shè)置表格屬性難點(diǎn)嵌套表格的添加教學(xué)內(nèi)容與進(jìn)程一、新課引入 教師給出網(wǎng)頁圖片，讓學(xué)生將上節(jié)課的網(wǎng)頁內(nèi)容按照?qǐng)D片中的版式進(jìn)行設(shè)計(jì)。學(xué)生利用水平線和word的排版方式無法快速完美地實(shí)現(xiàn)，引出網(wǎng)頁布局的知識(shí)。二、新課講授 1、網(wǎng)頁的布局方式布置任務(wù)：什么是網(wǎng)頁的布局？網(wǎng)頁的制作中主要采用哪些布局方式？

5、 學(xué)生活動(dòng)：上網(wǎng)查找資料找出自己的方法，進(jìn)行小組討論并總結(jié)小組的最終結(jié)論。 教師活動(dòng)：巡視指導(dǎo)，總結(jié)各組的問題 每組派一名代表進(jìn)行匯報(bào)，其他小組補(bǔ)充評(píng)價(jià)，教師總結(jié)。 知 識(shí) 點(diǎn)：網(wǎng)頁布局方法很多,通常的布局方法有以下兩種:l 通過表格來布局。表格布局的優(yōu)勢(shì)在于它能對(duì)不同對(duì)象加以處理，而又不用擔(dān)心不同對(duì)象之間的影響。表格布局唯一的缺點(diǎn)是頁面下載速度受到影響l 通過層疊樣式表來布局。CSS(層疊樣式表)被提出來，它能完全精確的定位文本和圖片。CSS對(duì)于初學(xué)者來說顯得有點(diǎn)復(fù)雜，但它的確是一個(gè)好的布局方法。教學(xué)內(nèi)容與進(jìn)程 2、表格的添加和設(shè)置布置任務(wù)：將網(wǎng)頁中的圖片和文字放入表格中，并隱藏表格學(xué)生活動(dòng)

6、：上網(wǎng)查找資料找出自己的方法，進(jìn)行小組討論并總結(jié)小組的最終結(jié)論。 教師活動(dòng)：巡視指導(dǎo)，總結(jié)各組的問題 每組派一名代表進(jìn)行匯報(bào)，其他小組補(bǔ)充評(píng)價(jià)，教師總結(jié)。 知 識(shí) 點(diǎn)：在菜單中選擇插入表格命令，在對(duì)話框中選擇基本的表格屬性。 對(duì)用于布局的表格可以隱藏邊框、合并拆分單元格、設(shè)置整個(gè) 表格的背景和給某個(gè)單元格添加背景。 3、嵌套表格布置任務(wù)：利用表格，按照教師給出的網(wǎng)頁布局格式進(jìn)行布局。學(xué)生活動(dòng)：上網(wǎng)查找資料找出自己的方法，進(jìn)行小組討論并總結(jié)小組的最終結(jié)論。 教師活動(dòng)：巡視指導(dǎo)，總結(jié)各組的問題 每組派一名代表進(jìn)行匯報(bào)，其他小組補(bǔ)充評(píng)價(jià)，教師總結(jié)。 知 識(shí) 點(diǎn)：在網(wǎng)頁制作中，經(jīng)常會(huì)遇到這樣的情況：某

7、些局部?jī)?nèi)容為一個(gè)整體，二某些內(nèi)容有非常分散，需要花分很多的單元格，這就只用一級(jí)表格十分不方便，在表格中插入二級(jí)表格即嵌套表格就可對(duì)局部?jī)?nèi)容進(jìn)行調(diào)整。 三、練習(xí) 利用表格布局法，將小組網(wǎng)站中的所有網(wǎng)頁進(jìn)行布局。四、小結(jié) 本節(jié)課主要探討了網(wǎng)頁布局方法中的表格布局法，這種方法簡(jiǎn)單實(shí)用，適合初學(xué)者，對(duì)嵌套表格的使用要謹(jǐn)慎。教學(xué)反思授課標(biāo)題網(wǎng)站導(dǎo)游周次11 周課時(shí)1課時(shí)教學(xué)目標(biāo)1、了解整個(gè)網(wǎng)站中網(wǎng)頁之間的關(guān)聯(lián)2、掌握首頁中導(dǎo)航欄的添加方法3、能夠在網(wǎng)頁中建立三種超鏈接4、增強(qiáng)學(xué)生團(tuán)隊(duì)協(xié)作意識(shí)，提高實(shí)踐動(dòng)手能力教學(xué)方法問題驅(qū)動(dòng)法、小組合作法重點(diǎn)導(dǎo)航欄和超鏈接的建立難點(diǎn)導(dǎo)航欄的結(jié)構(gòu)、超鏈接的鏈接位置教學(xué)內(nèi)容

8、與進(jìn)程一、新課引入 提問：進(jìn)入一個(gè)陌生的大商場(chǎng)，你如何快速知道每一層都是買什么的？ 在字典中你如何快速地查出你要找的字或詞？ 在瀏覽一個(gè)新的網(wǎng)站時(shí)，你怎樣才能快速了解網(wǎng)站所包含的內(nèi)容？二、新課講授 1、設(shè)置導(dǎo)航結(jié)構(gòu)布置任務(wù)：根據(jù)本組網(wǎng)站的內(nèi)容，規(guī)劃出5個(gè)以上的欄目，并按照 教材P58頁的圖2-4-2 在畫圖軟件中畫出本組的導(dǎo)航結(jié)構(gòu)。學(xué)生活動(dòng)：上網(wǎng)查找資料找出自己的方法，進(jìn)行小組討論并總結(jié)小組的最終結(jié)論。 教師活動(dòng)：巡視指導(dǎo)，總結(jié)各組的問題 每組派一名代表進(jìn)行匯報(bào)，其他小組補(bǔ)充評(píng)價(jià)，教師總結(jié)。 知 識(shí) 點(diǎn)：設(shè)置導(dǎo)航結(jié)構(gòu)也就是我們前面提到的建立網(wǎng)站結(jié)構(gòu)，網(wǎng)站結(jié)構(gòu)是一種樹形結(jié)構(gòu)，分為父層和子層等不同

9、層級(jí)，導(dǎo)航欄可以幫助我們清楚地設(shè)置每一頁所要鏈接的層級(jí)。 教學(xué)內(nèi)容與進(jìn)程 2、導(dǎo)航欄的添加和設(shè)置布置任務(wù)：將所畫的導(dǎo)航結(jié)構(gòu)圖在網(wǎng)頁中進(jìn)行添加。學(xué)生活動(dòng)：上網(wǎng)查找資料找出自己的方法，進(jìn)行小組討論并總結(jié)小組的最終結(jié)論。 教師活動(dòng)：巡視指導(dǎo)，總結(jié)各組的問題 每組派一名代表進(jìn)行匯報(bào)，其他小組補(bǔ)充評(píng)價(jià)，教師總結(jié)。 知 識(shí) 點(diǎn)：在菜單中選擇導(dǎo)航命令，在插入Web組件對(duì)話框中添加基于導(dǎo)航結(jié)構(gòu)的鏈接欄，并對(duì)鏈接欄屬性進(jìn)行設(shè)置。3、超鏈接的創(chuàng)建布置任務(wù)：給網(wǎng)頁中的文字和圖片插入超鏈接，并在主頁中插入郵箱鏈接。學(xué)生活動(dòng)：上網(wǎng)查找資料找出自己的方法，進(jìn)行小組討論并總結(jié)小組的最終結(jié)論。 教師活動(dòng)：巡視指導(dǎo)，總結(jié)各組的

10、問題 每組派一名代表進(jìn)行匯報(bào)，其他小組補(bǔ)充評(píng)價(jià)，教師總結(jié)。 知 識(shí) 點(diǎn)：怎樣才能是自己做的網(wǎng)頁相互聯(lián)系起來呢？也就是說怎樣做才能在點(diǎn)擊頁面上的元素網(wǎng)頁就能跳轉(zhuǎn)。超鏈接有文字、圖片和電子郵件三種，在插入超鏈接對(duì)話框中，注意要鏈接到的文件，該文件要放在網(wǎng)站文件夾內(nèi)。 三、練習(xí) 在主頁和欄目頁中添加導(dǎo)航欄，在每個(gè)網(wǎng)頁的右下角創(chuàng)建圖片超鏈接返回主頁。四、小結(jié) 本節(jié)課探討了網(wǎng)頁制作中的重要內(nèi)容，將網(wǎng)站中的所有網(wǎng)頁通過超鏈接， 按照事先規(guī)劃的結(jié)構(gòu)進(jìn)行跳轉(zhuǎn)鏈接。 教學(xué)反思授課標(biāo)題網(wǎng)頁中的特效周次12 周課時(shí)1課時(shí)教學(xué)目標(biāo)1、了解網(wǎng)頁美化的基本手段2、掌握滾動(dòng)字幕的創(chuàng)建的方法3、能夠在網(wǎng)頁中添加交互式按鈕4、

11、掌握在網(wǎng)頁中插入音視頻和Flash等多媒體文件5、增強(qiáng)學(xué)生團(tuán)隊(duì)協(xié)作意識(shí)，提高實(shí)踐動(dòng)手能力教學(xué)方法問題驅(qū)動(dòng)法、小組合作法重點(diǎn)動(dòng)態(tài)效果和多媒體文件添加難點(diǎn)滾動(dòng)字幕的設(shè)置、Flash文件的添加教學(xué)內(nèi)容與進(jìn)程一、 新課引入 演示兩個(gè)不同網(wǎng)頁，讓學(xué)生說出這兩個(gè)網(wǎng)頁的不同點(diǎn)，哪一個(gè)好？為什么？二、新課講授 1、滾動(dòng)字幕的添加布置任務(wù)：在網(wǎng)頁中插入車站或商場(chǎng)中經(jīng)?？吹降拇笃聊簧喜煌L動(dòng)字幕的效果。學(xué)生活動(dòng)：上網(wǎng)查找資料找出自己的方法，進(jìn)行小組討論并總結(jié)小組的最終結(jié)論。 教師活動(dòng)：巡視指導(dǎo)，總結(jié)各組的問題 每組派一名代表進(jìn)行匯報(bào)，其他小組補(bǔ)充評(píng)價(jià)，教師總結(jié)。 知 識(shí) 點(diǎn)：在要加入字幕的位置選擇Web組件命令，

12、打開插入Web組件對(duì)話框，選擇動(dòng)態(tài)效果下的字幕命令，輸入要顯示的文字，并可以對(duì)字幕的運(yùn)動(dòng)速度、運(yùn)動(dòng)方向和運(yùn)動(dòng)方式進(jìn)行屬性設(shè)置。2、交互式按鈕的創(chuàng)建布置任務(wù)：在網(wǎng)頁中插入可交互的按鈕學(xué)生活動(dòng)：上網(wǎng)查找資料找出自己的方法，進(jìn)行小組討論并總結(jié)小組的最終結(jié)論。 教師活動(dòng)：巡視指導(dǎo)，總結(jié)各組的問題教學(xué)內(nèi)容與進(jìn)程 每組派一名代表進(jìn)行匯報(bào)，其他小組補(bǔ)充評(píng)價(jià)，教師總結(jié)。 知 識(shí) 點(diǎn)：交互式按鈕是網(wǎng)頁中常用的一種動(dòng)態(tài)按鈕，利用它不僅可以 點(diǎn)綴網(wǎng)頁，還可以起到承上啟下的樞紐作用，同時(shí)是來訪者 獲得強(qiáng)烈的視覺效果。3、多媒體文件的添加布置任務(wù)：將網(wǎng)頁用多媒體文件進(jìn)行美化，使其更加有吸引力。學(xué)生活動(dòng)：上網(wǎng)查找資料找出自己的方法，進(jìn)行小組討論并總結(jié)小組的最終結(jié)論。 教師活動(dòng)：巡視指導(dǎo)，總結(jié)各組的問題 每組派一名代表進(jìn)行匯報(bào)，其他小組補(bǔ)充評(píng)價(jià)，教師總結(jié)。 知 識(shí) 點(diǎn)：在網(wǎng)頁中的適當(dāng)位置插入多媒體文件，可以使網(wǎng)頁更