一、教學目標
1.會在網頁中添加水平線,會設置水平線的樣式。
2.通過觀察、思考以及實際操作,將新舊知識聯系起來,提高動手操作能力。
3.通過對網頁的美化設置,提高審美情趣,提升信息素養,從而形成新的審美觀。
二、教學重難點
【重點】插入水平線,設置水平線的樣式。
【難點】根據實際情況靈活設計水平線的樣式
三、教學過程
(一)導入新課
教師展示兩個網站作品,一種是已經制作的“珍愛生命”網站的首頁,另一種是教師插入水平線并設置了水平線樣式的網站,請同學觀察兩個網站有什么不一樣,哪一種更好。
學生回答:第二個網站添加了一條線,標題和正文的內容都區分開了,很美觀。教師繼續引導提問:教師根據學生的回答繼續提出:這條線叫水平線,可以將標題和正文區分的更清楚,那么大家想不想學習如何在網站中添加水平線呢。
——引入新課——我的網頁我裝扮。
(二)新課講授
任務一:為網頁添加水平線
教師布置學習任務,引導學生根據之前在Word中打開文件的方式打開制作的“珍愛生命”的網頁文件。對于打開最快的同學給予表揚。
學生都打開之后,教師繼續進行引導,要想插入水平線,我們可以從哪個菜單下選擇插入?學生根據之前知識的學習回答:在“插入”菜單下。
教師根據學生的回答示范操作插入水平線,學生觀察老師的操作。教師操作完成之后,由學生自行操作總結出操作步驟:“插入”→“水平線”,并請一名同學上臺演示如何插入水平線。
任務二:設置水平線樣式
在插入完水平線之后,教師繼續讓同學們觀察老師之前制作好的網站,看看和我們剛才做好的有什么不一樣?
學生通過觀察進行回答,老師制作的網站水平線設置了顏色和粗細,看起來很直觀。
教師繼續引導提問,那么應該如何調整水平線的粗細和顏色呢?同桌兩人為一小組結合教材進行討論,并嘗試操作。
討論完成之后,小組代表自愿進行回答。接著教師進行補充總結操作步驟。將鼠標指針移到水平線上雙擊鼠標,彈出“水平線屬性”對話框,設置高度和顏色就可以了。
任務三:保存
教師布置學習任務,將制作好的網站進行保存。學生自主操作。
(三)鞏固提高
學生利用所學知識給自己的網頁添加水平線并按照自己喜歡的樣式設置水平線的屬性。
(四)小結作業
小結:學生總結,教師補充的形式進行本節課的小結。
作業:總結歸納在網頁中還可以添加什么設置讓網頁看起來更漂亮。
四、板書設計
(責任編輯:安徽匯師)