資源簡(jiǎn)介

(共11張PPT)
第17課　制作網(wǎng)頁展活動(dòng)
第四單元　校園活動(dòng)線上展
1
2
3
了解制作網(wǎng)站的基本流程。
學(xué)習(xí)目標(biāo)
能通過寫HTML代碼制作簡(jiǎn)單網(wǎng)頁。
體驗(yàn)用人工智能技術(shù)制作網(wǎng)頁，認(rèn)識(shí)科技創(chuàng)新的意義。
第17課　學(xué)習(xí)目標(biāo)
活動(dòng)簡(jiǎn)介
終于要迎來大家翹首以待的“科技節(jié)”了。同學(xué)們躍躍欲試，想要參與各種酷炫的科技活動(dòng)。因?yàn)閰⑴c這些活動(dòng)不僅能學(xué)到科技知識(shí)，還能體驗(yàn)科技的魅力。
今年的科技節(jié)，各班都為科技節(jié)準(zhǔn)備了超棒的科技體驗(yàn)項(xiàng)目。老師們更是號(hào)召大家團(tuán)結(jié)合作，一起動(dòng)手制作展示科技節(jié)的網(wǎng)站。每個(gè)小組的同學(xué)現(xiàn)在都已經(jīng)摩拳擦掌，準(zhǔn)備先設(shè)計(jì)制作屬于自己的科技項(xiàng)目子頁，然后協(xié)作完成網(wǎng)站主頁。
第17課　課堂導(dǎo)入
回顧提升
回憶之前所學(xué)內(nèi)容，判斷以下說法是否正確。
1．網(wǎng)頁主要由HTML語言編寫而成。
2．網(wǎng)站一般由多個(gè)網(wǎng)頁組成，這些網(wǎng)頁通常圍繞同一主題，擁有同類設(shè)計(jì)風(fēng)格。
3．網(wǎng)站中的網(wǎng)頁一般通過網(wǎng)址來訪問。
4．訪問網(wǎng)站時(shí)，默認(rèn)顯示的第一個(gè)網(wǎng)頁叫作主頁。
第17課　課堂導(dǎo)入
一 制作網(wǎng)站的基本流程
二 制作一個(gè)簡(jiǎn)單的網(wǎng)頁
學(xué)習(xí)內(nèi)容
第17課　學(xué)習(xí)內(nèi)容
序　　號(hào) 名　　稱 說　　明
1
2
3
4
5
6
第17課　學(xué)習(xí)內(nèi)容
一、制作網(wǎng)站的基本流程
確定主題
搜集素材
發(fā)布網(wǎng)站
美化網(wǎng)頁
確定結(jié)構(gòu)
制作網(wǎng)頁
簡(jiǎn)要說明主題是什么，如學(xué)校的科技節(jié)
圍繞主題開始搜集網(wǎng)站所需要的資源，經(jīng)過挑選、去偽，作為制作自己網(wǎng)頁的素材
確定主頁、導(dǎo)航菜單、內(nèi)容組織、布局和主題風(fēng)格等
用工具軟件制作網(wǎng)頁
用適當(dāng)方法調(diào)整網(wǎng)頁的顯示效果
選擇恰當(dāng)方式展示網(wǎng)站
小組就網(wǎng)站主題、網(wǎng)站結(jié)構(gòu)、頁面結(jié)構(gòu)等展開交流與討論，并記錄分配給自己的任務(wù)。
第17課　學(xué)習(xí)內(nèi)容
一、制作網(wǎng)站的基本流程
第17課　學(xué)習(xí)內(nèi)容
1．查看老師提供的素材，如有必要，可繼續(xù)補(bǔ)充完善。
二、制作一個(gè)簡(jiǎn)單的網(wǎng)頁
制作個(gè)人承擔(dān)的介紹科技項(xiàng)目的網(wǎng)頁
機(jī)器狗是一種模擬真實(shí)犬只形態(tài)和部分行為的機(jī)器設(shè)備，能夠?qū)崿F(xiàn)行走、坐下、翻滾等多種動(dòng)作。機(jī)器狗的出現(xiàn)為人工智能和機(jī)器人研究提供了新的想象空間，也讓更多人得以近距離接觸機(jī)器人技術(shù)。
二、制作一個(gè)簡(jiǎn)單的網(wǎng)頁
2．選擇一個(gè)方法制作介紹科技項(xiàng)目的網(wǎng)頁。
方法一：用文本編輯工具編寫HTML代碼，制作網(wǎng)頁。
方法二：選擇一個(gè)在線人工智能模型，讓它根據(jù)需求自動(dòng)生成網(wǎng)頁。
第17課　學(xué)習(xí)內(nèi)容
給出要求
請(qǐng)制作一個(gè)關(guān)于校園科技節(jié)的網(wǎng)頁，主要使用

等標(biāo)簽。
AI
第17課　課堂總結(jié)
1．網(wǎng)站的制作流程。
2．

等標(biāo)簽的格式與作用。
3．編寫HTML代碼，制作有文字和圖的簡(jiǎn)單網(wǎng)頁。
4．使用在線人工智能模型自動(dòng)生成網(wǎng)頁。
第17課　拓展與提升
1．讓模型解答更多關(guān)于網(wǎng)頁制作的疑問，例如，如何使網(wǎng)頁中的圖像保持大小一致。
2．把感興趣的網(wǎng)頁代碼提交給人工智能模型，讓它解讀每段代碼的功能。
人工智能模型可能會(huì)給出多個(gè)解決方案，大家只要選擇一個(gè)對(duì)自己來說最方便的即可。活動(dòng)中，同學(xué)們可以暢想一下，在人工智能的輔助下，未來的學(xué)習(xí)可能出現(xiàn)哪些變化。
繼續(xù)使用在線人工智能模型學(xué)習(xí)網(wǎng)頁制作的知識(shí)。

展開更多......

收起↑