資源簡介

(共21張PPT)
情境導入：
本單元主題：在線創作作品
我們經常使用網頁瀏覽信息,網頁中的內容圖文并茂、豐富多彩,能夠全面、形象地展示要表達的主題。而且網頁上的內容可以方便地通過網絡進行分享、轉發,以獲得更多的關注。
同學們收集的家鄉的素材已經整理好了,趕緊大顯身手,制作介紹家鄉的網頁作品,并在網絡上進行分享吧。
《2.1 圖文搭配制作網頁》
——圖文搭配
2023年電子工業出版社 三年級下冊
-第2單元 在線創作作品 -
珠珠老師
信息科技 課件
2022新版課標內容
1
活動1：網頁文字我來做
2
活動2：插入圖片增色彩
3
活動3：亮眼的封面設置
《目錄》
信息科技
01
網頁文字我來做
活動1
01.知識點講解
經過討論，小江所在的小組要制作“家鄉有美景”的網頁。
在“家鄉有美景”的網頁中，少不了介紹家鄉美景的文字，我們可以自己寫，也可以將前期收集的文字素材復制、粘貼到網頁中，減少重復性操作，提高制作網頁的效率。
活動1：網頁文字我來做
01
01.知識點講解
01
請選擇一個在線網頁編輯工具，在其中輸入介紹家鄉美景的文字。
1.打開在線網頁編輯工具，選擇模板,進入如圖所示頁面。
活動1：網頁文字我來做
助力知識
網址：https://open./
01.知識點講解
01
2.輸入標題“家鄉有美景”,將收集到的文字素材復制、粘貼到文字區域,利用頁面上方調整文字的工具對文字的粗細、大小、顏色等進行調整,如圖所示。
活動1：網頁文字我來做
助力知識
01.知識點講解
01
將收集到的關于家鄉美景的其他文字素材復制、粘貼到網頁中。
實踐探究
活動1：網頁文字我來做
02
插入圖片增色彩
活動2
01.知識點講解
如果我們看到的網頁文章中只有文字,就很容易產生視覺疲勞。在網頁中適當地插入一些圖片不僅可以豐富文章內容,還可以增加文章的可讀性。
在我們制作的“家鄉有美景”的網頁中，可以插入一些家鄉美景的圖片，讓圖片和文字互相映襯，更加突顯家鄉的美。
活動2：插入圖片增色彩
02
01.知識點講解
請在編輯的“家鄉有美景”網頁文章中插入與文字內容相匹配的圖片，使文章圖文并茂，并預覽網頁效果，如圖所示。
活動2：插入圖片增色彩
02
01.知識點講解
02
助力知識
在網頁中插入的圖片要符合文章的主題,數量要適中,這樣才能使文字和圖片相得益彰，更加突出文章的主題。
1.單擊“+”按鈕，選擇“圖片”選項卡，如圖2.1.4所示。
活動2：插入圖片增色彩
01.知識點講解
02
助力知識
2.選擇合適的圖片插入網頁中
3.單擊“手機預覽”按鈕，預覽網頁的顯示效果。
活動2：插入圖片增色彩
為不同段落插入合適的圖片,圖2.1.6供參考。
實踐探究
01.知識點講解
02
活動2：插入圖片增色彩
有的同學說網頁中的圖片越多越好,有的同學說圖片越漂亮越好。請你和小伙伴討論一下,在編輯的網頁中插入圖片時應該注意什么。
討論與交流
03
亮眼的封面設置
活動3
01.知識點講解
活動3：亮眼的封面設置
03
我們在瀏覽網頁時,常常會被網頁上一些精彩的標題和封面圖片所吸引，進而打開網頁瀏覽其中的內容。封面圖片和標題對吸引瀏覽者、增加網頁瀏覽量起著至關重要的作用。
在制作“家鄉有美景”網頁時,在線網頁編輯平臺會默認將我們插入的第一張圖片作為網頁的封面圖片，如果覺得不合適可以進行更換。
01.知識點講解
活動3：亮眼的封面設置
03
請在收集的圖片素材中選擇一張合適的圖片作為網頁文章的封面，如圖所示。
01.知識點講解
03
嘗試為封面圖片添加合適的標題。
實踐探究
所有的圖片都適合作為封面嗎，為什么 在設置網頁封面圖片和標題時應該注意什么
討論與交流
活動3：亮眼的封面設置
1.制作好的文字和圖片的順序可以根據需要進行調整，如圖2.1.9所示，將第1張圖片移動到第1段文字上方。
>
鞏固練習
2.對插入網頁中的圖片，不僅可以更換，還可以進行旋轉、裁剪、加濾鏡等操作。請根據需要，對圖片進行調整。
1
活動1：網頁文字我來做
2
活動2：插入圖片增色彩
3
活動3：亮眼的封面設置
《總結》
信息科技
《感謝觀看》
- Thank for Viewing -
珠珠老師
2023年電子工業出版社 三年級下冊《2.1圖文搭配制作網頁——圖文搭配》教學設計
教學內容分析
本節課是2022年電子工業出版社出版的三年級下冊第二單元第1課。本節課分為三個活動：“網頁文字我來做”“插入圖片增色彩”“亮眼的封面設置”三部分內容組成。學生通過小組合作探究學習逐步掌握本節課的知識點，具備一定的小組合作能力、探究能力、創新能力等，提升信息社會責任，綜合提升信息素養。
教學目標及核心素養指向
1、能夠運用在線網頁編輯工具，將文字素材復制、粘貼到網頁中（信息意識、計算思維） 2、能夠在網頁中插入符合文章主題的圖片（信息意識、計算思維、數字化學習與創新） 3、能夠選擇一張合適的圖片作為網頁文章的封面，并為封面圖片添加合適的標題（信息意識、計算思維、數字化學習與創新、信息社會責任）
教學重難點
教學重點： 1、能夠運用在線網頁編輯工具，將文字素材復制、粘貼到網頁中 2、能夠在網頁中插入符合文章主題的圖片 設計原因：網頁文字和圖片是本節課的主要內容，知識點的滲透需要作為重點內容。 教學難點： 能夠選擇一張合適的圖片作為網頁文章的封面，并為封面圖片添加合適的標題 設計原因：封面設置在操作上對學生來說比較困難，所以此部分對學生來說難度較高，應作為難點內容。
教學過程
1、情境導入（3分鐘）
教師活動 學生活動
情境引入：我們經常使用網頁瀏覽信息,網頁中的內容圖文并茂、豐富多彩,能夠全面、形象地展示要表達的主題。而且網頁上的內容可以方便地通過網絡進行分享、轉發,以獲得更多的關注。 同學們收集的家鄉的素材已經整理好了,趕緊大顯身手,制作介紹家鄉的網頁作品,并在網絡上進行分享吧。 學生聽教師引導生活中的案例,學生討論，回答提問
設計意圖： 激發學生對圖文搭配的學習興趣并快速進入學習狀態。
2、新知講授（35分鐘）
教師活動 學生活動
活動1：網頁文字我來做 知識講解 經過討論，小江所在的小組要制作“家鄉有美景”的網頁。 在“家鄉有美景”的網頁中，少不了介紹家鄉美景的文字，我們可以自己寫，也可以將前期收集的文字素材復制、粘貼到網頁中，減少重復性操作，提高制作網頁的效率。 重點知識 請選擇一個在線網頁編輯工具，在其中輸入介紹家鄉美景的文字。 1.打開在線網頁編輯工具，單擊“新建文章” 2.輸入標題“家鄉有美景”,將收集到的文字素材復制、粘貼到文字區域,利用頁面上方調整文字的工具對文字的粗細、大小、顏色等進行調整。 活動2：插入圖片增色彩 知識講解 如果我們看到的網頁文章中只有文字,就很容易產生視覺疲勞。在網頁中適當地插入一些圖片不僅可以豐富文章內容,還可以增加文章的可讀性。 在我們制作的“家鄉有美景”的網頁中，可以插入一些家鄉美景的圖片，讓圖片和文字互相映襯，更加突顯家鄉的美。 請在編輯的“家鄉有美景”網頁文章中插入與文字內容相匹配的圖片，使文章圖文并茂，并預覽網頁效果 重點知識 在網頁中插入的圖片要符合文章的主題,數量要適中,這樣才能使文字和圖片相得益彰，更加突出文章的主題。 單擊“+”按鈕，選擇“圖片”選項卡， 2.選擇合適的圖片插入網頁中 3.單擊“手機預覽”按鈕，預覽網頁的顯示效果。 活動3：亮眼的封面設置 知識講解 我們在瀏覽網頁時,常常會被網頁上一些精彩的標題和封面圖片所吸引，進而打開網頁瀏覽其中的內容。封面圖片和標題對吸引瀏覽者、增加網頁瀏覽量起著至關重要的作用。 在制作“家鄉有美景”網頁時,在線網頁編輯平臺會默認將我們插入的第一張圖片作為網頁的封面圖片，如果覺得不合適可以進行更換。 請在收集的圖片素材中選擇一張合適的圖片作為網頁文章的封面 學生通過教師的講解，以小組合作的方式，開展探討交流，完成任務 活動1：網頁文字我來做 小組合作探究 將收集到的關于家鄉美景的其他文字素材復制、粘貼到網頁中。 活動2：插入圖片增色彩 小組合作探究 為不同段落插入合適的圖片。 2.有的同學說網頁中的圖片越多越好,有的同學說圖片越漂亮越好。請你和小伙伴討論一下,在編輯的網頁中插入圖片時應該注意什么。 活動3：亮眼的封面設置 嘗試為封面圖片添加合適的標題。 所有的圖片都適合作為封面嗎，為什么 在設置網頁封面圖片和標題時應該注意什么
設計意圖: 培養學生獨立思考的能力，提高核心素養。
3、課堂小結（7分鐘）
教師活動 學生活動
總結本課內容： 活動1：網頁文字我來做 活動2：插入圖片增色彩 活動3：亮眼的封面設置 學生一同回答并梳理知識
設計意圖： 幫助學生梳理本節課知識，加深學生對知識的理解。(共1張PPT)
學習單
1
活動1：網頁文字我來做
將收集到的關于家鄉美景的其他文字素材復制、粘貼到網頁中。
實踐探究
班級：3年__班
組別：______
2
活動2：插入圖片增色彩
有的同學說網頁中的圖片越多越好,有的同學說圖片越漂亮越好。請你和小伙伴討論一下,在編輯的網頁中插入圖片時應該注意什么。
思考與討論
3
活動3：亮眼的封面設置
1.嘗試為封面圖片添加合適的標題。
2.所有的圖片都適合作為封面嗎，為什么 在設置網頁封面圖片和標題時應該注意什么
思考與討論班級：___________ 姓名：______________
《2.1圖文搭配制作網頁——圖文搭配》作業設計
作業分析
作業類型 基礎型作業 探究型作業 實踐型作業 跨學科綜合作業
作業類別 課時作業 單元作業 學期作業
應用場景 課前預習 課中練習 課后作業
作業對象 全體學生作業 學生根據情況可選作業
設計思路 通過比較、綜合、拓展，鞏固本節課知識點，舉一反三，讓學生自主探究，掌握新知，溝通交流，提升協作能力。
作業內容
【難度等級：★★】 制作好的文字和圖片的順序可以根據需要進行調整，如圖2.1.9所示，將第1張圖片移動到第1段文字上方。 【難度等級：★★★】 2.對插入網頁中的圖片，不僅可以更換，還可以進行旋轉、裁剪、加濾鏡等操作。請根據需要，對圖片進行調整。

展開更多......

收起↑