第一篇：網頁中添加文字及圖片──豐富網站的內容》教學設計

網頁中添加文字及圖片──豐富網站的內容》教學設計

課

件www.tmdps.cn#TRS_AUToADD_1249890715428{mARGIN-ToP:0px;mARGIN-BoTTom:0px}#TRS_AUToADD_1249890715428P{mARGIN-ToP:0px;mARGIN-BoTTom:0px}#TRS_AUToADD_1249890715428TD{mARGIN-ToP:0px;mARGIN-BoTTom:0px}#TRS_AUToADD_1249890715428DIV{mARGIN-ToP:0px;mARGIN-BoTTom:0px}#TRS_AUToADD_1249890715428LI{mARGIN-ToP:0px;mARGIN-BoTTom:0px}/**---jSoN--{“":{”margin-top“:”0“,”margin-bottom“:”0“},”p“:{”margin-top“:”0“,”margin-bottom“:”0“},”td“:{”margin-top“:”0“,”margin-bottom“:”0“},”div“:{”margin-top“:”0“,”margin-bottom“:”0“},”li“:{”margin-top“:”0“,”margin-bottom“:”0“}}--**/DIV.myFav_1249633634593P.msoNormal{TEXT-jUSTIFy:inter-ideograph;FoNT-SIZE:10.5pt;mARGIN:0cm0cm0pt;FoNT-FAmILy:”TimesNewRoman“;TEXT-ALIGN:justify}DIV.myFav_1249633634593LI.msoNormal{TEXT-jUSTIFy:inter-ideograph;FoNT-SIZE:10.5pt;mARGIN:0cm0cm0pt;FoNT-FAmILy:”TimesNewRoman“;TEXT-ALIGN:justify}DIV.myFav_1249633634593DIV.msoNormal{TEXT-jUSTIFy:inter-ideograph;FoNT-SIZE:10.5pt;mARGIN:0cm0cm0pt;FoNT-FAmILy:”TimesNewRoman";TEXT-ALIGN:justify}DIV.myFav_1249633634593DIV.Section1{page:Section1}DIV.myFav_1249633634593oL{mARGIN-BoTTom:0cm}DIV.myFav_1249633634593UL{mARGIN-BoTTom:0cm} 【教材使用】寧教廳審定

山東教育出版社出版軟件FrontPageXX

【適用年級】8年級

【適用單元】網頁制作第2大節

【教材分析】

教材中本節的內容分為三部分：一是新建網頁；二是添加圖片；三是添加背景音樂。第一部分新建網頁是本章節的重點部分，使用導航欄建立網頁也是本章節中的難點；第二部分給建立好的網頁添加文字和圖片信息將做為一節課的內容；第三部分背景音樂和下一節的網頁的背景合成一節課內容，這樣便于學生的理解和掌握。

本節是第二部分為網頁添加文字及圖片，它是網頁中的兩大基本要素。文字部分在教材中沒有提及，上節添加的網頁是空白的，而在實際操作過程中網頁中是沒有文字的，因此在這兒必須給學生時間添加文字，結合前面學習的網絡搜索讓學生上網搜索信息，使前后知識充分結合起來，而后才能添加圖片，達到圖文并茂。

【學情分析】

學生已經學會了新建網頁，建立的網頁是空白的，學生就有“為空白網頁添加文字及圖片信息”的欲望，結合因特網知識讓學生為自己創建的網頁添加所需的信息，添加圖片的技能學生已經在word文字處理軟件中學習過，因此本節課知識，學生可以自主學習。

【教學目標】

1．知識目標

（1）掌握為網頁中添加文字信息的不同方法。

（2）掌握為網頁中添加圖片信息的方法。

2．技能目標

通過學生自主學習過程中，掌握為網頁中添加信息的不同方法。

3．情感目標

（1）通過為網頁添加文字信息的學習，培養學生的綜合運用知識的能力。

（2）利用插入圖片知識，培養學生的圖文并茂整體布局網頁的綜合信息素養能力。

【教學重點與難點】

學習嵌入式保存素材的方法和分類管理素材的能力。

【課時安排】2課時

【教學方法】任務驅動法

【課前準備】軟件FrontPageXX

多媒體廣播系統

【教學設計】

第一課時

為網頁添加文字信息

教學過程 教師活動 學生活動 教學意圖

一、導入部分

（教師打開上節課站點中新建的網頁進行廣播展示……）

問：大家觀察我們上節課使用導航欄添加的網頁，網頁中缺什么？

網頁中表達信息最常用的就是文字和圖片，這節課我們就來給網頁添加文字和圖片。

（板書：網頁中添加文字和圖片）

學生觀察后回答：網頁中缺文字、圖片內容。

直接擺出新建網頁后的情況，激發學生為網頁添加信息。

二、給網頁中添加文字的不同方式 網頁中表達信息的主要還是文字。（板書

一、添加文字：）

大家來看我們主頁中的文字，是大家自己錄入的。（廣播展示……）

（板書

．錄入法：）

但是，這種方法對大家來說是比較費勁的，在我們組織網站時會準備一些電子資料，我們可以借用現有資料。

（板書

2．使用現有電子資料：）

（任務一：）大家通過“網上鄰居”打開教師機的“我的家鄉”的文字資料，看看你的網頁中需要哪些，可以將這些文字信息放入到自己的網頁里。

教師進行輔導……

教師小結方法：

（1）可以使用最基本的復制粘貼辦法來解決；（2）當文檔中的文字資料都需要時，可以使用“插入文件”命令來完成。

（引）在剛才，大家給網頁添加了一些文字信息，可是有許多網頁所需要的信息并沒有，怎么辦呢？

網絡中有許多信息，借助網絡可以搜索到自己所需要信息。

（板書

3．網絡搜索法：）

（任務二：）大家可以借助網絡查找自己所需要的資料，但是有的資料不一定立即就用到，因此建議大家在“文件夾列表”窗口建立一個網絡資源的文件夾，可以分文字、圖片等不同類，將找到的信息可以暫時放在這些文件夾中；用到的可以直接復制到網頁中。

教師進行輔導……

學生觀察理解……

學生實踐……

回答：利用網絡上網搜索

學生實踐……

添加文字就直接的辦法就是錄入。

引導學生使用現有資料，復習復制粘貼操作。

（1）指導學生正確合理地使用網絡資源，通過網絡查找到信息，分類存放在資源包中。

（2）用到了才是學生最需要的，因此將第1節課準備工作中“網絡資源”文件夾放在這里進行，用來收集網頁的素材。

三、小結

通過這節課的學習大家都明白網頁中所需文字資料如何獲取了嗎？都有哪些途徑？ 學生自己總結……

學生對自己所學知識進行匯總。

第二課時

為網頁添加圖片信息

教學過程 教師活動 學生活動 教學意圖

一、導入部分

（教師打開上節課站點中新建的網頁進行廣播展示……）

網頁中有了文字，我們能不能添加一些相應的圖片來烘托一下主題，使網頁變得圖文并茂，更具有感染力？

回答：可以。

直接導入

二、添加圖片

（任務一）組成網頁的第二大元素就是圖片，大家結合課本P69完成主頁中添加寧夏地區圖的操作。

教師進行輔導……

叫一位出錯的學生上來操作，其他同學給他找原因及解決的辦法。

教師小結知識點：

打開圖片對話框后，要使用“從計算機上選擇一個文件”按鈕；

保存時注意保存到“images”文件夾中，提醒學生注意書中的“小博士”，用這個辦法在今后插入動畫、音樂時可以建立文件夾分類保存。

未能保存在“images”文件夾中，在文件夾列表窗口中，可以將圖片文件拖動到“images”文件夾中。

插入圖片后感覺不合理，可以調整圖片，大家可以結合課本P72的“知識窗”和“金鑰匙”調整自己的網頁中的圖片。

大家結合老師剛才的解說，從新調整網頁中的圖片。

（任務三）大家為自己的網頁添加了圖片，若想達到圖文并茂，具有感染力時，也要相應地對文字進行修飾。文字的修飾在學習文字處理軟件word時已經學過了，大家試著將你的網頁中的文字進行修飾，達到圖文并茂，賞心悅目的結果。

教師進行指導……

學生實踐……

學生觀察并指導……

學生糾正錯誤……

學生實踐……

讓學生先實踐，從中發現錯誤后再糾正學習的過程。

糾正學生的錯誤，可以將網頁中所需的要素分類保存，培養學生舉一反三的學習方法。同時要與素材文件夾進行區分。

引導學生使用已知的技能來修飾自己的網頁。

三、知識總結

這節課你都學會了什么？ 學生自己總結……

【教學反思】

這部分內容使用兩課時，給學生大量的時間來增加網頁中文字和圖片的信息，可是其中的操作大部分是先前所學知識，這里只是進行了一個綜合應用，在應用的過程中學習部分知識，學生在添加網頁中的內容時也培養了學生的成就感，增強了學生的自信心，也為下一節課美化網頁奠定一定的基礎。

調整知識：將第1節課準備工作中“網絡資源”文件夾放在這里進行，學生查找資料時立即就用到了，用到了才是學生最需要的。同時在講解分類保存網頁中所需的要素時可以和網絡資源文件夾的功能進行比較。這點知識學生容易混淆，進行區分是有必要的。

課

件www.tmdps.cn

第二篇：《新建網頁──豐富網站的內容》教學設計

《新建網頁──豐富網站的內容》教學設計

【教材使用】寧教廳審定 山東教育出版社出版 軟件FrontPage2000

【適用年級】8年級上冊

【適用單元】網頁制作第2大節

【教材分析】

本節的內容分為三部分：一是新建網頁；二是添加圖片；三是添加背景音樂。第一部分新建網頁是本章節的重點部分，使用導航欄建立網頁也是本章節中的難點；第二部分網頁建立好要添加文字和圖片信息將其做為一節課內容；第三部分背景音樂和下一節的網頁的背景合成一節課內容，這樣便于學生的理解和掌握。

第一部分新建網頁，也是這一節課的內容，它是在創建站點和主頁之后的內容，教材中詳細地介紹了使用導航欄創建網頁的過程，先設計站點結構，然后再編輯網頁的內容。一筆帶過的是在網頁視圖下創建網頁的方法，是編輯一個個網頁，再將網頁組成站點。

本章節的一個難點是使用導航欄建立網頁，學生接受起來不易，但使用這種方法組織的網站有頭緒，有點像網站的“結構地圖”，也易于后續鏈接知識的學習，同時也與前一節課中的網站準備工作中的網站組織結構圖是相呼應的，它是網站宏觀布局的具體實施的關鍵一步。

使用網頁視圖方式建立網頁，在課本中一筆帶過，但是從知識的呈上啟下來看，學生更易接受這個方案，缺點是網站中建立許多個網頁時，若無網站的組織結構圖，建立工作將陷入迷茫中，同時也對后續的超鏈接的學習就造成一定的困難，因此課本中不采納這種方法建立網頁。

本節課采用先簡單介紹網頁視圖方式添加網頁，后過渡到導航欄中新建網頁，這種方法：一是將知識合理順延和過渡，從學生已知入手過渡到學生的新知；二是可以將難點分散進行學習，便于學生的理解與吸收。

在創建網頁時導航欄與網頁的重命名必須保持一致，這是本節課一個難點也是一個重點。

【學情分析】

學生在學習“創建站點”后，對軟件中的導航欄的作用沒有一個直觀的理解，但是對于創建站點已經有了一定的了解，而創建網頁的命令與創建網站的命令是一組，可以借助學生從已有知識過渡到難理解的導航欄中，因此可以從網頁視圖下添加網頁的方法中過渡到導航欄中添加，這樣學生能很平順地接受在導航中添加網頁以及理解它的優勢。

【教學目標】

1．知識目標

（1）掌握打開站點的基本方法；

（2）掌握新建網頁的基本方法。

2．技能目標

通過學生探究學習過程中，掌握新建網頁的不同方法。

3．情感目標：

（1）通過新建網頁的學習，培養學生的對比學習能力；

（2）利用導航欄知識，培養學生的整體布局網站的綜合信息素養能力。

【教學重、難點】

1．在使用導航欄建立網頁時，導航欄中的命名與網頁的命名一致是難點；

2．網頁名稱應與網頁中的信息一致是重點。

【課時安排】2課時

【教學方法】對比法、任務驅動法

【課前準備】軟件FrontPage2000 多媒體廣播系統

【教學設計】

第一課時

在網頁視圖下添加網頁 教學過程

教師活動

教學意圖

學生活動

一、導入部分

上節課我們建立了“我的家鄉”站點，大家能使用“我的電腦”或“資源管理器”找到他們嗎？找到后請大家打開站點并預覽自己所編輯的主頁信息。

問：大家看看自己編輯的主頁信息中有沒有錯誤？有錯了，該如何修改？

問：一個網站中一張網頁不能夠表達一個站點的所有信息，那就需要許多個網頁，我如何增加網頁呢？

我們這一節課就來解決這些問題。（板書課題：第2節新建網頁）

（1）使學生確認自己站點所在的位置，復習上節課預覽網頁的知識便于后面知識的學習。

（2）通過學生的觀察，發現問題，激發學生解決問題的興趣。

（3）留給學生思考的問題，讓學生帶著問題學習新知。

從計算機中查找自己的站點??

學生觀察發現問題??

學生思考??

二、新課部分

1．打開站點

2．新建網頁

3．保存網頁及網頁重命名

（任務一）大家看到頁面狀態是瀏覽狀態，在這個狀態下是不能修改網頁信息的，如果想修改只能在網頁的編輯狀態下才行，因此大家必須啟動網頁的制作軟件FrontPage2000。

（任務二）剛才大家也看到主頁是在站點文件夾之中，因此我們要打開站點才能看到主頁，并修改主頁?？纯窜浖小拔募辈藛螜谥杏袥]有“打開站點”這個命令，并動手嘗試的打開自己的站點。

教師輔導??

（任務三）大家已經打開網站，看看“文件”菜單中有沒有添加網頁的命令，自己動手試試給自己的站點增加兩個網頁“寧夏風景名勝”和“寧夏古詩文欣賞”。同時結合課本P67將相應的網頁的文字內容錄入到網頁中。大家可以互相交流。

教師進行輔導??

（任務四）大家剛才建立了網頁，并為網頁添加了文字，因此需要大家及時將自己的網頁保存在網站中。大家動手實踐?? 教師進行輔導??

廣播展示命名時出現的問題??

（1）在大家保存時應正確選擇自己的站點，輸入網頁名稱即可保存。

（2）在此過程中，有的同學未能輸入網頁名稱，就點擊保存了，出現一個現象：網頁全部都是new-page_1(2，3，4)．htm的形式，多了自己也被迷糊了。出現這種情況時大家可以使用文件夾列表窗體來重新給網頁命名。具體操作：選中你的網頁文件，使用右鍵的快捷菜單完成，它的操作類似于“資源管理器”中的命令操作。一定要注意命名時不能將網頁的屬性．htm丟棄了，若已經丟棄，請將它加上。

（3）保存完成后，若還想給網頁增加信息，一定要在文件夾列表窗體中雙擊網頁的名稱，當你看到你所雙擊的網頁名稱與編輯窗口中的名稱一致時，在輸入信息，完成后隨時保存信息。

讓學生了解在什么狀態下可以修改網頁。

引導學生從已知過渡到新知來學習打開站點方法，達到舉一反三效果。

學生已經在新建站點中看到過新建網頁，很容易接受，同時通過交流達到共同進步。

引導學生保存自己的網頁。學生在動手過程中就會引出重命名操作。

將本節課的難點集中展示出來，并糾正出錯的原因

學生啟動制作軟件??

學生動手實踐??

學生動手實踐??

學生動手實踐??

學生改正自己錯誤??

三、小結

這節課你都學會了什么？

鞏固本節課知識

學生自己總結??

第二課時 使用導航欄添加網頁 教學過程

教師活動

教學意圖

學生活動

一、導入部分

教師打開學生的一份網站作品進行展示??

（將作品的本人叫起來）問：你的網站中的網頁表達的什么信息？ 再問：你的網站還想需要表達什么內容？

設想：當你的網頁增加的比較多時，你會發現自己的思路不一定很清晰。想解決這個問題，大家必須手繪一個網站組織結構圖才能，這樣也會帶來許多不方便之處。還有沒有能直接體現出來我們網站的組織結構圖來呢？有的?？梢允褂脤Ш綑趤斫⒕W頁。

（板書課題：使用導航欄建立網頁）。

引導學生說自己的創作意圖

引出本節課的課題

學生表述自己想法??

二、新課部分

1．導航欄的作用

2．新建網頁

視圖欄中“導航”按鈕是一個站點創建和系統管理的顯示視圖。使用導航欄新建網頁，先組織網站的結構，后為每個網頁添加內容。這與我們第一節準備工作中組織的網站結構圖就相互呼應起來，思路清晰明了。

（任務一：）大家結合課本P64完成“做一做”。

教師進行輔導??

廣播展示出現的問題??

（1）FrontPage 2000只是當你在一個站點上工作時才會創建導航欄，獨立的網頁則不行。

（2）導航欄中主頁是第一個添加到導航結構的網頁，一般都叫做default．htm或index．htm，想進行添加新網頁時，應注意網頁之間網頁的層次關系。父層網頁是包含另一個網頁的父網頁，其他網頁是他的下一級。導航欄可以橫排或豎排。

（3）導航欄中若出現層次錯誤時，可以使用拖動的辦法來改善他們的層次。

（4）導航欄中的命名應與雙擊后進入的網頁名一致才行，這是本節課的難點。

（5）上節課我們已經建立的網頁如何到站點中？在視圖窗口點擊“導航”按鈕，切換到導航視圖。在文件夾窗口中將文件“寧夏風景名勝．htm”和“寧夏古詩文欣賞．htm”拖動到“導航”窗口，仔細選擇停放的位置，讓示意圖標和其他二級圖標在一個線上，然后就看到這兩個文件成為站點的一部分了。

引導學生了解使用導航欄的優勢。

難點集中解決??

學生實踐??

學生進行改錯??

三、練習

課本P75第1題。

鞏固本節課知識

四、小結

這節課你都學會了什么？

學生自己總結??

【教學反思】

本節課，若按課本中的思路進行，學生學完后，只會依葫蘆畫瓢，只知其所以然，而不知其所以不然，還是處在一種困惑中。

由此，我將這節課改成兩節上，即分散難點知識，又便于學生掌握，學生在學習的過程中實踐比較多，在實踐過程中不斷出現新的疑問，可以激發學生的解決問題的積極情緒，對普遍出現的問題可以通過廣播系統來解說，師生互動比較多，教師真正起到了“引”的作用。

第三篇：信息技術《在網頁文檔中添加圖片》說課稿

2011春季學期公開課說課稿

《在網頁文檔中添加圖片》說課稿

陽山中學 馮世良

尊敬的各位老師：

大家好！今天我說課的題目是《在網頁文檔中添加圖片》，它是粵教版的選修三《網絡技術應用基礎》中使用Dreamweaver制作網頁的內容，教學的對象為高二級學生。本節課我將從以下八個方面加以說明：

一、說教材

（一）教材分析

本教材貫徹“以學生為主體，教師為主導”的方針，把提高學生的積極性，培養學生的創新能力作為教育的根本目標。本課所學的是“在網頁文檔中添加圖片”，是網頁頁面美化的重點知識之一，是圖片在網頁上的應用、延伸和拓展。通過本課學習，使同學們了解到Dreamweaver作為一個優秀的網頁制作軟件，在網頁上使用的元素里面除了文字外還可以插入圖片、動畫等等。學習Dreamweaver的靈活應用，是對學生掌握制作網頁的能力訓練與提高，激發學生自主創作出更加優秀的作品。

（二）教學目標分析

教師應特別注重培養學生如何獲取信息、處理信息和應用信息的能力。在新課程理念指導下，我根據本節課教學內容制定了知識與技能、過程與方法以及情感態度價值觀三個方面的教學目標。

1、知識與技能

（1）學生通過使用Dreamweaver在網頁上插入圖片操作練習，讓學生熟悉在網頁上使用圖片的各種方法；

（2）通過練習操作調整圖片、編輯圖片，使學生熟練掌握在Dreamweaver中調整圖片、編輯圖片的技巧。

2、過程與方法

（1）通過教師引導，學生動腦思考、交流與實踐操作的學習過程，體驗和感悟探究的一般過程；

（2）學生通過自主、合作、探究學習的方式，提高獲取信息、處理信息和應用信息的能力。

2011春季學期公開課說課稿

3、情感態度價值觀

通過設計“美麗的九寨溝”這一頁面，學習在網頁文檔中插入圖片，提高自己的操作能力，激發學生學習計算機的興趣，鼓勵和培養學生自主創新的情感。

（三）教學重、難點分析

這節課的教學內容是在網頁文檔中插入圖片，因此讓學生掌握插入圖片的方法是本節課的重點。對圖片的調整和編輯的操作中學生容易出錯，掌握起來還有一定的難度，因此我把圖片的調整與編輯作為本節課的難點。

重點：通過本節課學習，熟練使用Dreamweaver在網頁文檔中插入圖片的方法。

難點：學生通過交流與實踐操作，熟悉插入圖片的方法，掌握對圖片的調整和編輯的技巧。

二、說教法

根據教學內容，本課采用的主要教學方法有“創設情境法”、“任務驅動法”、“自主探究法”、“分層教學法”。

信息技術教學大綱中明確指出：知識及技能的傳授應以完成典型“任務”為主。為此在授課時，我先通過展示九寨溝美麗的風景圖片，激發學生的興趣，引出本節的主題任務——為九寨溝制作宣傳網頁，在完成這個主題任務過程中，再給出一個個小任務，讓學生運用已學知識，自已動手，自主探究，以任務的方式再次激發學生興趣，使教學內容合理流動。

三、說學法

在這節課中學生主要用到的學法是：接受任務——思考討論——嘗試操作——自主創造——作品展示。學生在完成每個任務的過程中，總是從思考討論完成任務的辦法開始，在對討論的結果進行探究驗證的基礎上，完成任務，最后通過作品展示，讓學生更多地體驗一種成就感，進一步激發他們強烈的創造欲望。

四、說教學準備

1、帶多媒體教學系統的網絡教室；

2、多媒體教學課件；

3、學生預先分組，并選一個計算機水平較好，又比較負責任的學生擔當小組長；

2011春季學期公開課說課稿

4、將九寨溝相關資料及圖片存放在學生機上。

五、說教學過程

根據本課教學內容以及信息技術課程學科特點，結合高二級學生的實際認知水平，我設計了如下四個教學環節：

（一）情境激趣，引出主題

（二）任務驅動，自主探究

（三）實踐運用，提高發展

（四）展示評價，歸納總結 第一環節：情景激趣，引出主題

首先，我展示九寨溝風景圖片，同學們一定會被眼前美麗的風景所打動。此時，問道：多么美麗的風景啊，你們想不想讓外面更多的人了解美麗的九寨溝，讓更多的人到九寨溝旅游觀光呢？那么，今天我就讓大家當一回設計師，用我們所學的Dreamweaver軟件為九寨溝的旅游事業設計一個網頁，讓更多的人來了解九寨溝！好不好？

同學們的激情一下了被調動起來，使新知識的學習成了學生內心的需要，從而使這節課有了一個良好的開端。

第二環節：任務驅動，自主探究

同學們的激情被調動起來后，個個躍躍欲試，緊接著有一些同學會由喜悅轉為疑惑：怎樣為九寨溝作宣傳呢？

這時，打開兩個文檔：看，這是老師為九寨溝設計的兩份宣傳頁面，你們覺得哪份宣傳效果更加形象生動，更能起到很好的宣傳效果呢？

學生的回答肯定是帶圖片的那份，我趁熱打鐵提出第一個任務。任務一：同學們先自已動手試一試，如何在網頁中插入圖片？

任務提出后，同學們思考討論，然后我提示學生插入圖片要使用插入菜單，讓學生自已動手實踐，看看誰最先找到插入圖片的方法，這樣意在培養學生主動探索的學習習慣。

在動手實踐過程中，學生的水平不一，有些同學不僅很快就找到了插入圖片的方法，還找到了其他插入圖片的方法。但是，也有少數學生找不到，這時，我

2011春季學期公開課說課稿

請已學會的學生擔任小老師，指導其他同學，并鼓勵學生走上講臺為大家分別演示插入圖片的方法，給學生提供一個展示才能的機會。

然后，我利用事先做好的課件，演示操作步驟，歸納操作方法。這樣做，既突出了本節課的重點，又強化了學生對重點知識的掌握。

通過學生的演示，教師的歸納，學生們都能將圖片插入到網頁。緊接著我找出幾份具有代表性的學生作品，利用多媒體網絡教室廣播軟件進行展示，我首先對這些作品給予充分肯定的同時，請同學們議一議如何使這些作品更加完美，同學們暢所欲言，對于學生們提出的建議，我歸納成3個有待解決的問題：

問題1：如何改變圖片的大??？ 問題2：如何移動圖片的位置？

問題3：如何調整圖片和文字之間的位置關系？

這3個問題轉變成為3個新的任務擺在了學生們的面前，我讓學生根據自已能力的高低選擇1個或多個任務進行探究，并嘗試操作。這樣采用分層教學的方法，既讓能力高的學生充分展示自已的才華，也能讓能力較低的學生品嘗到成功的喜悅，使得全體學生都得到最大程度的發展。

同學們在操作前，我這樣提示大家：如果遇到解決不了的問題，可通過教材的閱讀或網絡搜索解決方法的方式來完成。

教師巡回指導，對于個別學生遇到的問題，可以讓小組中會操作的學生傳授方法，開展合作學習。對于大部分同學都解決不了的問題，則進行啟發引導。

然后選幾位學生將屏幕上的幾幅作品進行完善，最后教師進行歸納總結，并對操作過程中容易出現的問題進一步強調。通過生生互動，師生互動，突破了對圖片進行調整編輯這個難點。

在這一環節，同學們在任務的驅動下，自主探究，動手實踐，解決了問題，學生的角色從“讓我學”變成“我要學”，學習的興趣在不斷提高，好奇心也隨之得到滿足。動手實踐的得與失，不再是作品的好壞，而是“自主學習”的成功體驗。

第三個環節：實踐運用，提高發展

在學生掌握新知后，我設計了一個以小組為單位來為九寨溝設計一宣傳網站的比賽，在制定比賽規則后，給學生留下自由發揮的空間，鼓勵學生自主創造，2011春季學期公開課說課稿

充分發揮自已的靈感和特長，以小組合作的形式，讓學生體驗團結協作的力量，以比賽的方式，使學生的興奮點再次激起高潮，不知不覺中使知識得到了鞏固。

第四個環節：展示評價，歸納總結

在這個環節里，利作多媒體網絡教室的優勢，將小組中的優秀作品傳送到教師機，我利用廣播教學讓學生欣賞。學生在欣賞的過程中，既可以相互學習，交流心得，鍛煉口頭表達能力和評價能力，又可以使學生獲得成功的興奮，被認可的滿足，品嘗到學習的快樂。

六、布置作業

在我結束本節課的教學活動時，我將請同學們對這節課談談自已的收獲，目的在于讓同學人回顧教學過程，對知識進行系統化的梳理，加深對本課重難點的理解。最后，我會說：今天大家已經成功地為網頁添加圖片，但是網頁還不夠完美，比如動態元素的使用，背景的設置等，這些知識我們將在下節課繼續學習。然后，布置作業：預習在網頁文檔中設置動態元素的方法，并嘗試著操作練習，這樣給學生造成學習的期待心理，激發他們下階段的學習熱情。

七、評價分析

本節課以任務為主線，有意識地留給學生適度的思維空間，使傳授知識與培養能力容為一體。鼓勵學生大膽上臺演示，讓學生暴露思維過程，教師將從多方面給予評價，同時，通過作品展示，讓學生自評，互評，從而體現評價主體的多元化，評價方式的多樣化。

八、板書設計（略）

我的說課到此結束，敬請各位評委老師指正，謝謝！

第四篇：在網頁中插入圖片教學設計

《在網頁中插入圖片》教學設計

執教：熊

恒

教學目標： 知識與技能：

會打開上次的網頁；了解圖片在網頁中的作用；學會在網頁中插入圖片的方法。

過程與方法：

通過獨立探究和小組探究的方法基本掌握在網頁中插入圖片。

情感態度與價值觀：

培養學生的審美能力，形成與同學和諧相處、共同進步的精神。明白幫助他人的目的就是美化我們的心靈。

教學重難點：

重

點：了解圖片在網頁中的作用 難

點：能在網頁中插入圖片

教學時間：一課時

教學過程：

一、導入新課：

同學們，上節課我們學會了制作只有文字的網頁?？墒恰斑溥涠咕W屋”的主頁還有可愛的胖胖熊圖片呢！它是怎么進來的？對于這個問題，我們來進行具體的研究。

揭示課題：在網頁中插入圖片

二、探究新知 任務一：了解圖片在網頁中的作用。

（1）、教師出示只有文字和帶有圖片的兩個網頁，提問：這兩個網頁哪一個好看呢？

（2）、引導學生觀察，并說出為什么？指定學生回答（有圖片的那一個）

（3）、小結：網頁中的圖片可以使網頁更加美觀漂亮。任務二：打開主頁文件咪咪豆網屋index.htm（1）、師生復習啟動frontpage 軟件。（它是微軟公司推出的一款優秀的網頁制作軟件）

（2）、學生試著打開主頁文件咪咪豆網屋index.htm，老師巡視并校正。

操作步驟：網頁制作軟件——單擊文件——打開文件——我的文檔，找到主頁文件咪咪豆網屋index.htm——再打開。

（3）、學生操作。

任務三：把“胖胖熊”請進來

（1）師生復習在word 中插入圖片的方法，指名學生回答。教師小結：方法一：①、復制——粘貼；②、方法二：菜單——插入——圖片——來自文件——選擇圖片單擊插入。

（2）學生練習圖片的插入，（3）學生探究把胖胖熊請進“咪咪豆網屋”主頁中的的方法。

教師提問：能否把在word中插入圖片的方法運用在frontpage 軟件中呢？（指名學生回答：可以）學生動手操作：教師巡視，對不正確的地方進行校正。教師小結：

我們可以這樣把胖胖熊請進“咪咪豆網屋”主頁。操作步驟：

① 把光標移到第二行“咪咪豆網屋”的左邊；

② 單擊“插入”菜單；

③ 選圖片來自文件→選C：“網頁制作”文件夾→找到“胖胖熊1.gif” 文件并單擊→單擊“確定”。

（3）、學生操作，教師巡視指導

（4）、要求學生用同樣的方法把胖胖熊放到“咪咪豆網屋”的右邊。

任務四：保存網頁

同學們，我們成功把胖胖熊請進“咪咪豆網屋”主頁中，現在，我們要做的就把今天的作品保存起來！

學生試著保存：單擊文件菜單——保存文件。

四、教師小結：今天同學們通過努力，基本掌握了在網頁中插入和美化圖片的方法，我們插入網頁的目的是美化網頁，幫助他人的目的是美化我們的心靈。

第五篇：《添加多媒體內容》教學設計

《添加多媒體內容》教學設計 瓊海市嘉積中學海桂學校

王 凈

教學內容：

海南省九年義務教育中小學信息技術七年級（下冊）第一章《信息的整理和展示》第三節《添加多媒體和設置效果》的第一課時內容：添加圖片，音頻和視頻。

教學目標：

1、知識目標：讓學生掌握添加圖片，編輯圖片以及添加音頻和視頻的操作方法，懂得得根據主題添加相應的圖片和多媒體文件的制作技巧。

2、技能目標：學生通過使用多媒體編輯，整理和展示評價，培學生的觀察能力，辨析能力，審美能力和操作技能。

3、情感目標：通過創建不同主題的演示文稿，使學生熱愛生活，善于觀察生活，培養學生生活情趣和崇高的思想情操。激發學生愛科學，學科學，用科學的興趣，樹立學生勇于探索的精神。

教學重點：

1、如何單擊圖標添加內容（圖片、聲音和視頻內容）。

2、如何根據主題和文本內容選擇相應的多媒體內容。教學難點：

1、了解各項內容添加操作的關鍵步驟。在查找范圍內查找圖片或聲音和視頻文件。導入和播放方式的處理。

2、從評價作品中領會如何添加圖片，聲音和視頻來突出主題和有關文本內容，達到最佳效果。教學方法：直觀比較引入法；任務驅動教學法；自主學習，合作探究教學模式。

教學準備：提供四個編輯文字的主題演示文稿（雷鋒，母校，萬泉河，NBA）；搜集下載有關主題內容的圖片，聲音和視頻素材存放在電腦桌面上。軟件和硬件準備由賽場提供。

教學課時：一課時，（第三節內容計劃用兩課時）教學過程：

一、比較引入，揭示課題。

1、大家在前面已經學習了幻燈片制作和放映，懂得創建有文字的主題演示文稿。那么，我們來欣賞一下這種有文字的主題演示文稿。

2、現在老師再放映另一個同樣主題的演示文稿（播放“雷鋒”演示文稿），請大家欣賞。——你覺得演示文稿跟前面的相比，你們更喜歡哪一個呢？為什么?（誰來說說——哦，你來——第一個只是編輯文字，第二個有文字之外，還有什么？添加多圖片，音樂，視頻等多媒體）

（小結）說得很好，要制作一個完整有效果的演示文稿，除了編輯文字之外，還要添加圖片，聲音和視頻等多媒體和設置效果。如何添加多媒體呢？這就是我們這節課要學習的內容。請大家打開課本12頁。

（投影）

添加多媒體

二、講授新課

好，老師在電腦桌面上提供了四個文字的主題演示文稿,有NBA、愛我母校、雷鋒、萬泉河，你可以選擇你喜歡的主題.打開其中的一個，同時打開它有關的素材文件夾了解一下（學生打開選中的演示文稿，素材及有關圖片。）

1、插入新幻燈片，顯示插入按鈕圖標。

（談話）要添加多媒體內容，需要插入有內容版式的新幻燈片。如何插入這種新幻燈片呢？課文介紹了一種方法，請同學們看課文第一句話，（老師讀一讀）

（1）老師用課文中的方法演示一下。（打開“萬泉河”）

一邊講一邊操作：單擊任務窗口中的內容版式。而任務窗口可以在菜單欄中“格式”選擇“幻燈片版式”獲取。右側就顯示出幻燈片版式的任務窗口。單擊這個內容版式右側按鈕。選擇“插入新幻燈片”子菜單，在剛才的那張幻燈片后面就插入了一張新幻燈片。

——如果你想插入任何一種版式的幻燈片，就單擊它的右側按鈕插入。（老師邊講邊插入兩三張不同版式幻燈片，其中有文字內容版式）

（2）為什么要插入有內容版式幻燈片呢？

（因為有內容版式的新幻燈片附帶了圖標按鈕，就能單擊圖標添加內容，——如果新幻燈片沒有顯示按鈕，或者新幻燈片要更改另一種版式，就在你要選的版式上單擊，插入按鈕就顯示出來了。）

（3）現在大家給演示文稿插入有內容版式的新幻燈片。

2、完成任務一；探究添加內容的方法。

（談話）接著下一步，我們來單擊圖標添加內容。（1）（投影）

任務一：根據主題和文本內容，用三張新幻燈片，單擊圖標分別添加圖片，聲音和視頻。（3分鐘）

大家就利用提供的素材，,對照課文和投影，完成這個任務。（投影）操作步驟參考，留意括號里的關鍵步驟。

圖片：“插入圖片”按鈕—對話框—（查找圖片）—選擇圖片—插入 視頻、聲音：“插入媒體剪輯”按鈕—對話框—導入（查找視頻聲音文件）—選擇剪輯—確定（播放方式）

（2）老師檢查一下，這位同學上來單擊圖標給雷鋒主題演示文稿添加一張圖片？——學生操作完成回到座位后，提問：你們認為關鍵步驟是什么？（查找圖片位置—投影顯示）

這位同學演示一下插入視頻的操作？——學生完成回到座位后 提問：插入媒體剪輯的關鍵步驟呢？

投影也已顯示：“導入”和“播放

方式”這兩個步驟是關鍵。如何導入呢？（單擊“導入”鍵，查找文件，雙擊或者選擇后添加，就把文件導入到媒體剪輯中，完成導入的操作。）

音頻的插入步驟同添加視頻是一樣的。這里不再作分析。（3）如果不用單擊圖標插入的方法，還有別的插入方法嗎？

利用菜單欄中的“插入”也可以添加來自文件中的圖片，影片和聲音。對于圖片文件用“復制或剪切+粘貼”在PPT中也能添加，特別在修改時常會便用這種方法。

誰來用菜單欄“插入”給萬泉河主題演示文稿一張幻燈片上添加一張圖片和一首音樂兩項內容呢？——學生操作

3、完成任務二，修改美化作品，掌握如何利用添加內容制作主題演示文稿。（1）（投影）

任務二：修改美化主題演示文稿，如下要求提示僅供參考。（7分鐘）

1、根據各張幻燈片的文本內容添加相關的圖片，力求圖文統一。

2、編輯中有某張幻燈片要添加兩張圖片或多張圖片。力求版式多樣。

3、需要編輯的文字要求進行設置？力求字體，字號，顏色有個性。

4、能否將聲音設置為演示文稿的背景音樂？（自定義動畫）

5、能否將演示文稿更改設計模板，設置動畫方式？P15要求量力而行。大家就用上面學習的添加方法，根據任務要求，繼續修改完善自已的主題演示文稿，達到合理協調，美觀生動的最佳效果，這個環節大家可以自行組織小組，組員相互討論合作。

播放背景音樂——萬泉河音樂

（2）學生操作創建，老師巡視指導（可以指導模板的內容和背景音樂的操作）。

4、作品展示評析。（兩個作品，每個五分鐘）

好了，大家停下手中的操作，現在老師選出一位同學的作品展示一下，由這位同學親自來一邊放映一邊介紹你在哪個地方進行了哪些操作。

（1）學生邊單擊放映邊介紹在哪個地方選用了什么版式。添加了什么內容。——好，請回到自已座位。

（2）師生集體評價。

A、你能說說這個演示示文稿好在哪些方面？

——編輯了文字，添加了圖片，聲音和視頻，還對圖片進行編輯，圖片和文本在內容上盡量保持一致。B、老師點擊某一張有圖片的幻燈片。編輯效果怎么樣？有哪些不足的地方？

文字編輯怎么樣，圖片編輯如何。（有個性，藝術感強，還設置了動畫）文字跟圖片搭配怎樣。

（合理，沒出現圖不對題，圖不對文的現象）圖片和版面的搭配怎么樣（協調，不大不小，）

聲音或視頻幻燈片放的位置是否恰當？聲音能不能修改為背景音樂？ C、出現了問題，我們該怎么修改完善呢？（誰有新的建議嗎？）

（老師有個建議：在這里怎么怎么，這樣效果好不好？）（過渡）好，大家再來欣賞下一位同學的作品。展示評析同上。添加背景音樂

（1）如果需要這個聲音作為若干張的背景音樂持續播放，如何添加這種背景音樂呢？

（演示）（選擇學生任意一個主題演示文稿）右擊小喇叭——“自定義動畫”——（聲音效果下拉框—效果選項—“播放聲音”對話框“效果”中“停止播放”（數字）—確定。聲音就能在設置的范圍內持續播放。

（2）放映觀看 ——請大家對自己的演示文稿進行背景音樂設置

三、老師評價總結：

通過這節課，我們學習了應用單擊圖標和菜單欄中的“插入”這兩種方法添加多媒體內容，利用多媒體內容來制作不同演示文稿，感受到生活的豐富多彩。

只要我們能夠積極參與，勇于探索，團結合作，我相信——許許多多的美好畫面一定會展現在我們面前，走進我們的生活。

四、課后作業。

大家回去完成兩道作業，,(投影)

課外作業: 1.在你的作品上，分別添加表格、圖表和組織結構圖。2.繼續完善你的作品內容和效果。