信息技術(shù)教學(xué)《美化網(wǎng)頁(yè)》【通用2篇】

信息技術(shù)教學(xué)《美化網(wǎng)頁(yè)》1

　　教學(xué)目標(biāo)：

　　1、通過(guò)學(xué)習(xí)在網(wǎng)頁(yè)中插入圖片、設(shè)置圖片屬性、編輯圖片和添加背景，學(xué)會(huì)美化網(wǎng)頁(yè)的方法；

　　2、通過(guò)探究學(xué)習(xí)，小組合作，培養(yǎng)學(xué)生動(dòng)腦、動(dòng)手能力，合作交流能力；

　　3、通過(guò)學(xué)習(xí)提高學(xué)生的審美能力、自身藝術(shù)修養(yǎng)水平。

　　教學(xué)重難點(diǎn)：

　　重點(diǎn)：插入圖片、設(shè)置圖片屬性、編輯圖片和添加網(wǎng)頁(yè)背景

　　難點(diǎn)：合理美化網(wǎng)頁(yè)

　　教學(xué)準(zhǔn)備：

　　相關(guān)教學(xué)課件、網(wǎng)站、圖片等

　　教學(xué)過(guò)程：

　　一、作品對(duì)比，導(dǎo)入新課

　　1、展示網(wǎng)頁(yè)，引發(fā)興趣：

　　引言：教師展示未美化的網(wǎng)頁(yè)和美化過(guò)的網(wǎng)頁(yè)，學(xué)生認(rèn)真觀察。

　　揭題：通過(guò)美化的網(wǎng)頁(yè)，更吸引我們，那么怎樣美化網(wǎng)頁(yè)？揭題（板書(shū)：8.美化網(wǎng)頁(yè)）

　　二、回顧舊知，打開(kāi)網(wǎng)站

　　展示學(xué)習(xí)要領(lǐng)（板書(shū)：一、插入圖片）

　　三、回顧舊知，打開(kāi)網(wǎng)站

　　1．教師演示講解

　　2、學(xué)生活動(dòng)：

　　打開(kāi)桌面上的.網(wǎng)站

　　四、引導(dǎo)在網(wǎng)頁(yè)中插入圖片

　　1．回顧：如何在ppt中插入圖片。

　　2．師生互動(dòng)交流。

　　在網(wǎng)頁(yè)中插入圖片和ppt中插入圖片的方法非常相似，教師提示插入圖片過(guò)程

　　3．布置任務(wù)：活動(dòng)一。

　　4．巡視全班，個(gè)別輔導(dǎo)。

　　5．學(xué)生代表演示，發(fā)現(xiàn)問(wèn)題。

　　3．學(xué)生邊復(fù)述過(guò)程教師邊出示板書(shū)。

　　定位光標(biāo)—插入—圖片—來(lái)自文件

　　五、設(shè)置圖片屬性

　　1．教師展示未排版過(guò)的網(wǎng)頁(yè)，討論交流，說(shuō)明光插入網(wǎng)頁(yè)還不夠，還要對(duì)圖片進(jìn)行設(shè)置。（板書(shū)：二、設(shè)置圖片）

　　2．教師演示設(shè)置圖片方法。

　　同學(xué)們邊復(fù)述操作方法教師邊出示板書(shū)

　　鼠標(biāo)右擊圖片—圖片屬性—外觀

　　3．學(xué)生動(dòng)手設(shè)置圖片。

　　做一做：活動(dòng)二

　　4．巡視全班，個(gè)別輔導(dǎo)。

　　引導(dǎo)學(xué)生在探究過(guò)程中，要細(xì)心觀察圖片屬性對(duì)話(huà)框中各選項(xiàng)設(shè)置，如保持縱橫比。

　　六、編輯圖片

　　1．提問(wèn)：只要圖片的文字或者畫(huà)的部分，可以做到嗎？那就要編輯圖片。（板書(shū)：三、編輯圖片）

　　2．教師演示編輯圖片步驟，出示板書(shū)。

　　鼠標(biāo)右擊圖片—顯示圖片工具欄

　　3．學(xué)生動(dòng)手編輯圖片。

　　4．巡視全班，個(gè)別輔導(dǎo)。

　　引導(dǎo)學(xué)生編輯圖片除了“裁剪”功能，還有其他編輯圖片的的功能，如調(diào)整圖片的明亮度等

　　七、添加網(wǎng)頁(yè)背景

　　1．展示美化過(guò)的網(wǎng)頁(yè)。

　　思考：除了有圖片的美化，還有什么特別之處？

　　2．請(qǐng)學(xué)生參考書(shū)本P47，嘗試添加背景。（板書(shū)：四、添加背景）

　　3．學(xué)生演示添加背景方法，出示板書(shū)。

　　文件—屬性—格式

　　八、作品展示，教學(xué)評(píng)價(jià)。

　　1、學(xué)生互評(píng)：比一比,哪位同學(xué)的網(wǎng)頁(yè)更美觀。

　　2、教師鼓勵(lì)、評(píng)點(diǎn)。

　　九、提交作業(yè)

　　保存網(wǎng)頁(yè)，提交作業(yè)。

　　十、課堂總結(jié)

信息技術(shù)教學(xué)《美化網(wǎng)頁(yè)》2

　　（一）導(dǎo)入

　　師：同學(xué)們，前面我們已經(jīng)學(xué)習(xí)了如何“建立網(wǎng)頁(yè)”，今天，老師借助網(wǎng)頁(yè)的形式介紹下老師的愛(ài)好，大家請(qǐng)看，這是第1個(gè)網(wǎng)頁(yè)，這是第2個(gè)，你們更喜歡哪個(gè)網(wǎng)頁(yè)呀？

　　生：xxxx

　　師：嗯，這個(gè)，是的，這個(gè)網(wǎng)頁(yè)有了圖片的美化與修飾，使整個(gè)頁(yè)面更生動(dòng)，而且更吸引我們的眼球，那么美化網(wǎng)頁(yè)該怎么做呢？今天我們走進(jìn)第8課《美化網(wǎng)頁(yè)》的學(xué)習(xí)。

　　師：請(qǐng)同學(xué)們齊讀課題第8課開(kāi)始。

　　生：齊讀課題。（板書(shū)課題）

　　過(guò)渡：那么，要學(xué)會(huì)哪些本領(lǐng)，才能美化網(wǎng)頁(yè)呢？請(qǐng)同學(xué)們快速瀏覽。（展示“學(xué)習(xí)要領(lǐng)”）

　�。ǘ�）新授

　　1、回顧

　　過(guò)渡：好，讓我們看看如何在網(wǎng)頁(yè)中插入圖片（板書(shū)：插入圖片），那么，我們還得先利用FrontPage這個(gè)軟件，建立或者打開(kāi)已經(jīng)建立好的網(wǎng)站，如何打開(kāi)已經(jīng)建立好的網(wǎng)站呢？

　　師：老師這兒，給大家一些溫馨提示，請(qǐng)看。（展示“回顧”）

　　師：老師，已經(jīng)在同學(xué)們的桌面上建立好了一個(gè)名為“班級(jí)姓名美化網(wǎng)頁(yè)”的網(wǎng)站，而且里邊有兩個(gè)網(wǎng)頁(yè)：“wodeaihao.htm”、“aizhuochongdewo.htm”和一些圖片。

　　師：誰(shuí)愿意幫老師利用FrontPage軟件打開(kāi)這個(gè)網(wǎng)站？

　　生：xxxx

　　師：非常感謝你的幫忙。

　　2、插入圖片

　　過(guò)渡：接下來(lái)，請(qǐng)同學(xué)們修改你們自己桌面上的網(wǎng)站名稱(chēng)，把“班級(jí)+姓名”替換了，在打開(kāi)網(wǎng)站之后，以同桌為一小組，學(xué)習(xí)44~45頁(yè)，給“wodeaihao.htm”網(wǎng)頁(yè)插入合理的圖片（活動(dòng)一）。

　　生：xxxx

　　師：巡視，收集問(wèn)題。

　　【同學(xué)們，在網(wǎng)頁(yè)中插入圖片，和上學(xué)期學(xué)過(guò)的在ppt中插入圖片是不是很類(lèi)似呀？邊做邊保存網(wǎng)頁(yè)，按F12瀏覽網(wǎng)頁(yè)】

　　過(guò)渡：好，同學(xué)們請(qǐng)停下來(lái)，不要緊，沒(méi)做完的待會(huì)還有機(jī)會(huì)再操作。

　　師：誰(shuí)愿意和我們分享下你的操作方法？

　　生：xxxx

　　師：直接就單擊“插入”嗎？把圖片添加到網(wǎng)頁(yè)哪個(gè)位置，要不要先確定？

　　生：xxxx

　　師：然后呢？老師把你說(shuō)的步驟展示出來(lái)。（特別提醒：①定位光標(biāo)）

　　過(guò)渡：好了，同學(xué)們，你們看這圖片和文字的位置能不能更合理些，網(wǎng)頁(yè)更美觀些呢？

　　生：xxxx

　　師：那么我們就要對(duì)圖片的`屬性進(jìn)行設(shè)置（板書(shū)：設(shè)置圖片屬性），現(xiàn)在，請(qǐng)同學(xué)們認(rèn)真看老師的演示哦！

　　師：（演示+講解）“雙擊圖片”——>“圖片屬性”——>“外觀”

　　師：誰(shuí)看清了老師的操作過(guò)程，和我們說(shuō)一說(shuō)。

　　生：xxxx（邊說(shuō)邊出示“設(shè)置圖片屬性”步驟）

　　師：好，請(qǐng)坐。

　　師：接下來(lái)，考一考大家（活動(dòng)二），請(qǐng)按照自己喜歡的排版方式，對(duì)圖片的屬性進(jìn)行設(shè)置。開(kāi)始吧�。ㄍ�下展示“設(shè)置圖片屬性”步驟頁(yè)面）

　　師：巡視。

　　【設(shè)置好的同學(xué)，可以參照書(shū)本46~47頁(yè)的第⑥點(diǎn)和第⑦點(diǎn)，試試，你發(fā)現(xiàn)了什么？】（活動(dòng)三）

　　展示學(xué)生作品

　　師：都停下來(lái)，請(qǐng)往上看，我們看看這位同學(xué)的作品。（控制學(xué)生機(jī)）

　　師：（生生評(píng)價(jià)和師生評(píng)價(jià)）整個(gè)頁(yè)面圖片布局合理，文字與文字的距離恰好，看上去很舒服。咱們?cè)倏催@位同學(xué)，整體還行，但是如果能xxx就更好了。

　　3、以上設(shè)置圖片屬性（拓展：設(shè)置圖片屬性的“常規(guī)”選項(xiàng)，即活動(dòng)三。）

　　4、編輯圖片

　　過(guò)渡：同學(xué)們，咱們已經(jīng)學(xué)會(huì)了添加圖片，設(shè)置圖片屬性，那如果老師只要張圖片這一區(qū)域，我們應(yīng)該怎么辦呢？

　　師：對(duì)了，對(duì)圖片進(jìn)行編輯（板書(shū)：編輯圖片）。

　　師：（邊演示+講解）比如，對(duì)這張圖片進(jìn)行裁剪，首先“選中圖片”——>單擊鼠標(biāo)右鍵——>“顯示圖片工具欄”——>“裁剪”——>調(diào)整裁剪范圍，除了裁剪，還有很多對(duì)圖片進(jìn)行編輯的功能。

　　師：現(xiàn)在，請(qǐng)同學(xué)們按照老師給出的提示（課件展示“編輯插入的圖片”），自己試一試。

　　4、以上編輯圖片

　　5、設(shè)置網(wǎng)頁(yè)背景

　　過(guò)渡：同學(xué)們，請(qǐng)看大屏幕，編輯圖片還有很多值得我們探索，課后同學(xué)們?cè)倮^續(xù)，大家再看老師的這張網(wǎng)頁(yè)，除了圖片，還有什么特別之處呢？

　　生：xxxx

　　師：是啊，還有背景呢！

　　師：那請(qǐng)同學(xué)們參考47頁(yè)，按照書(shū)本介紹的方法，為自己的網(wǎng)頁(yè)添加個(gè)背景吧。ppt展示設(shè)置背景步驟。（板書(shū)：設(shè)置背景）

　　師：設(shè)置完背景的同學(xué)，嘗試以上兩個(gè)操作。（展示“創(chuàng)新活動(dòng)”）

　　5、以上設(shè)置網(wǎng)頁(yè)背景

　�。ㄈ�）總結(jié)

　　師：這節(jié)課，大家都學(xué)會(huì)了哪些美化網(wǎng)頁(yè)的本領(lǐng)呀？

　　生：xxxx貼板書(shū)步驟。

　　師：美化網(wǎng)頁(yè)除了添加圖片，還有很多很多其他的方式，下節(jié)課我們?cè)倮^續(xù)探索。

【信息技術(shù)教學(xué)《美化網(wǎng)頁(yè)》】相關(guān)文章：

信息技術(shù)教學(xué)《美化網(wǎng)頁(yè)》07-27

五年級(jí)信息技術(shù)《美化網(wǎng)頁(yè)》教學(xué)實(shí)錄07-28

網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)07-28

制作網(wǎng)頁(yè)教學(xué)設(shè)計(jì)04-20

網(wǎng)頁(yè)制作教學(xué)計(jì)劃06-08

網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)7篇11-27

網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)(7篇)11-28

網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)(精選7篇)12-01

信息技術(shù)教學(xué)08-04