《我的網站我設計》微課程教學設計

王麗麗

創新整合點

俗話說，“授人以魚不如授人以漁”。從學生學習的角度來說，他們不僅要學習知識、技能，還要學會獲取知識、技能的方法。所以在本課教學中，我們在教會學生搭建只有一個網頁的網站的同時，也把搭建網站的整體流程教給了學生。

微課程著眼點小，知識點相對零散。如何將碎片化的知識拼裝成完整的結構，聯通知識體系呢？我們應對微課程進行系統設計，合理重組微視頻，這有助于搭建學生的知識架構。新建站點和修飾文字是本節課的重難點，為了更好地幫助學生學習，我們錄制了兩段時長各為1分30秒的微視頻，并巧妙地將這兩段微視頻融入到微課程中，最后呈現在學生面前的微課程不再是一個個零散的知識點，而是搭建網站的完整流程。

大處著眼，小處著手。我們讓學生設計一個自己喜歡的主題網站。說一說網站的主題、要準備的素材，做好知識性儲備工作；看一看不同的網站，抽象出網站的結構，在分析、對比、歸納總結中明確網站的結構；學一學如何新建一個站點，模仿微視頻里的操作步驟學習新知識；試一試輸入并美化文字的方法，在回顧舊知識的基礎上，將所學知識順利遷移；理一理搭建網站的流程，進行整體感知，為后續學習做好鋪墊。

從系統設計一個網站出發展開本節課的教學，能讓學生感受完整的網站設計過程。新課程要求教師要充分考慮小學生的身心發展特點，根據他們思維發展的規律，結合他們的已有知識和生活經驗，設計富有情趣的教學活動。因此，我們從學生實際出發，充分考慮小學生已有的文化知識、認知能力、年齡、興趣等特點，做到因材施教，讓每位學生都做出自己喜歡的網站。

為了讓不同層次的學生在課前自主使用微課程后都能有所收獲，我們設計了相應的預期目標：一級目標是學生學會新建一個只有一個網頁的站點；二級目標是學生能搭出個性化的網站；三級目標是學生在以上目標的基礎上，樂于與他人分享自己的網站，學會學習的方法，提升信息素養。

教材分析

《奧運網站我設計》是人教版小學信息技術第五冊第七課的內容。這節課主要是讓學生掌握兩方面知識：一是能夠新建站點；二是掌握輸入文字及修飾文字的方法。考慮到時間因素及五年級學生的特點，我們對教學內容進行了二次開發，將網站主題改為貼近學生生活的“個人主題網站”，以設計個人網站為主題，新建站點，添加文字并修飾文字。學生通過觀看微視頻自主學習，掌握新建站點及添加文字的方法，為今后進一步學習搭建網站打下基礎。

學情分析

本課的教學對象是小學五年級學生，他們已經熟悉Word和PPT軟件的操作方法，能夠輸入文字，并且能夠通過修改文字的字體、字號、顏色等格式來修飾文字，有一定的知識功底。通過這節課的學習，希望學生不僅能了解FrontPage的功能，認識FrontPage的窗口界面，而且能將所學知識進行遷移，具備自主探索學習能力，同時對“個人主題網站”也具備較強的創作欲望，可以在微課程指導下自學探究新的知識，掌握開發網站的方法。

教學目標

知識與技能目標：了解網站的相關知識，理解常用網站的一般結構；學會制作站點，并在網頁中輸入、修飾文字。

過程與方法目標：利用微課程輔助，結合已有知識進行遷移，發展創新思維。

情感態度與價值觀目標：通過觀察、制作站點，激發對FrontPage的學習興趣；在新建站點、制作網頁的過程中，培養觀察問題、分析問題、解決問題的能力；通過在網頁中輸入文字、設置文字格式，提高遷移能力，提升審美情趣。

教學環境與準備

聯網狀態的計算機、教師提前制作好的相關微視頻、學習素材、微課程實施方案等。

教學過程

1.說一說，儲備知識

師：你還記得之前做幻燈片的步驟嗎？我們要先確定幻燈片主題，然后圍繞主題搜集素材。請說一說你準備設計的網站主題名稱是什么？你準備了哪些方面的素材（如圖1）？

設計意圖：由于學生之前學過幻燈片、Word小報等，了解一般制作流程，所以教師在該環節中帶領學生一起來確定網站主題及后續要準備的材料，為搭建網站做好準備工作。

2.看一看，歸納分析

師：來欣賞幾個網站的主頁，觀察網頁，它們有什么相同的地方？（留10秒鐘時間供學生思考）

不管是什么網站，它們的主頁上都有顯著的標題，然后標題下方會有數目不等的導航。（PPT動畫演示標題和導航所在的位置，并抽象出網站的結構框架，如圖2）請你在自己的本子上畫一畫網站的結構圖，寫清楚你要設計的網站的標題及導航名稱（如圖3）。

設計意圖：雖然學生見過網站，但卻不一定留意到網站的結構框架，所以我們讓學生先觀察幾個網站的主頁，找出它們相同的地方，然后抽象出網站的結構框架，最后在本子上畫出自己要做的網站的主題名稱和導航名稱。這樣能讓學生從歸納概括網站的結構開始，一步步由淺入深、由難到易地回到自己的網站上來。學生畫結構圖，能為后面學習輸入文字及修飾文字明晰內容。

3.學一學，新知技能

師：結構圖畫好了嗎？準備工作做好后，我們來新建一個站點。請你一邊觀看微視頻，一邊練習新建站點。

學生根據微視頻提示，在FrontPage里新建站點并輸入主題名稱（如圖4）。

設計意圖：由于新建站點是新授內容，學生第一次接觸它，所以我們錄制微視頻供學生參考。學生根據微視頻的操作步驟來新建一個站點。在微視頻中，我們將重點及注意事項用文字進行了突出強調，如只有一個網頁的網站的名稱要用英文來命名等，以培養學生良好的習慣，這樣形成的信息素養將會終身受用。

4.試一試，類比遷移

師：接下來，按照前面的導航欄輸入文字，并且調整字體、字號、顏色等格式來修飾網頁，使網頁看上去更美觀（如圖5）。

設計意圖：本環節內容與之前所學知識相通，能引導學生進行知識遷移，掌握在網頁中輸入文字和修飾文字的方法，知道網站主頁標題和導航如何設計才合理和美觀。因此在該環節，教師應著重帶領學生去修飾網頁，預覽修飾效果，達成教學目標。

5.理一理，方法策略

師：一起來看看，設計一個網站一般需要哪些步驟？（內容按先后順序依次動態出現，如圖6）確定網站內容、搜集網站素材、設計網站結構是我們這節課所學的內容，是制作網站的前期準備階段。接下來就是制作網站階段，包括動手制作網站、檢查測試網站和上傳發布網站。通過這節課的學習，你已經會制作只有一個網頁的網站了，其實預覽就是在測試網站。等到網站全部做好以后，就可以將其發布到網上。后期如果想讓網站更完美，還要不斷地更新網站內容，維護好網站。

設計意圖：本環節教學旨在讓學生用自己熟悉的語言來梳理“準備—制作—維護”的過程，學會整體規劃、制作一個網站的總體步驟。

設計亮點

本設計一切從學生出發，滿足學生的需要。具體亮點如下：

第一，對內容進行二次開發，選擇學生熟悉的個人主頁或班級主頁作為主題內容，貼近學生的生活經驗，尊重了學生的需要。

第二，畫結構樹，思維外顯。學生觀察幾個網站后，分析、歸納、總結網站的一般結構，畫出結構樹，列出導航的內容，將知識外顯，這順應了學生的思維發展。

第三，設計制作，整體規劃。類比之前所學的Word、PPT的制作方法，本設計從課前確定網站主題、搜集素材，到課中設計網站結構、動手搭建網站，再到最后梳理搭建網站的流程，都很注重學生的學習體驗，發展學生的系統思維。

第四，注重細節，嚴謹規范。從區分只有一個網頁的網站與多個網頁的網站，到文件的命名及網站的保存，都從點滴出發，在潛移默化中使學生形成規范嚴謹的信息意識。