第七課 各種圖片競添彩教學目標：1.學會在網頁中插入圖片，使頁面內容更充實；2.能夠根據頁面內容對圖片的大小、位置、亮度進行合理的調整；3.能夠綜合運用水平線、花邊、藝術字等裝飾頁面，提高學生知識整合能力和審美能力。教學重難點：在網頁中插入圖片，根據頁面內容對圖片的大小、位置、亮度進行合理的調整。教學方法：講授法、自學指導法、任務驅動法教學用具：計算機網絡教室、多媒體課件教學過程：一、導入：在網頁中插入與網頁內容相關的圖片，能讓閱讀網頁的人感受到內容的精彩，利用花邊、圖案、線條、藝術字等裝飾性元素，會使自己的網頁圖文并茂、內容充實、色彩亮麗，這節課，我們就來進一步裝飾自己的網頁。展示優秀網頁，請學生找出亮點。二、新授：1.插入圖片想一想：給網頁中插入怎樣的圖片，能使頁面內容更充實？提示：在網頁中出現的圖片，都應該存放在“mywebsimgs”文件夾中。教師講解并演示操作方法。單擊“插入圖片來自文件”選項；選擇圖片存放的位置，并找到要插入的圖片文件；單擊“插入”按鈕。學生嘗試將相關圖片插入到網頁中。小組協作，找出并解決插入圖片過程中出現的問題。2.調整圖片展示學生已經插入圖片的網頁，請學生指出有哪些問題需要解決。教師總結：調整圖片大小的方法；調整圖片對比度、亮度等屬性；對圖片進行必要的剪裁；調整圖片在頁面中的位置；設置圖片的環繞方式。學生根據存在的問題，對網頁中的圖片進行再調整。3.添加裝飾元素想一想：在頁面的什么位置適合插入花邊、小圖案、水平線、剪貼畫等裝飾性元素？師講解插入和設置水平線的方法：定位插入點,單擊菜單欄“插入水平線”;在水平線上單擊或右鍵,在快捷菜單中選擇“水平線屬性”；調整水平線的寬度、高度、顏色、位置，單擊“確定”按鈕。小提示：網頁中的裝飾不宜過多，否則會顯得凌亂而沖淡主題。也會使網頁加載時間過長，影響瀏覽的時間。三、學生練習：把已經收集到與網頁內容相關的圖片插入到網頁中，根據頁面內容對圖片的大小、位置、亮度進行合理的調整，運用水平線、花邊、藝術字等來裝飾頁面。四、課堂小結：展示完成的網頁。學生自評：在你的網頁中，你用到了哪些元素？你覺得效果怎么樣？學生互評：你覺得誰的網頁最漂亮？為什么？板書設計：第七課 各種圖片競添彩插入圖片：插入圖片來自文件調整圖片：大小、對比度、亮度、位置、環繞方式添加裝飾元素：花邊、小圖案、水平線、剪貼畫課后反思