創(chuàng)意美工班第十四周搭架子（二）（教學設計）2022-2023學年小學課后服務教學目標通過本次課程的學習，學生將能夠：理解網(wǎng)頁設計中的“框架”的概念和使用方法；學習并掌握HTML5中常用的框架標簽及其屬性；運用框架制作具有一定美觀度的網(wǎng)頁，并能與其他組員協(xié)作完成一個完整的網(wǎng)站制作。教學內(nèi)容1.框架概述為了方便網(wǎng)頁設計和開發(fā)，HTML5提供了一種框架（Frame）功能，它可以讓一個網(wǎng)頁被分成多個部分，每個部分擁有不同的內(nèi)容和樣式。2.框架標簽HTML5中常用的框架標簽有以下三個：<frame>：用于定義一個網(wǎng)頁的框架，它必須與<frameset>結(jié)合使用；<frameset>：用于定義包含網(wǎng)頁框架的集合，也就是框架集；<iframe>：用于定義一個內(nèi)聯(lián)框架，可以嵌入其他網(wǎng)頁或外部內(nèi)容（如視頻、音頻等）。3.框架屬性框架標簽中的常用屬性有以下幾個：src：指定框架中要顯示的網(wǎng)頁或外部內(nèi)容的地址；frameborder：指定框架的邊框是否顯示；scrolling：指定框架中的滾動條是否顯示；name：為框架定義一個名稱，方便其他部分調(diào)用。教學過程1.課前準備確定本次課程的學習目標；設計好本次課程的教學過程；為學生準備好相應的教學資源：教材、筆記、案例等。2.上課學習介紹框架的概念和作用，講解框架標簽和屬性；演示如何使用<frameset>、<frame>、<iframe>標簽制作一個具有框架的網(wǎng)站；讓學生自己動手使用框架標簽制作一個簡單的網(wǎng)站，并加以美化和優(yōu)化；小組協(xié)作制作一個完整、美觀、有用的網(wǎng)站，展示給大家。3.課堂練習讓學生獨立完成一組練習，練習要求在已有的框架基礎上增加新的框架，并在框架中嵌入其他內(nèi)容（如音頻、視頻等）；小組內(nèi)相互檢查、修改和評價課堂練習的成果。4.課后作業(yè)獨立完成一個網(wǎng)站的設計和制作，要求有至少兩個框架，其中一個框架要嵌入其他內(nèi)容（如視頻、音頻等）；小組內(nèi)評選出最佳作品，組織各小組之間進行比賽和交流。教學評價評價指標：學生是否能夠理解框架的概念和使用方法；學生是否能夠熟練地運用框架標簽制作網(wǎng)頁；學生合作是否默契，是否能夠協(xié)作完成網(wǎng)站的制作；學生是否能夠獨立思考，充分發(fā)揮自己的創(chuàng)意和想象力?？偨Y(jié)本課程以“搭架子”為主題，讓學生學習和掌握了HTML5中的框架標簽和屬性，通過課堂練習