資源簡介

中小學(xué)教育資源及組卷應(yīng)用平臺
七年級上冊信息科技教學(xué)設(shè)計
課題 第十八課美化網(wǎng)頁方法多 單元 四單元 學(xué)科 信息科技 七年級 第一冊
學(xué)習(xí)目標(biāo) 1. 知道用HTML代碼簡單美化網(wǎng)頁的操作方法。2. 知道串聯(lián)樣式表的作用，初步學(xué)會用它美化網(wǎng)頁。3. 能根據(jù)需求，分析不同方法的特點并合理選擇，提高解決問題的效率。
重點 美化網(wǎng)頁的操作方法
難點 分析不同方法的特點并合理選擇美化網(wǎng)頁的方法
教學(xué)過程
教學(xué)環(huán)節(jié) 教師活動 學(xué)生活動 設(shè)計意圖
一、教學(xué)目標(biāo) 通過本章節(jié)的學(xué)習(xí)，你應(yīng)該掌握以下內(nèi)容：1. 知道用HTML代碼簡單美化網(wǎng)頁的操作方法。2. 知道串聯(lián)樣式表的作用，初步學(xué)會用它美化網(wǎng)頁。3. 能根據(jù)需求，分析不同方法的特點并合理選擇，提高解決問題的效率。 傾聽老師開篇介紹 本課程的教學(xué)目標(biāo)知道用HTML代碼簡單美化網(wǎng)頁的操作方法，能根據(jù)需求，分析不同方法的特點并合理選擇，提高解決問題的效率
二、新課導(dǎo)入 上一課，我們編寫了簡單的介紹科技節(jié)某個項目的網(wǎng)頁，這好似用HTML語言搭建好了“新房屋”的結(jié)構(gòu)，接下來要想辦法對“新房屋”進(jìn)行裝修美化。本課將介紹如何用HTML代碼和CSS（cascading style sheets，串聯(lián)樣式表）美化網(wǎng)頁。 本課將通過一系列實驗，回顧、提升相關(guān)的認(rèn)識。 激發(fā)學(xué)生興趣并快速進(jìn)入學(xué)習(xí)狀態(tài)
三、新課講解 18.1 用HTML代碼美化網(wǎng)頁用HTML語言編寫網(wǎng)頁時，通過簡單的標(biāo)簽代碼，可以設(shè)定網(wǎng)頁的文字大小、背景顏色等（圖18.1）。18.2 用CSS美化網(wǎng)頁用HTML代碼進(jìn)行美化，操作非常煩瑣，美化效果也很有限。在實際應(yīng)用中，人們經(jīng)常用CSS來美化網(wǎng)頁。如果將HTML代碼比作建造房屋的“建筑師”，那么CSS就是裝修房屋的“裝潢設(shè)計師”（圖18.2）。CSS可以描述網(wǎng)頁等文檔的外觀和格式，控制某類HTML標(biāo)簽內(nèi)容的顏色、字體、寬度、高度等 學(xué)生通過傾聽老師授課及自由討論。 通過小組合作，加強(qiáng)學(xué)生組內(nèi)團(tuán)結(jié)、共同完成任務(wù)
四、課堂練習(xí) 課程練習(xí)書本上的內(nèi)容1. 打開上一課完成的介紹科技節(jié)某個項目的網(wǎng)頁，使用HTML標(biāo)簽及屬性對網(wǎng)頁進(jìn)行美化，如設(shè)置網(wǎng)頁背景、設(shè)置字號、設(shè)置字體等，交流討論：這種方式是否便捷？美化效果好不好？ 嘗試用CSS設(shè)計美化網(wǎng)頁 通過課堂的上的隨機(jī)提問，抽取學(xué)生回答，引導(dǎo)學(xué)生練習(xí)開展習(xí)題。 通過課堂的講解，引導(dǎo)學(xué)生本人通過思考，獨立完成書本上的習(xí)題
五、課堂總結(jié) 請同學(xué)們對照本章的學(xué)習(xí)目標(biāo)進(jìn)行總結(jié)，看看自己掌握了那些知識。 以小組為單位，對本單元的學(xué)習(xí)情況和項目情況，進(jìn)行總結(jié)歸納。 通過學(xué)生操作運美化網(wǎng)頁，引導(dǎo)學(xué)生獨立對所學(xué)的課程進(jìn)行歸納總結(jié)。梳理前面學(xué)習(xí)的相關(guān)的知識，為后續(xù)的學(xué)習(xí)做好準(zhǔn)備。
六、作業(yè)布置 作業(yè)布置 1. 怎樣用 HTML代碼美化網(wǎng)頁？2. 怎樣用 CSS 美化網(wǎng)頁？ 以小組為單位，討論怎樣用 HTML代碼美化網(wǎng)頁？怎樣用 CSS 美化網(wǎng)頁？ 通過實踐的方式，加深對所學(xué)知識的理解和應(yīng)用。
21世紀(jì)教育網(wǎng) www.21cnjy.com 精品試卷·第 2 頁 （共 2 頁）
HYPERLINK "http://www.21cnjy.com/" 21世紀(jì)教育網(wǎng)(www.21cnjy.com)

展開更多......

收起↑