資訊科技教學《美化網頁》【通用2篇】
資訊科技教學《美化網頁》1
教學目標:
1、通過學習在網頁中插入圖片、設定圖片屬性、編輯圖片和新增背景,學會美化網頁的方法;
2、通過探究學習,小組合作,培養學生動腦、動手能力,合作交流能力;
3、通過學習提高學生的審美能力、自身藝術修養水平。
教學重難點:
重點:插入圖片、設定圖片屬性、編輯圖片和新增網頁背景
難點:合理美化網頁
教學準備:
相關教學課件、網站、圖片等
教學過程:
一、作品對比,匯入新課
1、展示網頁,引發興趣:
引言:教師展示未美化的網頁和美化過的網頁,學生認真觀察。
揭題:通過美化的網頁,更吸引我們,那麼怎樣美化網頁?揭題(板書:8.美化網頁)
二、回顧舊知,開啟網站
展示學習要領(板書:一、插入圖片)
三、回顧舊知,開啟網站
1.教師演示講解
2、學生活動:
開啟桌面上的.網站
四、引導在網頁中插入圖片
1.回顧:如何在ppt中插入圖片。
2.師生互動交流。
在網頁中插入圖片和ppt中插入圖片的方法非常相似,教師提示插入圖片過程
3.佈置任務:活動一。
4.巡視全班,個別輔導。
5.學生代表演示,發現問題。
3.學生邊複述過程教師邊出示板書。
定位游標—插入—圖片—來自檔案
五、設定圖片屬性
1.教師展示未排版過的網頁,討論交流,說明光插入網頁還不夠,還要對圖片進行設定。(板書:二、設定圖片)
2.教師演示設定圖片方法。
同學們邊複述操作方法教師邊出示板書
滑鼠右擊圖片—圖片屬性—外觀
3.學生動手設定圖片。
做一做:活動二
4.巡視全班,個別輔導。
引導學生在探究過程中,要細心觀察圖片屬性對話方塊中各選項設定,如保持縱橫比。
六、編輯圖片
1.提問:只要圖片的文字或者畫的部分,可以做到嗎?那就要編輯圖片。(板書:三、編輯圖片)
2.教師演示編輯圖片步驟,出示板書。
滑鼠右擊圖片—顯示圖片工具欄
3.學生動手編輯圖片。
4.巡視全班,個別輔導。
引導學生編輯圖片除了“裁剪”功能,還有其他編輯圖片的的功能,如調整圖片的明亮度等
七、新增網頁背景
1.展示美化過的網頁。
思考:除了有圖片的美化,還有什麼特別之處?
2.請學生參考書本P47,嘗試新增背景。(板書:四、新增背景)
3.學生演示新增背景方法,出示板書。
檔案—屬性—格式
八、作品展示,教學評價。
1、學生互評:比一比,哪位同學的網頁更美觀。
2、教師鼓勵、評點。
九、提交作業
儲存網頁,提交作業。
十、課堂總結
資訊科技教學《美化網頁》2
(一)匯入
師:同學們,前面我們已經學習瞭如何“建立網頁”,今天,老師藉助網頁的形式介紹下老師的愛好,大家請看,這是第1個網頁,這是第2個,你們更喜歡哪個網頁呀?
生:xxxx
師:嗯,這個,是的,這個網頁有了圖片的美化與修飾,使整個頁面更生動,而且更吸引我們的眼球,那麼美化網頁該怎麼做呢?今天我們走進第8課《美化網頁》的學習。
師:請同學們齊讀課題第8課開始。
生:齊讀課題。(板書課題)
過渡:那麼,要學會哪些本領,才能美化網頁呢?請同學們快速瀏覽。(展示“學習要領”)
(二)新授
1、回顧
過渡:好,讓我們看看如何在網頁中插入圖片(板書:插入圖片),那麼,我們還得先利用FrontPage這個軟體,建立或者開啟已經建立好的網站,如何開啟已經建立好的網站呢?
師:老師這兒,給大家一些溫馨提示,請看。(展示“回顧”)
師:老師,已經在同學們的桌面上建立好了一個名為“班級姓名美化網頁”的網站,而且裡邊有兩個網頁:“wodeaihao.htm”、“aizhuochongdewo.htm”和一些圖片。
師:誰願意幫老師利用FrontPage軟體開啟這個網站?
生:xxxx
師:非常感謝你的幫忙。
2、插入圖片
過渡:接下來,請同學們修改你們自己桌面上的網站名稱,把“班級+姓名”替換了,在開啟網站之後,以同桌為一小組,學習44~45頁,給“wodeaihao.htm”網頁插入合理的圖片(活動一)。
生:xxxx
師:巡視,收集問題。
【同學們,在網頁中插入圖片,和上學期學過的在ppt中插入圖片是不是很類似呀?邊做邊儲存網頁,按F12瀏覽網頁】
過渡:好,同學們請停下來,不要緊,沒做完的待會還有機會再操作。
師:誰願意和我們分享下你的操作方法?
生:xxxx
師:直接就單擊“插入”嗎?把圖片新增到網頁哪個位置,要不要先確定?
生:xxxx
師:然後呢?老師把你說的步驟展示出來。(特別提醒:①定位游標)
過渡:好了,同學們,你們看這圖片和文字的位置能不能更合理些,網頁更美觀些呢?
生:xxxx
師:那麼我們就要對圖片的`屬性進行設定(板書:設定圖片屬性),現在,請同學們認真看老師的演示哦!
師:(演示+講解)“雙擊圖片”——>“圖片屬性”——>“外觀”
師:誰看清了老師的操作過程,和我們說一說。
生:xxxx(邊說邊出示“設定圖片屬性”步驟)
師:好,請坐。
師:接下來,考一考大家(活動二),請按照自己喜歡的排版方式,對圖片的屬性進行設定。開始吧!(往下展示“設定圖片屬性”步驟頁面)
師:巡視。
【設定好的同學,可以參照書本46~47頁的第⑥點和第⑦點,試試,你發現了什麼?】(活動三)
展示學生作品
師:都停下來,請往上看,我們看看這位同學的作品。(控制學生機)
師:(生生評價和師生評價)整個頁面圖片佈局合理,文字與文字的距離恰好,看上去很舒服。咱們再看這位同學,整體還行,但是如果能xxx就更好了。
3、以上設定圖片屬性(拓展:設定圖片屬性的“常規”選項,即活動三。)
4、編輯圖片
過渡:同學們,咱們已經學會了新增圖片,設定圖片屬性,那如果老師只要張圖片這一區域,我們應該怎麼辦呢?
師:對了,對圖片進行編輯(板書:編輯圖片)。
師:(邊演示+講解)比如,對這張圖片進行裁剪,首先“選中圖片”——>單擊滑鼠右鍵——>“顯示圖片工具欄”——>“裁剪”——>調整裁剪範圍,除了裁剪,還有很多對圖片進行編輯的功能。
師:現在,請同學們按照老師給出的提示(課件展示“編輯插入的圖片”),自己試一試。
4、以上編輯圖片
5、設定網頁背景
過渡:同學們,請看大螢幕,編輯圖片還有很多值得我們探索,課後同學們再繼續,大家再看老師的這張網頁,除了圖片,還有什麼特別之處呢?
生:xxxx
師:是啊,還有背景呢!
師:那請同學們參考47頁,按照書本介紹的方法,為自己的網頁添加個背景吧。ppt展示設定背景步驟。(板書:設定背景)
師:設定完背景的同學,嘗試以上兩個操作。(展示“創新活動”)
5、以上設定網頁背景
(三)總結
師:這節課,大家都學會了哪些美化網頁的本領呀?
生:xxxx貼板書步驟。
師:美化網頁除了新增圖片,還有很多很多其他的方式,下節課我們再繼續探索。
-
資訊科技課堂反思(優)
在快速變化和不斷變革的今天,課堂教學是我們的任務之一,反思過往之事,活在當下之時。我們該怎麼去寫反思呢?下面是小編整理的資訊科技課堂反思,僅供參考,歡迎大家閱讀。資訊科技課堂反思1作為一名資訊科技教師,面對這門實踐性和應用性都極強的學科,面對課上學生參差不...
-
個人資訊科技應用能力提升研修計劃13篇【薦】
時間過得太快,讓人猝不及防,前方等待著我們的是新的機遇和挑戰,現在就讓我們制定一份計劃,好好地規劃一下吧。好的計劃都具備一些什麼特點呢?下面是小編為大家收集的個人資訊科技應用能力提升研修計劃,希望對大家有所幫助。個人資訊科技應用能力提升研修計劃1一、自...
-
資訊科技課堂反思錦集[15篇]
隨著社會不斷地進步,課堂教學是重要的任務之一,所謂反思就是能夠迅速從一個場景和事態中抽身出來,看自己在前一個場景和事態中自己的表現。反思應該怎麼寫才好呢?以下是小編收集整理的資訊科技課堂反思,歡迎大家分享。資訊科技課堂反思11.在品讀《揠苗助長》表現農...
-
資訊科技課後反思(優選3篇)
在辦理事務和工作生活中,教學是重要的任務之一,反思自己,必須要讓自己抽身出來看事件或者場景,看一段歷程當中的自己。反思應該怎麼寫才好呢?以下是小編收集整理的資訊科技課後反思,僅供參考,歡迎大家閱讀。資訊科技課後反思1本週學習的內容是對WINDOWS98的視窗進行學...