信息技術(shù)教學(xué)《美化網(wǎng)頁》【通用2篇】
信息技術(shù)教學(xué)《美化網(wǎng)頁》1
教學(xué)目標(biāo)：
1、通過學(xué)習(xí)在網(wǎng)頁中插入圖片、設(shè)置圖片屬性、編輯圖片和添加背景，學(xué)會美化網(wǎng)頁的方法；
2、通過探究學(xué)習(xí)，小組合作，培養(yǎng)學(xué)生動腦、動手能力，合作交流能力；
3、通過學(xué)習(xí)提高學(xué)生的審美能力、自身藝術(shù)修養(yǎng)水平。
教學(xué)重難點：
重點：插入圖片、設(shè)置圖片屬性、編輯圖片和添加網(wǎng)頁背景
難點：合理美化網(wǎng)頁
教學(xué)準(zhǔn)備：
相關(guān)教學(xué)課件、網(wǎng)站、圖片等
教學(xué)過程：
一、作品對比，導(dǎo)入新課
1、展示網(wǎng)頁，引發(fā)興趣：
引言：教師展示未美化的網(wǎng)頁和美化過的網(wǎng)頁，學(xué)生認(rèn)真觀察。
揭題：通過美化的網(wǎng)頁，更吸引我們，那么怎樣美化網(wǎng)頁？揭題（板書：8.美化網(wǎng)頁）
二、回顧舊知，打開網(wǎng)站
展示學(xué)習(xí)要領(lǐng)（板書：一、插入圖片）
三、回顧舊知，打開網(wǎng)站
1．教師演示講解
2、學(xué)生活動：
打開桌面上的.網(wǎng)站
四、引導(dǎo)在網(wǎng)頁中插入圖片
1．回顧：如何在ppt中插入圖片。
2．師生互動交流。
在網(wǎng)頁中插入圖片和ppt中插入圖片的方法非常相似，教師提示插入圖片過程
3．布置任務(wù)：活動一。
4．巡視全班，個別輔導(dǎo)。
5．學(xué)生代表演示，發(fā)現(xiàn)問題。
3．學(xué)生邊復(fù)述過程教師邊出示板書。
定位光標(biāo)—插入—圖片—來自文件
五、設(shè)置圖片屬性
1．教師展示未排版過的網(wǎng)頁，討論交流，說明光插入網(wǎng)頁還不夠，還要對圖片進行設(shè)置。（板書：二、設(shè)置圖片）
2．教師演示設(shè)置圖片方法。
同學(xué)們邊復(fù)述操作方法教師邊出示板書
鼠標(biāo)右擊圖片—圖片屬性—外觀
3．學(xué)生動手設(shè)置圖片。
做一做：活動二
4．巡視全班，個別輔導(dǎo)。
引導(dǎo)學(xué)生在探究過程中，要細(xì)心觀察圖片屬性對話框中各選項設(shè)置，如保持縱橫比。
六、編輯圖片
1．提問：只要圖片的文字或者畫的部分，可以做到嗎？那就要編輯圖片。（板書：三、編輯圖片）
2．教師演示編輯圖片步驟，出示板書。
鼠標(biāo)右擊圖片—顯示圖片工具欄
3．學(xué)生動手編輯圖片。
4．巡視全班，個別輔導(dǎo)。
引導(dǎo)學(xué)生編輯圖片除了“裁剪”功能，還有其他編輯圖片的的功能，如調(diào)整圖片的明亮度等
七、添加網(wǎng)頁背景
1．展示美化過的網(wǎng)頁。
思考：除了有圖片的美化，還有什么特別之處？
2．請學(xué)生參考書本P47，嘗試添加背景。（板書：四、添加背景）
3．學(xué)生演示添加背景方法，出示板書。
文件—屬性—格式
八、作品展示，教學(xué)評價。
1、學(xué)生互評：比一比,哪位同學(xué)的網(wǎng)頁更美觀。
2、教師鼓勵、評點。
九、提交作業(yè)
保存網(wǎng)頁，提交作業(yè)。
十、課堂總結(jié)
信息技術(shù)教學(xué)《美化網(wǎng)頁》2
（一）導(dǎo)入
師：同學(xué)們，前面我們已經(jīng)學(xué)習(xí)了如何“建立網(wǎng)頁”，今天，老師借助網(wǎng)頁的形式介紹下老師的愛好，大家請看，這是第1個網(wǎng)頁，這是第2個，你們更喜歡哪個網(wǎng)頁呀？
生：xxxx
師：嗯，這個，是的，這個網(wǎng)頁有了圖片的美化與修飾，使整個頁面更生動，而且更吸引我們的眼球，那么美化網(wǎng)頁該怎么做呢？今天我們走進第8課《美化網(wǎng)頁》的學(xué)習(xí)。
師：請同學(xué)們齊讀課題第8課開始。
生：齊讀課題。（板書課題）
過渡：那么，要學(xué)會哪些本領(lǐng)，才能美化網(wǎng)頁呢？請同學(xué)們快速瀏覽。（展示“學(xué)習(xí)要領(lǐng)”）
（二）新授
1、回顧
過渡：好，讓我們看看如何在網(wǎng)頁中插入圖片（板書：插入圖片），那么，我們還得先利用FrontPage這個軟件，建立或者打開已經(jīng)建立好的網(wǎng)站，如何打開已經(jīng)建立好的網(wǎng)站呢？
師：老師這兒，給大家一些溫馨提示，請看。（展示“回顧”）
師：老師，已經(jīng)在同學(xué)們的桌面上建立好了一個名為“班級姓名美化網(wǎng)頁”的網(wǎng)站，而且里邊有兩個網(wǎng)頁：“wodeaihao.htm”、“aizhuochongdewo.htm”和一些圖片。
師：誰愿意幫老師利用FrontPage軟件打開這個網(wǎng)站？
生：xxxx
師：非常感謝你的幫忙。
2、插入圖片
過渡：接下來，請同學(xué)們修改你們自己桌面上的網(wǎng)站名稱，把“班級+姓名”替換了，在打開網(wǎng)站之后，以同桌為一小組，學(xué)習(xí)44~45頁，給“wodeaihao.htm”網(wǎng)頁插入合理的圖片（活動一）。
生：xxxx
師：巡視，收集問題。
【同學(xué)們，在網(wǎng)頁中插入圖片，和上學(xué)期學(xué)過的在ppt中插入圖片是不是很類似呀？邊做邊保存網(wǎng)頁，按F12瀏覽網(wǎng)頁】
過渡：好，同學(xué)們請停下來，不要緊，沒做完的待會還有機會再操作。
師：誰愿意和我們分享下你的操作方法？
生：xxxx
師：直接就單擊“插入”嗎？把圖片添加到網(wǎng)頁哪個位置，要不要先確定？
生：xxxx
師：然后呢？老師把你說的步驟展示出來。（特別提醒：①定位光標(biāo)）
過渡：好了，同學(xué)們，你們看這圖片和文字的位置能不能更合理些，網(wǎng)頁更美觀些呢？
生：xxxx
師：那么我們就要對圖片的`屬性進行設(shè)置（板書：設(shè)置圖片屬性），現(xiàn)在，請同學(xué)們認(rèn)真看老師的演示哦！
師：（演示+講解）“雙擊圖片”——>“圖片屬性”——>“外觀”
師：誰看清了老師的操作過程，和我們說一說。
生：xxxx（邊說邊出示“設(shè)置圖片屬性”步驟）
師：好，請坐。
師：接下來，考一考大家（活動二），請按照自己喜歡的排版方式，對圖片的屬性進行設(shè)置。開始吧！（往下展示“設(shè)置圖片屬性”步驟頁面）
師：巡視。
【設(shè)置好的同學(xué)，可以參照書本46~47頁的第⑥點和第⑦點，試試，你發(fā)現(xiàn)了什么？】（活動三）
展示學(xué)生作品
師：都停下來，請往上看，我們看看這位同學(xué)的作品。（控制學(xué)生機）
師：（生生評價和師生評價）整個頁面圖片布局合理，文字與文字的距離恰好，看上去很舒服。咱們再看這位同學(xué)，整體還行，但是如果能xxx就更好了。
3、以上設(shè)置圖片屬性（拓展：設(shè)置圖片屬性的“常規(guī)”選項，即活動三。）
4、編輯圖片
過渡：同學(xué)們，咱們已經(jīng)學(xué)會了添加圖片，設(shè)置圖片屬性，那如果老師只要張圖片這一區(qū)域，我們應(yīng)該怎么辦呢？
師：對了，對圖片進行編輯（板書：編輯圖片）。
師：（邊演示+講解）比如，對這張圖片進行裁剪，首先“選中圖片”——>單擊鼠標(biāo)右鍵——>“顯示圖片工具欄”——>“裁剪”——>調(diào)整裁剪范圍，除了裁剪，還有很多對圖片進行編輯的功能。
師：現(xiàn)在，請同學(xué)們按照老師給出的提示（課件展示“編輯插入的圖片”），自己試一試。
4、以上編輯圖片
5、設(shè)置網(wǎng)頁背景
過渡：同學(xué)們，請看大屏幕，編輯圖片還有很多值得我們探索，課后同學(xué)們再繼續(xù)，大家再看老師的這張網(wǎng)頁，除了圖片，還有什么特別之處呢？
生：xxxx
師：是啊，還有背景呢！
師：那請同學(xué)們參考47頁，按照書本介紹的方法，為自己的網(wǎng)頁添加個背景吧。ppt展示設(shè)置背景步驟。（板書：設(shè)置背景）
師：設(shè)置完背景的同學(xué)，嘗試以上兩個操作。（展示“創(chuàng)新活動”）
5、以上設(shè)置網(wǎng)頁背景
（三）總結(jié)
師：這節(jié)課，大家都學(xué)會了哪些美化網(wǎng)頁的本領(lǐng)呀？
生：xxxx貼板書步驟。
師：美化網(wǎng)頁除了添加圖片，還有很多很多其他的方式，下節(jié)課我們再繼續(xù)探索。
【信息技術(shù)教學(xué)《美化網(wǎng)頁》】相關(guān)文章：
信息技術(shù)教學(xué)《美化網(wǎng)頁》07-27
五年級信息技術(shù)《美化網(wǎng)頁》教學(xué)實錄07-28
網(wǎng)頁制作教學(xué)計劃06-08
網(wǎng)頁制作教學(xué)設(shè)計7篇11-27
網(wǎng)頁制作教學(xué)設(shè)計(7篇)11-28
網(wǎng)頁制作教學(xué)設(shè)計(精選7篇)12-01
信息技術(shù)教學(xué)08-04