第4課__《讓網(wǎng)頁(yè)漂亮起來(lái)》

1、第4課 讓網(wǎng)頁(yè)漂亮起來(lái)一、教學(xué)目標(biāo)：（一）知識(shí)與技能1、能編輯和修飾網(wǎng)頁(yè)中的文字，設(shè)定網(wǎng)頁(yè)中文字的字體、字號(hào)、字型、顏色、對(duì)齊方式等。2、學(xué)會(huì)為網(wǎng)頁(yè)添加圖像背景或設(shè)置網(wǎng)頁(yè)的背景顏色。3、能在網(wǎng)頁(yè)中插入水平線，會(huì)編輯水平線的顏色、對(duì)齊方式等屬性。（二）情感、態(tài)度與價(jià)值觀美的表達(dá)也要同自己的瀏覽對(duì)象進(jìn)行溝通。通過(guò)網(wǎng)頁(yè)中文字、色彩、布局的排列組合，盡可能達(dá)到好的效果。二、教學(xué)內(nèi)容及課時(shí)安排讓網(wǎng)頁(yè)漂亮起來(lái)      1課時(shí)三、教材分析本課教材分三部分內(nèi)容。第一部分：介紹了在網(wǎng)頁(yè)中設(shè)定字體、字號(hào)、字型、顏色、對(duì)齊方式的方法。第二部分：介紹了如何設(shè)置網(wǎng)頁(yè)背

2、景。第三部分：介紹了如何在網(wǎng)頁(yè)中插入水平線，并能設(shè)置其顏色、樣式、對(duì)齊方式等屬性。四、教學(xué)重點(diǎn)和難點(diǎn)：能編輯和修飾網(wǎng)頁(yè)中的文字，會(huì)為網(wǎng)頁(yè)添加背景圖像或設(shè)置背景顏色，使網(wǎng)頁(yè)的背景圖像和顏色合理搭配，網(wǎng)頁(yè)變得更加漂亮。五、教學(xué)過(guò)程：課前先分下組，五列分別是“紅、橙、黃、綠、紫”隊(duì)，選出小組長(zhǎng)。（一）創(chuàng)設(shè)情景，導(dǎo)入目標(biāo)（二）播放MTV懂你（滿文軍）。 提示母親節(jié)就要到了，你有什么打算。老師這兒有小宇同學(xué)做的個(gè)以“母親”為主題的網(wǎng)頁(yè)，我們大家一起來(lái)看一下吧。展示：學(xué)生網(wǎng)頁(yè)。老師對(duì)這個(gè)網(wǎng)頁(yè)稍加修改，大家一起來(lái)看下。展示：改后網(wǎng)頁(yè)。說(shuō)說(shuō)：你更喜歡哪一個(gè)？為什么？生答：第二個(gè)。因?yàn)榈诙€(gè)更漂亮。大家想不想知

3、道老師是如何使網(wǎng)頁(yè)漂亮起來(lái)的？課件出示：現(xiàn)在很多同學(xué)都磨拳擦掌，嗯，老師相信，大家連闖五關(guān)后，一定能做出比老師改的更漂亮的網(wǎng)頁(yè)。那大家抓緊行動(dòng)吧，為小組的榮譽(yù)而戰(zhàn)。（三）任務(wù)驅(qū)動(dòng)，自主探究大家在做闖關(guān)任務(wù)時(shí)，要開(kāi)動(dòng)腦筋、自主探究，當(dāng)然遇到不會(huì)的問(wèn)題你可以請(qǐng)教：課本、身邊的同學(xué)、“導(dǎo)學(xué)小博士”（老師事先做好的自學(xué)課件）。第1關(guān)：讓網(wǎng)頁(yè)的文字更生動(dòng)任務(wù)一：設(shè)置網(wǎng)站“母親”中的文字字體、字號(hào)、字型和顏色。學(xué)生上機(jī)操作，教師巡視指導(dǎo)。學(xué)生上機(jī)示范：找一學(xué)生上機(jī)示范操作過(guò)程并解說(shuō)。教師適當(dāng)表?yè)P(yáng)并小結(jié)，“先選定，再操作”。第關(guān)：設(shè)定文字的對(duì)齊方式教師提示：注意對(duì)齊的合理性，使用好左齊、居中、右齊三種對(duì)齊方

4、式。任務(wù)二：將網(wǎng)站內(nèi)文字設(shè)為：縱向顯示，并且在單元格內(nèi)水平居中。學(xué)生上機(jī)操作，教師巡視指導(dǎo)。學(xué)生上機(jī)示范：找一學(xué)生上機(jī)示范操作并解說(shuō)。教師適當(dāng)表?yè)P(yáng)。小知識(shí) 硬回車：在輸入文字時(shí)，直接按回車鍵的方式。上下行之間的間隔比較大。軟回車：換行時(shí)按 shift鍵不放再按回車鍵，上下行之間的間隔就會(huì)比較小。請(qǐng)同學(xué)們修改下自己的作品。第關(guān)：為網(wǎng)頁(yè)穿上漂亮的衣裳任務(wù)三：給主網(wǎng)頁(yè)添加  淡藍(lán)色  背景色。選擇合適的圖片給分網(wǎng)頁(yè)做背景。第關(guān)：在網(wǎng)頁(yè)上劃分區(qū)域插入水平線任務(wù)四：用水平線來(lái)規(guī)劃網(wǎng)站的網(wǎng)頁(yè)。a、水平線的插入b、設(shè)置水平線屬性拓展練習(xí)：給網(wǎng)頁(yè)加上適當(dāng)?shù)谋尘耙魳?lè)。（一）自由發(fā)揮，展示作品（二）第關(guān)：現(xiàn)在同學(xué)們自由發(fā)揮，使自己的網(wǎng)頁(yè)更漂亮。大約15分鐘后，作品評(píng)價(jià)：先請(qǐng)同學(xué)回答學(xué)生網(wǎng)頁(yè)的優(yōu)點(diǎn)，再找學(xué)生說(shuō)下對(duì)這個(gè)網(wǎng)頁(yè)作品有什么建議？最后請(qǐng)作者說(shuō)下能不能接受同學(xué)的建議。展示23個(gè)學(xué)生作品。當(dāng)然，除了這幾個(gè)同學(xué)的外，老師看到還有很多同學(xué)都做出了漂亮的網(wǎng)頁(yè)。由于時(shí)間限制，我們就不一一展示了。連闖五關(guān)后，每個(gè)小組得到的五星數(shù)目不同，可以評(píng)選出優(yōu)秀小組。學(xué)生鼓掌以示鼓勵(lì)。（四）課堂小結(jié)，溫故知新好，下面請(qǐng)大家組內(nèi)