信息科技重大版 七年級上冊 互聯(lián)網(wǎng)應用與創(chuàng)新 第4單元單元教學設計 HTML5網(wǎng)站

單元教學設計（一）單元基本信息學科信息科技實施年級七年級上設計者楊?！墩n程標準》模塊互聯(lián)網(wǎng)應用與創(chuàng)新單元名稱HTML5網(wǎng)站單元課時4課時（二）單元教學規(guī)劃1.單元概述1.1核心概念本單元屬于“互聯(lián)網(wǎng)應用與創(chuàng)新”模塊中“互聯(lián)網(wǎng)創(chuàng)新應用”，該部分內(nèi)容涉及的主要核心概念是互聯(lián)網(wǎng)創(chuàng)新應用?！墩n程標準》中對應“互聯(lián)網(wǎng)創(chuàng)新應用”部分的內(nèi)容要求如下：（3）了解常用互聯(lián)網(wǎng)應用中的數(shù)據(jù)構成，能夠使用恰當?shù)臄?shù)字化工具對網(wǎng)頁進行編輯和發(fā)布。該部分內(nèi)容要求學生了解互聯(lián)網(wǎng)應用中有哪些類型的數(shù)據(jù)，增強學生的信息意識，能以各種不同的數(shù)據(jù)來展示信息。同時培養(yǎng)學生數(shù)字化學習與創(chuàng)新能力，通過數(shù)字化方式學習數(shù)字化工具，掌握在網(wǎng)絡中信息的編輯與發(fā)布。1.2內(nèi)容結(jié)構結(jié)合《課程標準》“互聯(lián)網(wǎng)創(chuàng)新應用”模塊的內(nèi)容要求，本單元圍繞基于HTML5標準的校園網(wǎng)站編輯與發(fā)布這一項目，設計了規(guī)劃、設計網(wǎng)站；收集、整理、加工素材；制作與發(fā)布網(wǎng)站三部分內(nèi)容。1.3教學過程如圖所示：1.4育人價值本單元育人目標是讓學生能根據(jù)學習和任務的需要，通過搜索引擎、社交媒體、短視頻和協(xié)同寫作等互聯(lián)網(wǎng)工具或平臺，進行較精準的信息搜索、溝通交流、協(xié)作，并貢獻有價值的數(shù)據(jù)和資源，而具體的實現(xiàn)形式是利用不同的在線設計工具實現(xiàn)不同的網(wǎng)絡信息展示效果。通過網(wǎng)頁素材的收集，可以培養(yǎng)學生在生活中的信息意識，提升學生對信息的敏感性；在互聯(lián)網(wǎng)時代高速發(fā)展的今天，讓學生以小組協(xié)作形式完成較為復雜的網(wǎng)絡信息的編輯與發(fā)布，有利于學生培養(yǎng)協(xié)作學習的意識；通過將項目細化，具體到每個任務，可以更好的培訓學生的計算思維，將復雜問題逐步簡化，分工實施；不同的主題，不同的展示形式可以更好的激發(fā)學生的數(shù)字化學習與創(chuàng)新熱情，培養(yǎng)學生的創(chuàng)新精神；通過積極、健康的網(wǎng)絡信息的發(fā)布，可以提升學生的信息社會責任，做好合法、合理上網(wǎng)。2.單元學情分析通過七年級上冊3單元的學習，學會了網(wǎng)絡信息的搜索和素材的收集，為在網(wǎng)絡中發(fā)布有價值的信息提供了基礎。本單元相對于3單元，本質(zhì)上也是網(wǎng)絡信息的發(fā)布，都屬于互聯(lián)網(wǎng)創(chuàng)新應用。但本單元的信息發(fā)布范圍更廣更為正式，展示信息的形式更多元化。本單元綜合性強，需要學生對項目有整體的規(guī)劃，信息搜集量也較大，學生可能會感覺對項目無從下手，有畏難情緒。因此需要教師積極引導，先做好項目任務的分析與分工。同時，興趣是學生最好的老師，如果能激發(fā)學生在網(wǎng)絡中發(fā)布信息的熱情，將教學內(nèi)容與學生日常生活緊密聯(lián)系，會取得更好的教學效果。因此建議學生根據(jù)主題分組，盡量讓學生選擇自己最感興趣的主題來完成本單元的網(wǎng)頁編輯與發(fā)布。3.教學環(huán)境網(wǎng)絡環(huán)境、在線設計工作、網(wǎng)絡存儲（存儲素材）、計算機教室4.單元教學目標（1）了解網(wǎng)頁概念、分類和構成元素；能夠收集項目所需各種素材；（2）能繪制網(wǎng)頁結(jié)構圖，明確網(wǎng)頁的組織形式；（3）能利用工具的在線幫助完成基本操作的學習，能對網(wǎng)頁進行編輯和發(fā)布；（4）了解發(fā)布互聯(lián)網(wǎng)信息的規(guī)章和制度，明確網(wǎng)絡資源使用的法律法規(guī)；5.教學過程課時（包括課名）任務序號教學主要任務第1課時任務1確定展示主題及形式任務2了解網(wǎng)頁概念及分類任務3根據(jù)主題分組并制定項目任務分析表任務4繪制網(wǎng)頁組織結(jié)構圖第2課時任務1了解HTML及WWW概念任務2了解網(wǎng)頁組成元素任務3收集、整理、加工主題素材（可課后完成）第3課時任務1根據(jù)展示形式選擇在線設計工具任務2根據(jù)主題選擇模版，修改網(wǎng)頁布局、圖片、文字任務3在網(wǎng)頁中實現(xiàn)交互功能任務4發(fā)布網(wǎng)頁第4課時任務1小組在網(wǎng)絡環(huán)境展示主題，并簡述項目實施過程任務2分組評價，教師總結(jié)6.評價建議需評價的任務評價建議第1課時任務3評價內(nèi)容：項目分析表。評價標準：是否具備教材中的任務分析表中各個組成；小組分工是否明確。評價方法：分組自評，小組互評結(jié)合教師點評。第1課時任務4評價內(nèi)容：網(wǎng)頁組織結(jié)構圖評價標準：網(wǎng)頁的主題是否明確，網(wǎng)頁的名稱適合恰當，選擇的組織形式是否適合展示形式，各版塊內(nèi)容是否恰當。評價方法：分組自評，小組互評結(jié)合教師點評。第2課時任務3評價內(nèi)容：網(wǎng)頁素材收集與整理、加工評價標準：素材內(nèi)容是否與主題符合，是否有原創(chuàng)素材，素材是否分類保存，素材是否進行簡單的處理。評價方法：教師評價第4課時任務2評價內(nèi)容：網(wǎng)站、傳單等展示評價標準：教材網(wǎng)站建設評價表。評價方法：分組自評，小組互評打分。（三）課時教學設計第1課時規(guī)劃設計網(wǎng)站1.課時教學內(nèi)容分析本節(jié)課為“HTML5網(wǎng)站”單元的第一課，主要讓學生了解網(wǎng)頁的基本概念和分類。根據(jù)不同的主題學生進行分組制定項目實施任務分析表。通過小組討論，明確項目分工，繪制網(wǎng)頁結(jié)構圖。2.課時學情分析通過七年級上冊前3個單元的學習，學生已經(jīng)逐步適應項目式教學，基本明確小組協(xié)作完成項目的一般方法與步驟。相較于前面的單元，本項目復雜度更高，真正需要學生小組分工，協(xié)同完成。因此，本單元分組是保證項目順利進行的前提，教師要注意協(xié)調(diào)分組情況，最好按相同主題，相同興趣劃分。教學應從學生的生活出發(fā)，先觀察生活中的網(wǎng)絡信息表現(xiàn)形式，再選取有興趣的主題和適合自己的展示形式來發(fā)布網(wǎng)絡信息。本課主要核心在分組與任務分析表的制定，對于網(wǎng)頁結(jié)構可以參考教材示例進行繪制。3.課時教學目標（1）了解網(wǎng)頁的基本概念與分類（2）小組討論后制定項目實施任務分析表（3）小組討論成果主題及名稱，繪制網(wǎng)頁結(jié)構圖4.教學環(huán)境網(wǎng)絡環(huán)境、多媒體教室、計算機教室5.教學過程教學環(huán)節(jié)教師與學生活動教學意圖課前準備學生活動：談一談你對網(wǎng)頁的認識，你是否有上網(wǎng)獲取信息的經(jīng)歷？教師引導：解題過程搜一搜；網(wǎng)絡購物；游戲網(wǎng)站；新聞網(wǎng)站；學校宣傳等都是在網(wǎng)絡中獲取信息。聯(lián)系學生生活，從生活入手，增加學生代入感。體驗環(huán)節(jié)引入項目學生活動：上網(wǎng)瀏覽網(wǎng)頁或瀏覽學校活動的宣傳傳單。學生閱讀項目分解，在教師指導下明確項目實施的具體過程。讓學生體驗網(wǎng)絡中的各種信息表現(xiàn)形式，明確完成項目的路徑。確定主題和展示形式學生活動：學生分組討論，明確項目最終成果以什么形式體現(xiàn)，這種形式可行性如何，并確定一個展示內(nèi)容。明確小組項目目標及展示內(nèi)容了解網(wǎng)頁概念及分類學生活動：學生上網(wǎng)搜索網(wǎng)頁的分類和相關概念。教師活動：教師講解動態(tài)與靜態(tài)網(wǎng)頁的區(qū)別，闡述什么是網(wǎng)站的前臺與后臺讓學生了解網(wǎng)頁運行的基本原理根據(jù)主題及形式制定項目任務實施分析表學生活動：學生在范例中的任務分析表中勾選符合本小組完成項目所要求的學習資源與工具。教師活動：教師巡視檢查小組勾選情況，確定小組成果實現(xiàn)形式。通過項目任務實施分析表，細化項目任務，讓學生完成項目有跡可循。繪制網(wǎng)頁組織結(jié)構圖學生活動：根據(jù)方法與工具，閱讀學習命名，網(wǎng)頁風格及網(wǎng)頁結(jié)構圖相關知識，談一談小組成果應該使用什么風格并仿照范例繪制網(wǎng)頁結(jié)構圖。教師活動：教師歸納網(wǎng)頁組織結(jié)構圖分為：線性結(jié)構；等級結(jié)構；網(wǎng)狀結(jié)構；二維表結(jié)構，對照PPT簡單講解。提問，微傳單屬于網(wǎng)頁的什么結(jié)構。讓學生了解網(wǎng)頁中的內(nèi)容不是雜亂無章的而是按某種結(jié)構進行組織的。鞏固、拓展與評價學生活動：學生完成教材中練一練的內(nèi)容，準備小組展示。學生閱讀拓展內(nèi)容，了解網(wǎng)頁發(fā)展的幾個階段。教師活動：教師點評結(jié)構圖。教師舉例，目前按行業(yè)需求比較出名的網(wǎng)站級他們所提供的服務類型讓學生將學習內(nèi)容內(nèi)化，能夠遷移應用。多元化評價學生。課堂小結(jié)學生活動：學生分組回答小組任務完成情況?？偨Y(jié)歸納，加深印象。6.課時作業(yè)設計（1）教材思考與練習題目。（2）課后小組利用課余時間修改組織結(jié)構圖，明確項目任務實施分析表中各內(nèi)容的分工。第2課時收集、整理、加工素材1.課時教學內(nèi)容分析本節(jié)課為“HTML5網(wǎng)站”單元的第二課，在明確展示主題和制定項目任務實施分析表的基礎上，小組成員應按分工收集、整理并加工作品所需素材。本課時主要任務是讓學生明確網(wǎng)頁所能展示的元素有哪些，按需求去獲取素材。按網(wǎng)頁中素材的一般要求利用數(shù)字化工具來簡單處理素材，并分類保存這些素材備用。2.課時學情分析通過七年級上3單元的學習，學生學會在網(wǎng)絡中進行搜索和獲取素材。但本單元根據(jù)展示主題，所需要的素材量較大，學生完成有一定難度。教師應要求學生按分組分工，分別搜集不同類型的素材，如圖片、文字、視頻等，并加以檢查以確保項目的推進。同時在小組中利用3單元學習的數(shù)字化處理工具來簡單處理素材，以達到網(wǎng)絡展示信息的一些通用標準。教師應給與學生充分時間進行收集和處理，更可以利用學生的興趣讓學生在課余主動收集、處理素材。如學生完成本節(jié)課內(nèi)容確實有難度，教師可以利用本校網(wǎng)站或微信公眾號等為學生準備好制定發(fā)布內(nèi)容的素材，降低學生收集素材的難度。3.課時教學目標（1）了解萬維網(wǎng)、HTML概念（2）了解網(wǎng)頁的構成元素（3）能夠獲取制作網(wǎng)頁所需素材（4）學會素材的簡單處理，會管理收集的素材4.教學環(huán)境網(wǎng)絡環(huán)境、計算機教室、下載工具、圖形圖像處理工具5.教學過程教學環(huán)節(jié)教師與學生活動教學意圖課前準備學生活動：談一談在三單元學習中，你掌握了哪些網(wǎng)絡資源的獲取途徑，準備好電子郵件或網(wǎng)盤以便管理素材。教師引導：需要明確成果所能表現(xiàn)的數(shù)據(jù)形式，如文字、圖片、視頻、語音等多種數(shù)據(jù)形式能否在成果中體現(xiàn)。復習三單元內(nèi)容，了解網(wǎng)絡資源的獲取方法。活動引入學生活動：閱讀本活動拓展閱讀，了解HTML技術。教師闡述：最早的HTML只能用于編輯顯示文本，隨著計算機技術的不斷進步，計算機所能處理的數(shù)據(jù)也越來越多，從圖片到視頻，從動畫到音頻。HTML也在不斷的發(fā)展，讓網(wǎng)頁能表現(xiàn)的形式更加豐富。讓學生了解網(wǎng)頁的規(guī)范，知道現(xiàn)今的網(wǎng)頁規(guī)范可以讓網(wǎng)頁容納更多類型的數(shù)據(jù)，引出HTML和WWW的概念。了解HTML和WWW相關概念學生活動：學生通過上網(wǎng)搜索，閱讀教材明確HTML和WWW是什么，理解并記憶。教師互動：教師闡述、解釋概念。揭示網(wǎng)頁背后的基本概念和網(wǎng)絡服務的原理。了解構成網(wǎng)頁的元素學生活動：學生談一談所訪問的網(wǎng)頁中包含哪些內(nèi)容。教師活動：網(wǎng)頁包含的元素分為可見元素和功能元素。同學們提到的文本，圖片，視頻都是在網(wǎng)頁上直接看到的元素，還有超級鏈接，表單等功能控件，可以讓我們完成網(wǎng)頁中某些操作。讓學生明確網(wǎng)頁構成的元素，讓收集素材更有指向性。收集、整理、加工、網(wǎng)頁素材學生活動：小組分工，收集網(wǎng)頁素材或生成原創(chuàng)素材；閱讀學習簡單的網(wǎng)頁素材處理技巧，選擇恰當?shù)姆绞綄⑺夭姆诸惔鎯Φ皆票P。教師活動：教師巡視，檢查收集情況（可課堂分工，課后完成）教師也可準備相應素材。讓學生了解網(wǎng)頁素材的收集途徑，選擇小組的素材獲取方式；強化學生信息意識，能夠?qū)⑿畔⒎诸惔娣?，并了解網(wǎng)頁素材的規(guī)范。鞏固、拓展與評價學生活動：小組分工，明確成員任務，確定素材收集時間和存儲方式；小組注冊至少一個在線平臺賬號，并保留賬號信息。教師活動：檢查小組分工，明確下一節(jié)課的素材來源；再次強調(diào)小組賬號問題。確保素材的收集與保存，為下一節(jié)課做準備。課堂小結(jié)教師活動：強調(diào)素材的收集與保存，小組分工負責。強化素材收集6.課時作業(yè)設計（1）教材思考與練習題目。（2）課后小組利用課余時間完善收集作品所需素材，并按要求處理素材。第3課時制作、發(fā)布網(wǎng)站作品1.課時教學內(nèi)容分析本節(jié)課為“HTML5網(wǎng)站”單元的第三課，在網(wǎng)站組織結(jié)構圖和網(wǎng)站素材的支持下，學生正式進入網(wǎng)頁的編輯與發(fā)布任務。本節(jié)課通過簡單的在線設計工具，利用模版來完成網(wǎng)絡信息的編輯與發(fā)布。選擇好恰當?shù)臄?shù)字化工具，可以讓學生輕松完成本節(jié)課內(nèi)容。利用工具的教程支持，讓學生可以邊做邊學，利用數(shù)字化學習環(huán)境，減少教師對工具的操作講解，將時間更多的留給學生，動手實操完成作品。2.課時學情分析在前面2節(jié)課的支持下，本節(jié)課是實際操作類型的課程，需要學生動手完成網(wǎng)站作品。生活中的網(wǎng)站內(nèi)容復雜，HTML5環(huán)境下的網(wǎng)絡信息作品需要大量的時間來完成，而學生的實際操作時間有效，也沒有對應作品設計的經(jīng)驗，要讓學生完成的完成一個網(wǎng)站幾乎是不可能的。因此，可以選用簡單的在線設計工具利用現(xiàn)成的各種主題對應的模版，將模版中的內(nèi)容修改為小組收集的素材，完成需要發(fā)布內(nèi)容的某一方面的網(wǎng)頁編輯或微傳單制作。讓學生了解可以通過簡單易行的方式來完成網(wǎng)絡信息的編輯與發(fā)布，降低學生的操作難度。3.課時教學目標（1）了解HTML5標準（2）會利用模板來設計HTML5網(wǎng)頁（3）能修改模板中元素來達到較好的瀏覽效果（4）嘗試在網(wǎng)頁中實現(xiàn)交互功能（5）了解域名相關知識（6）能利用各種途徑發(fā)布網(wǎng)頁4.教學環(huán)境網(wǎng)絡環(huán)境、計算機教室、在線設計工具5.教學過程教學環(huán)節(jié)教師與學生活動教學意圖課前準備學生準備：素材資源準備，賬號準備。教師準備：教師可提前準備三個賬號，用于未注冊賬號小組。檢查學生素材準備情況；檢查學生賬號準備?；顒右雽W生活動：上網(wǎng)搜索HTML5標準，了解HTML5標準的新特性。教師闡述：移動設備已經(jīng)有取代傳統(tǒng)電腦上網(wǎng)的趨勢，作為互聯(lián)網(wǎng)最重要的提供各種資源與服務的功能也在向移動端轉(zhuǎn)移。在此背景下，需要一種打破手機與PC端開發(fā)壁壘的標準，即HTML5，跨平臺部署。讓學生了解了解網(wǎng)頁設計標準HTML新特點。選擇恰當工具和模板學生活動：學生根據(jù)小組制定的主題，在工具提供的場景中選擇符合主題內(nèi)容的模板。以模板的形式減少學生在編輯網(wǎng)頁時的設計量，注重內(nèi)容展現(xiàn)。修改網(wǎng)頁首頁布局、圖片、文字等學生活動：小組分工，一人負責提供素材，一人負責在線工具操作，一人負責打開在線工具幫助模塊學習工具使用主要通過學習刪除，隱藏等工具按鈕完成模板首頁的修改，留取自己需要的部分；閱讀教材，完成網(wǎng)站首頁或傳單首頁的圖像，文字編輯工作，若為作品為傳單，還需要設置動畫效果。教師活動：教師巡視，檢查作品首頁完成情況，檢查圖像，文字編輯情況。可以對作品為傳單的學生，講解對象的動畫效果制作（與PPT動畫類似）。教師可以下載對應操作的微視頻供學生使用。讓學生了解在線工具的基本操作；掌握在線工具提供的圖片工具與文字設置工具。在網(wǎng)頁中實現(xiàn)交互功能學生活動：學生根據(jù)日常生活觀察體驗，不要求實際操作。教師活動：教師演示模版中的留言板模塊。重在體驗，學生可以根據(jù)演示在課后補充作品功能發(fā)布網(wǎng)頁學生活動：學生閱讀知識鏈接中的域名相關知識，了解域名用途；利用在線工具的免費域名發(fā)布網(wǎng)站，利用微信等方式分享傳單。教師活動：介紹知識鏈接中的域名相關知識，讓學生了解域名；鼓勵學生將作品分享至班級家長微信群，或分享網(wǎng)絡地址讓更多的人訪問學生作品。讓學生了解了解互聯(lián)網(wǎng)發(fā)布信息的渠道。鞏固、拓展與評價學生活動：閱讀關于網(wǎng)站備案的拓展閱讀。教師活動：普及網(wǎng)絡安全知識，了解網(wǎng)站備案的意義和目的。讓學生具備信息社會責任，能夠合法、合理發(fā)布網(wǎng)絡信息。課堂小結(jié)教師活動：布置展示任務，提示從主題選擇，工具操作，最終效果和收獲幾個方面組織下一節(jié)課展分組交流內(nèi)容。布置展示任務，為成果交流做準備。6.課時作業(yè)設計（1）教材思考與練習題目。（2）課后小組利用課余時間完善作品，確定交流分享發(fā)言人員。第4課時分組交流、展示網(wǎng)頁作品1.課時教學內(nèi)容分析本節(jié)課為“HTML5網(wǎng)站”單元的第四課，本節(jié)課沒有具體的教學內(nèi)容，主要任務是學生分組對作品進行展示和交流。核心目標是培養(yǎng)學生的表達能力，激