資源簡介

(共12張PPT)
Cloud
七年級(jí)下冊 主題一 文化遺產(chǎn)線上展
任務(wù)二 制作網(wǎng)頁展活動(dòng)
情境導(dǎo)入
壯壯在網(wǎng)上搜集了大量關(guān)于“三月三”的宣傳素材，包括特色美食、壯族服飾、節(jié)慶活動(dòng)等的文字、圖片、聲音和視頻等。這么多內(nèi)容該如何規(guī)劃，才能方便大家瀏覽和閱讀呢？
導(dǎo)入
回顧你之前瀏覽過的網(wǎng)站，和老師、同學(xué)一起交流，說一說它們在呈現(xiàn)形式上都有哪些特點(diǎn)。
討論
1.多頁面結(jié)構(gòu)特點(diǎn):導(dǎo)航清晰、內(nèi)容分類明確。
2.單頁面應(yīng)用特點(diǎn):流暢的用戶體驗(yàn)、前端技術(shù)依賴度高。
3.響應(yīng)式設(shè)計(jì)特點(diǎn):適應(yīng)不同設(shè)備屏幕、保持內(nèi)容完整性和可用性。
4.視覺呈現(xiàn)特點(diǎn):色彩搭配協(xié)調(diào)、多媒體元素豐富。
討論
XXXX
請根據(jù)下圖回答問題。
1.圖中哪個(gè)文件是主頁？為什么？
五色糯米飯首頁.html。
網(wǎng)站是由一系列網(wǎng)頁組成,網(wǎng)站的第一張網(wǎng)頁稱之為主頁(首頁),其他網(wǎng)頁稱為子頁。
2.你能畫出網(wǎng)站的簡易結(jié)構(gòu)圖嗎？
案例分析
XXXX
制作網(wǎng)站六步驟
馬上行動(dòng)
XXXX
選擇一個(gè)你喜歡的主題并進(jìn)行網(wǎng)站規(guī)劃，將你的設(shè)計(jì)方案填入表中。
我選擇的主題 五色糯米飯的制作過程
網(wǎng)站名稱 五色糯米飯?zhí)矫刂?br/>設(shè)計(jì)意圖 （用途、意義） 用途:1.文化傳承與傳播用途:記錄傳統(tǒng)美食文化、打破地域限制傳播;2.知識(shí)科普用途:明晰制作過程、了解原材料特性。
意義:1.文化意義:民族文化瑰寶的守護(hù)、多元文化融合的助力;2.社會(huì)意義:豐富民眾生活體驗(yàn)、帶動(dòng)地方旅游及相關(guān)產(chǎn)業(yè)發(fā)展;3.教育意義:民俗文化教育素材、實(shí)踐教育引導(dǎo)。
網(wǎng)站結(jié)構(gòu)圖
馬上行動(dòng)
XXXX
和老師、同學(xué)分享你的網(wǎng)站設(shè)計(jì)思路，組建屬于你的網(wǎng)站搭建小分隊(duì)。結(jié)合制作網(wǎng)站的基本流程，明確分工，利用下表進(jìn)一步細(xì)化你的網(wǎng)站搭建方案。
網(wǎng)站主題 分工 網(wǎng)頁內(nèi)容及呈現(xiàn)形式 負(fù)責(zé)人
馬上行動(dòng)
XXXX
請利用人工智能技術(shù)輔助制作網(wǎng)頁
1. 選擇一個(gè)生成式人工智能網(wǎng)站。
2. 在對話框中輸入想制作的網(wǎng)頁主題及內(nèi)容。
3. 成功發(fā)送請求后生成 HTML代碼，用記事本保存代碼，調(diào)整后用瀏覽器打開查看效果。
4. 根據(jù)預(yù)覽效果靈活調(diào)整生成請求，進(jìn)一步完善網(wǎng)頁效果，完成制作。
做中學(xué)
利用人工智能技術(shù)輔助制作網(wǎng)頁，有什么優(yōu)缺點(diǎn)？小組內(nèi)展開討論并做好記錄。
討論
利用人工智能技術(shù)輔助制作網(wǎng)頁的優(yōu)點(diǎn):
1.快速建站;
2.降低成本;
3.提高靈活性;
4.可擴(kuò)展性;
5.高效性;
6.個(gè)性化推薦。
利用人工智能技術(shù)輔助制作網(wǎng)頁的缺點(diǎn):
1.個(gè)性化程度有限;
2.內(nèi)容質(zhì)量問題;
3.安全隱患;
4.缺乏人工干預(yù);
5.語言風(fēng)格單一;
6.創(chuàng)意與個(gè)性化不足。
討論
XXXX
請你圍繞同一個(gè)主題，分別用網(wǎng)頁編輯工具和人工智能網(wǎng)站進(jìn)行網(wǎng)頁制作，對比兩種制作方式生成的網(wǎng)頁效果并記錄在表中，體會(huì)科技創(chuàng)新的意義。
網(wǎng)頁編輯工具制作的網(wǎng)頁 人工智能技術(shù)生成的網(wǎng)頁
代碼的質(zhì)量與結(jié)構(gòu)
個(gè)性化與創(chuàng)意展現(xiàn)
開發(fā)流程及效率
馬上行動(dòng)
1. 請利用人工智能技術(shù)生成跑馬燈效果，并加到自己設(shè)計(jì)的網(wǎng)頁中。
2. Markdown 語言是一種輕量級(jí)標(biāo)記語言，它允許開發(fā)者使用易讀易寫的純文本格式編寫文檔。請上網(wǎng)了解更多相關(guān)內(nèi)容，嘗試使用Markdown 語言開展小組活動(dòng)。
拓展任務(wù)
拓展
謝 謝
匯報(bào)人：WPS

展開更多......

收起↑