資源簡介

中小學教育資源及組卷應用平臺
第四單元 展示精彩的校園生活
——網站的設計與制作
活動 1 設計校園網站
一、活動概述
設計網站，首先要對網站制定比較全面的、長遠的發展計劃，此計劃不僅要涵蓋網站整體結構還要包括網站具體內容。網站的內容要根據網站主題、建設的目的，分析瀏覽者的需求，再對內容進行有針對性地收集與處理。規劃整體結構時不僅要對內容進行清晰的分類，版面布局、圖文排版、標志設計等皆須思考，一一應對。
二、核心素養目標：
1.信息意識
（1）能夠設計出符合主題的網站風格。
（2）能夠根據既定的網站風格設計不同網頁版面。
（3）熟悉 Frontpage 軟件的操作界面。
2.計算思維、數字化學習與創新
（1）通過對網頁制作軟件的學習，掌握網站建設的方法、步驟和技能，提高信息發布能力。
（2）通過“精彩的校園生活”活動，提高運用信息技術解決生活學習問題的能力，培養良好的團隊合作意識。
3.信息社會責任
在確定網頁主題時，養成積極向上、健康成長的思想意識，促進正確人生觀和價值觀的建立。
三、課時建議
2 課時。
四、教材分析
活動 1 的任務是規劃網站。本活動圍繞規劃網站，設計了以下三個部分的內容：
第一部分是認識網站信息的組織方式。信息組織是指采用一定的方式，將某一方面大量的、分散的、雜亂的信息經過加工、整理、提煉、優化后形成一個便于有效利用的過程。教材設計的“說說做做”，讓學生通過體驗網站的使用過程，認識到學校網站多采用樹形結構。最后，要求學生調查了解其他互聯網信息的組織方式。
第二部分是規劃網站。教材將這一部分的教學設計分為兩個環節，分別是規劃網站主體和整體結構和規劃各網頁的版面。前者讓學生圍繞網站的主題和名稱進行小組討論交流，確定網站的主題，并擬定網站的名稱。讓學生圍繞自己擬定的主題，確定網站需要分成的板塊，以及每個板塊中準備展示的內容。
第三部分是了解網站制作工具。教材將 Frontpage 與 Word 進行類比。將 word中的一些工具的使用方法遷移到網頁制作上，實現了知識的遷移。
五、教學重點
圍繞主題確定網站風格，并設計各網頁的版面。
六、教學難點
圍繞主題設計出一種網站風格，并貫徹至所有網頁的版面設計中。
七、教學方法：講解、討論、任務驅動
八、教學準備：機房，相關案例
第一課時 認識網站信息的組織方式
教學過程：
教學環節 教學內容 教師活動 學生活動 設計意圖
激情導入 新課引入 設計一個網站如同規劃一幢宏偉的建筑-一樣，首先要對網站制定比較全面的設計方案，不僅要涵蓋網站呈現的內容，而且要包括網站的整體結構。我們將起了解網站信息的組織方式，設計規劃校園網站，收集相關的網站素材。 讓學生想一想日常生活中網絡的網站的整體結構。 引入設計規劃校園網站
新課教學 一、認識網站信息的組織方式 探索學校的網站時，發現學校的主頁導航條上呈現的信息有“學校概況”“近期新聞”“教育教學”等，這些都是學校的網站向訪問者傳遞的信息。這些信息還可以細分，以“學校概況”為例，它細分為“學校簡介”“辦學成果”等內容。因此，網站在呈現有明顯結構的內容信息時，往往會采用樹形結構。樹形網站結構，主頁指向對應的-級子頁，--級子頁指向二級子頁，二級子頁指向三級子頁。樹形結構、星形結構和混合型結構樹形結構是一種常見的網站結構，它在組織網站信息上的優點在于可以使網站信息分類清晰，缺點在于瀏覽效率較低，如果訪問者想從一個子頁轉到另一個子頁，必須先返回主頁。星形結構是指在網站的每個頁面上都設置一個共同的超鏈接，所有的頁面都可以通過該鏈接保持聯系，這個超鏈接就是所有頁面的入口。它的優點是瀏覽方便，訪問者隨時可以切換到自己想看的頁面；缺點是鏈接太多，訪問者容易迷失方向。混合型結構結合了上面兩種結構的優點，在實際的網站設計中應用較多。采用這種結構，訪問者瀏覽時既可以方便地到達自己需要的頁面，又能清楚地知道自己所處的位置。最常用的混合型結構是：主頁和一級子頁之間采用星形結構鏈接，一級和二級子頁、二級和三級子頁之間采用樹形結構鏈接。 引導學生根據“說說做做”的操作過程進行實踐，探究網站的組織結構。 此外，教師也可以帶領學生使用瀏覽器打開學校網站，從主頁出發逐一打開網站 中的各個欄目，記錄網站中的主要欄目層次，并用箭頭標明它們之間的鏈接關系。 通過實際操作，教師可以引導學生討論學校網站的一般組織形式。 網站受眾不同，網站的組織形式也不同，可根據實際內容結構組織網站的結構。其次，網站是互聯網組織信息的方式之一，可以要求學生通過調查，了解其他互聯網信息的組織方式。 信息組織是指采用一定的方式，將某 一方面大量的、分散的、雜亂的信息經過加工、整理、提煉、優化后形成一個便 于有效利用的過程。通過體驗網站的使用過程， 認識到學校網站多采用樹形結構。調查了解其他互聯網信息的組 織方式。
活動解析 （1）P77“說說做做”。 教師引導學生登錄某大學的網站，記錄網站的主要的欄目層次。 （2）P79“說說做做”。 ①教師帶領學生通過網站實例，了解其他的互聯網信息的組織方式。 ②略。 讓學生自由開展討論“說說做做”、“數字化學習”自動學習。 讓學生展開自主探索和相互交流提供空間。
小結 認識網站信息的組織方式。信息組織是指采用一定的方式，將某一方面大量的、分散的、雜亂的信息經過加工、整理、提煉、優化后形成一個便于有效利用的過程。通過體驗網站的使用過程，認識到學校網站多采用樹形結構。了解其他互聯網信息的組織方式。 讓學生同教師一道回憶本堂課所學知識要點 回顧本活動要點
作業 常見的網站結構包括（樹形結構）、（星形結構）和（混合型結構）。確定網站的結構，最后通過（超鏈接）連接起所有的網頁。
板書設計：
第一課時 認識網站信息的組織方式
一、認識網站信息的組織方式
二、樹形結構、星形結構和混合型結構
三、活動解析
四、小結
21世紀教育網 www.21cnjy.com 精品試卷·第 2 頁 （共 2 頁）
HYPERLINK "http://21世紀教育網(www.21cnjy.com)
" 21世紀教育網(www.21cnjy.com)

展開更多......

收起↑