資源簡(jiǎn)介

(共29張PPT)
第10課
網(wǎng)頁(yè)的編輯與發(fā)布
（浙教版）八年級(jí)
上
01
教學(xué)目標(biāo)
02
新知導(dǎo)入
03
網(wǎng)頁(yè)開發(fā)工具
04
編寫網(wǎng)頁(yè)
06
拓展延伸
07
課堂練習(xí)
09
課堂小結(jié)
10
板書設(shè)計(jì)
08
單元小結(jié)與反思
05
網(wǎng)站發(fā)布
01
教學(xué)目標(biāo)
1、信息意識(shí)：通過(guò)使用記事本編寫HTML代碼，學(xué)會(huì)網(wǎng)頁(yè)的編輯與發(fā)布，能理解網(wǎng)站發(fā)布的一般流程。
2、計(jì)算思維：能夠使用相關(guān)軟件編寫HTML代碼，利用互聯(lián)網(wǎng)分享有價(jià)值的數(shù)據(jù)和資源。
3、數(shù)字化學(xué)習(xí)與創(chuàng)新：嘗試將“人工智能”主題的網(wǎng)站文件夾上傳到網(wǎng)頁(yè)服務(wù)器上發(fā)布并訪問(wèn)發(fā)布的網(wǎng)站地址，瀏覽網(wǎng)站效果。
4、信息社會(huì)責(zé)任：能夠識(shí)別網(wǎng)絡(luò)風(fēng)險(xiǎn)，包括網(wǎng)絡(luò)詐騙、惡意軟件和個(gè)人數(shù)據(jù)保護(hù)。
02
新知導(dǎo)入
通過(guò)使用記事本編寫HTML代碼，學(xué)會(huì)網(wǎng)頁(yè)的編輯與發(fā)布，能理解網(wǎng)站發(fā)布的一般流程，分享有價(jià)值的數(shù)據(jù)和資源。
探究：
1、你知道哪些軟件能編輯網(wǎng)頁(yè)
2、如何把制作的網(wǎng)頁(yè)分享到互聯(lián)網(wǎng)
02
新知導(dǎo)入
制作網(wǎng)站的一般流程是確定網(wǎng)站主題，圍繞主題設(shè)計(jì)網(wǎng)站欄目?jī)?nèi)容，規(guī)劃主頁(yè)和分頁(yè)，編輯網(wǎng)頁(yè)，調(diào)試并發(fā)布網(wǎng)站。
03
網(wǎng)頁(yè)開發(fā)工具
網(wǎng)頁(yè)開發(fā)工具有很多種，專門設(shè)計(jì)和開發(fā)網(wǎng)頁(yè)的軟件，能以可視化的方式進(jìn)行網(wǎng)頁(yè)的編輯制作;還有專業(yè)的HTML編輯器，能自動(dòng)生成成對(duì)的編輯;HTML文件是一個(gè)文本文件，因此可以使用純文本編輯器進(jìn)行編寫，通過(guò)瀏覽器來(lái)解釋執(zhí)行。
03
網(wǎng)頁(yè)開發(fā)工具
新知拓展
你知道哪些軟件能編輯網(wǎng)頁(yè)
1、Notepad++：輕量級(jí)編輯器：Notepad++是一個(gè)免費(fèi)的文本編輯器，適合進(jìn)行基本的代碼編寫和編輯工作，尤其受到Windows用戶的歡迎。
2、Visual Studio Code：擴(kuò)展性強(qiáng)：Visual Studio Code是一個(gè)輕量級(jí)但功能強(qiáng)大的源代碼編輯器，支持多種編程語(yǔ)言和框架。通過(guò)安裝各種插件，它可以變成一個(gè)全面的網(wǎng)頁(yè)開發(fā)環(huán)境。
03
網(wǎng)頁(yè)開發(fā)工具
新知拓展
03
編寫網(wǎng)頁(yè)
在文本編輯器編寫時(shí)，HTML代碼中的標(biāo)簽是不區(qū)分大小寫，標(biāo)簽可以設(shè)置網(wǎng)頁(yè)名稱，打開網(wǎng)頁(yè)會(huì)看到網(wǎng)頁(yè)名稱顯示在窗口標(biāo)題欄，便于瀏覽器收藏網(wǎng)頁(yè)，可以選擇網(wǎng)頁(yè)名稱調(diào)用查看。通常一個(gè)網(wǎng)站包含多張網(wǎng)頁(yè)，存放在同一個(gè)文件夾中，網(wǎng)站的主頁(yè)命名為index.html。如圖10-1所示，用“記事本”編寫網(wǎng)頁(yè)，將HTML代碼輸入到記事本中，保存擴(kuò)展名.html的文件，同步選擇保存類型為“所有文件”保存完成后就可以在瀏覽器打開此文件查看效果。知識(shí)連接網(wǎng)頁(yè)字符編碼 瀏覽器與服務(wù)器之間需要傳遞、處理的數(shù)據(jù)信息十分復(fù)雜，為了便于使用與協(xié)同、實(shí)現(xiàn)正確識(shí)別，通常對(duì)網(wǎng)頁(yè)進(jìn)行統(tǒng)一字符編碼，以免出現(xiàn)網(wǎng)頁(yè)亂碼。比較常見的網(wǎng)頁(yè)字符編碼有GB2312、GBK和UTF-8。HTML文件中標(biāo)簽的charset屬性是設(shè)置網(wǎng)頁(yè)字符編碼的方式，一般位于HTML文件的之間，代碼為。親身體驗(yàn)整理本單元的“人工智能”網(wǎng)站，調(diào)試各頁(yè)面之間的鏈接，整體完善網(wǎng)站，為下一步的網(wǎng)站發(fā)布做好準(zhǔn)備新知拓展如何把制作的網(wǎng)頁(yè)分享到互聯(lián)網(wǎng) 三、網(wǎng)站發(fā)布網(wǎng)站發(fā)布后，可以讓更多人通過(guò)訪問(wèn)發(fā)布地址瀏覽該網(wǎng)站。 發(fā)布網(wǎng)站是將網(wǎng)站文件夾傳至網(wǎng)頁(yè)服務(wù)器上，完成配置后可發(fā)布瀏覽一般有以下三個(gè)途徑:一是使用免費(fèi)個(gè)人主頁(yè)空間發(fā)布網(wǎng)站，需要進(jìn)行申請(qǐng):二是使用專用服務(wù)器發(fā)布網(wǎng)站;三是使用虛擬主機(jī)服務(wù)器發(fā)布網(wǎng)站。正式發(fā)布到互聯(lián)網(wǎng)上需要域名和IP地址，如圖10-2所示。親身體驗(yàn)嘗試將“人工智能”主題的網(wǎng)站文件夾上傳到網(wǎng)頁(yè)服務(wù)器上發(fā)布，并訪問(wèn)發(fā)布的網(wǎng)站地址，瀏覽網(wǎng)站效果。隨堂練習(xí)用記事本編寫網(wǎng)頁(yè)代碼，保存的文件類型是：探索思考，如何在互聯(lián)網(wǎng)中請(qǐng)一個(gè)網(wǎng)頁(yè)空間來(lái)發(fā)布自己的網(wǎng)站。 新知拓展四 、知識(shí)拓展 1、網(wǎng)絡(luò)發(fā)布違法行為？2、網(wǎng)絡(luò)信息發(fā)布有哪些好處和壞處？3、網(wǎng)絡(luò)信息發(fā)布有哪些運(yùn)用場(chǎng)景 4、如何在網(wǎng)絡(luò)信息發(fā)布中保證自身安全？五、課堂練習(xí)請(qǐng)回答中國(guó)現(xiàn)目前網(wǎng)絡(luò)信息發(fā)布對(duì)于社會(huì)的影響有哪些。六、單元小結(jié)與反思本單元主要介紹了互聯(lián)網(wǎng)應(yīng)用中數(shù)據(jù)的構(gòu)成、數(shù)據(jù)傳輸?shù)脑怼⒕W(wǎng)頁(yè)的數(shù)據(jù)組織(HTML語(yǔ)言)、網(wǎng)頁(yè)的數(shù)據(jù)呈現(xiàn)(CSS樣式)、網(wǎng)頁(yè)的數(shù)據(jù)編碼(表單數(shù)據(jù)的提交與獲取)，以及網(wǎng)頁(yè)的編輯與發(fā)布流程。通過(guò)小組合作完成網(wǎng)頁(yè)制作并發(fā)布的實(shí)踐活動(dòng)，同學(xué)們可以更好地理解互聯(lián)網(wǎng)應(yīng)用中數(shù)據(jù)發(fā)揮的作用。通過(guò)本單元的學(xué)習(xí)，希望同學(xué)們能理解并掌握以下要點(diǎn):(1)互聯(lián)網(wǎng)應(yīng)用中數(shù)據(jù)的構(gòu)成與組織。(2)網(wǎng)絡(luò)蘊(yùn)含豐富的數(shù)字資源，可以支持人們開展數(shù)字化學(xué)習(xí)、貢獻(xiàn)有價(jià)值的數(shù)據(jù)、創(chuàng)作和分享各種數(shù)字作品(3)網(wǎng)絡(luò)中的數(shù)據(jù)傳輸和呈現(xiàn)需要遵循特定的規(guī)則。學(xué)習(xí)完本單元內(nèi)容，請(qǐng)同學(xué)們以小組為單位，選擇一個(gè)有代表性的網(wǎng)站，探討其優(yōu)缺點(diǎn)以及網(wǎng)站背后數(shù)據(jù)組織和呈現(xiàn)的特點(diǎn)，通過(guò)線上或線下方式交流想法。 學(xué)生之間互相討論在我們?nèi)粘Ｉ钪械木W(wǎng)頁(yè)開發(fā)工具的運(yùn)用。動(dòng)手實(shí)踐編寫網(wǎng)頁(yè)學(xué)生以小組形式討論網(wǎng)站發(fā)布的一些步驟和注意事項(xiàng)學(xué)生通過(guò)觀看視頻和自我思考我們生活中網(wǎng)絡(luò)信息發(fā)布的運(yùn)用。學(xué)生查找資料，相互討論對(duì)于本堂課中老師提出的問(wèn)題進(jìn)行解答。學(xué)生回顧本單元學(xué)習(xí)的內(nèi)容，學(xué)生相互討論回憶之前學(xué)習(xí)的內(nèi)容。 幫助學(xué)生積極融入課堂，提高學(xué)生學(xué)習(xí)積極性。提高學(xué)生動(dòng)手實(shí)踐能力和信息素養(yǎng)。 幫助學(xué)生進(jìn)一步理解網(wǎng)站發(fā)布的重要性和注意事項(xiàng)。讓學(xué)生通過(guò)視頻思考，進(jìn)一步加深對(duì)課堂所學(xué)內(nèi)容的理解。 讓學(xué)生鞏固本堂課的內(nèi)容，加深學(xué)生對(duì)所學(xué)知識(shí)的印象。 幫助學(xué)生鞏固理解之前所學(xué)的知識(shí)，幫助學(xué)生回顧之前所學(xué)的知識(shí)。
布置作業(yè) 在父母的陪同下使用一款在線應(yīng)用軟件編寫一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)并在網(wǎng)上發(fā)布。 完成作業(yè) 培養(yǎng)學(xué)生查閱資料的能力，分析解決問(wèn)題的能力
課堂小結(jié) 通過(guò)網(wǎng)頁(yè)的編輯與發(fā)布課程，我們了解了網(wǎng)頁(yè)編輯與發(fā)布已成為一項(xiàng)不可或缺的技能，不僅拓寬了我們的視野，更讓我們掌握了從零到一構(gòu)建和發(fā)布網(wǎng)頁(yè)的全過(guò)程。不僅教會(huì)了我們?nèi)绾尉庉嫼桶l(fā)布網(wǎng)頁(yè)，更重要的是，它讓我們理解了在數(shù)字世界中保持警惕的重要性，以及如何負(fù)責(zé)任地使用這項(xiàng)強(qiáng)大的技術(shù)。我們感到自己已經(jīng)準(zhǔn)備好迎接未來(lái)在網(wǎng)頁(yè)設(shè)計(jì)和開發(fā)領(lǐng)域的任何挑戰(zhàn)。 分組總結(jié)歸納 鍛煉學(xué)生的總結(jié)能力，邏輯思維、語(yǔ)言表達(dá)能力。
板書 一、網(wǎng)頁(yè)開發(fā)工具二、編寫網(wǎng)頁(yè)三、網(wǎng)站發(fā)布 學(xué)習(xí)、記憶及勾畫知識(shí)點(diǎn) 明確教學(xué)內(nèi)容及重點(diǎn)和難點(diǎn)
21世紀(jì)教育網(wǎng) www.21cnjy.com 精品試卷·第 2 頁(yè) （共 2 頁(yè)）
HYPERLINK "http://www.21cnjy.com/" 21世紀(jì)教育網(wǎng)(www.21cnjy.com)

展開更多......

收起↑