資源簡介

項目探索3 網頁的編輯和發布&項目交流與評價
核心素養學段目標
根據學習需求，知道通過互聯網大量案例分析，總結經驗，并能借鑒這些知識經驗去解決學習中的問題。（信息意識）
能執行問題解決方案，通過對數據的采集與分析，反思和優化解決方案 ，并將其遷移運用于解決其他問題。（計算思維）
按照任務需求，能選擇合適的網絡平臺，合作完成數字化創新活動的創意、規劃與實施。（數字化學習與創新）
負責任地共享信息和資源，并尊重他人知識產權。（信息社會責任）
課程內容
通過大量網絡案例的分析，體驗網頁版面布局和風格設計，并實際操練，推進項目開展，在此基礎上，以小組為單位，開展H5網頁的在線制作與發布。進行點評，并適時反思和歸納。
學習目標
認識網頁版面布局和風格設計的重要性，并學會規劃；
選擇H5網頁平臺對信息進行編輯與集成，并發布；
通過制作中國大運河文化網頁，喚起運河記憶，傳播中華優秀傳統文化。
課時安排與教學重難點
建議2課時
重點：初步學會網頁版面布局規劃和風格設計；
學會通過H5網頁平臺制作網頁并發布。
難點：能根據項目所需，靈活選用H5網頁平臺的各項功能對信息進行編輯與集成。
教學設計
【教學環境】
多媒體網絡教室，配備臺式計算機。
【教學過程】
項目導入
教師活動：
對于廣大普通用戶來說，通過編輯HTML語言來編寫網頁是有很大難度的，而通過可視化工具（如H5網頁等）進行互聯網應用中數據的組織，既有“所見即多的”的效果，又能自動生成與之對應的網頁源代碼。那么，如何制作這樣的網頁呢？
接下來我將和同學們一起，探究網頁布局的規劃以及風格的設計，并嘗試通過H5制作平臺進行網頁的在線編輯和發布。
學生活動：
了解，明確接下來的學習內容和任務要求。
項目探索3
網頁的規劃
教師活動：
在前面的兩個探究中，我們已經先后完成了對網頁素材資源的再整理收集，以及網站的結構規劃，但在動手制作網頁之前，我們還需要進行版面布局的設計以及風格的確立。
首先，好的版面布局不僅有助于訪問者清楚地理解作品，還能充分吸引訪問者的注意力，讓訪問者產生瀏覽的興趣。
PPT呈現網頁版面布局三幅說明圖，帶領學生一起閱讀學習。
要求看圖回答：網頁版面布局有哪些結構？
學生活動：
看圖，思考，個別作答。
教師活動：
補充歸納與呈現——
網頁布局：
1、分欄式結構（縱向/橫向）
2、非規律性結構（如：H5頁面）
重要提醒：H5頁面中留白很重要！！！
教師活動：
活動1：
要求登陸“canva可畫”，欣賞優秀的網站模板，初步構思本組的網頁版面布局，并繪制在“項目開展方案”中。
學生活動：
登陸“canva可畫”，打開網站模板，大量欣賞，并以小組為單位嘗試確立頁面數量，繪制各頁面布局。
風格的設計
教師活動:
活動2：
要求在“canva可畫”首頁，打開“網站——模板——查看全部”，篩選條件，選擇瀏覽。
并請小組討論：
你覺得網頁的整體風格由哪些因素決定？
學生活動：
篩選欣賞各種風格的網頁模板，思考并回答問題。
教師活動：
歸納——1、色彩；2、文字
補充——1、一般情況下，色彩運用的總體原則是“整體協調、局部對比”，主色調應結合主題的需要來選擇，使色彩的表達與內容相契合。
2、除顏色外，文字的字體與字號、在頁面中的布局等均可以讓主題更加突出，畫面更加生動。
實踐——H5網頁的在線制作
一起就緒，開始制作網頁……
<1>制作
教師活動：
實踐任務：
請以小組為單位，登陸“canva可畫”平臺，根據本組項目主題，嘗試完成H5網頁的在線制作，保存、預覽并發布。
（簡單講演指導）
歸納“H5網頁在線制作步驟”
1、選擇平臺
2、選定模板
3、根據主題添加頁面元素
4、設置翻頁及各網頁元素的動畫效果
并提醒學生注意：
網頁發布前，應仔細檢查素材引用的合法性，尊重他人的知識產權，并檢查是否存在錯別字、語法錯誤、科學性錯誤等問題。
學生活動：
以小組為單位，展開網頁制作，教師巡視，隨機提供幫助。
<2>發布
教師活動:
講演指導
學生活動：
發布網站，并分享網址，各組成果展示。
<3>思考
學生活動：
思考：
發布的網頁信息最終保存在哪里？在互聯網上發布網頁信息時，我們需要遵守哪些規范？
教師活動：
歸納：
我們在互聯網上發布的各種信息，都需要通過上傳的方式保存在服務器中，供他人瀏覽與下載。
信息發布需要依法合規、遵守公序良俗、維護國家公共安全和他人利益。（課本P53）
四、項目交流與評價
<1>交流
教師活動：
請小組分享：
經過了一系列的準備工作，在最后H5網頁制作過程中你們組又遇到了哪些問題？是如何解決的？
學生活動：
各抒己見，互相學習，取長補短。
<2>評價
教師活動：
要求：回顧整個項目開展過程，對照標準，自我評價，對自己本單元的學習有一個客觀的認知，組長在此基礎上，寫出小組活動中兩種表現的同學，給最終的教師評價作一個參考，同時，提供本組網站發布后的網址，備查。
學生活動：
實事求是，自我評價與反思。
<3>拓展創新
教師活動：
請思考：
1、你如何看待網頁呈現方式對于信息傳播的作用？網頁的優勢和不足有哪些？
2、還有哪些互聯網應用可以方便快捷地分享信息？生活中可以試一試！
學生活動：
學有余力，嘗試思考并實踐。

展開更多......

收起↑