制作圖文并茂的網頁

第4課 

 一、教學目標知識目標：1)       學會在網頁中插入和設置水平線；2)       學會在網頁中插入和設置圖片；3)       學會保存帶圖片的網頁；技能目標：1)       培養學生的動手能力；2)       培養學生自主學習的能力；3)       培養學生發現問題、分析問題、解決問題的能力；情感目標：1)       在教學中培養學生的審美情趣；2)       激發學生的想象；3)       培養學生間的合作精神；    二、教學方法：任務驅動法、自主探究法、演示法；三、教學重點：本課教學重點是在網頁中插入水平線和圖片，以及保存帶圖片的網頁；四、教學難點：本課的教學難點是圖片的設置以及帶圖片的網頁的保存；五、教學課時：1課時六、教學準備：比較好的學生的作品以及四個自己制作的網頁網頁一、只包含純文字（文字中要有一主題，介紹的是學生熟悉并感興趣的人或事物，如可介紹他們任課的老師，一般學生對自己的老師總是很感興趣，或學生中比較有威望的同班同學，或者是一個動畫人物：柯南，火影忍者，櫻木……）網頁二、比上增加水平線網頁三、比上增加圖片網頁四、比上對水平線及圖片作了相應的設置    七、教學環境：機房，每人一機，教師能對學生進行控制，分發文件，裝有frontpage軟件，能上網；八、教學過程：任務一  在網頁中插入和設置水平線創設情境、導入課題 將事先準備好的學生的作品展現給大家，師問：同學們漂亮嗎？  生答：漂亮。 師： 你們知道這是誰做的嗎？大家一定想不到吧，這是和你們同齡的同學的作品（激發學生的學習熱情，讓他們感到網頁的制作也并不是那么的困難，增強他們的信心，既然別的同學能做出來，那么我為什么不能呢�。� 師：上幾節課我們對網頁已經有了初步的認識了，我們知道在網頁中可以插入文字，但是和我們在網上看到的網頁相比，我們自己做的實在太單調，太難看了，師問：同學們想不想讓自己的網頁也像這位同學的那么漂亮呢？生答：想。師：好，那么從今天開始我們就要來打扮我們自己的網站了，師：（將事先準備好的網頁一，網頁二打開）“找出不同點”（從而順利引入本次任務。）生：多了一條線師：有和沒有有什么不一樣，（這條線的功能），線是怎么來的？（學生可能有不同的回答比如是畫出來的，或者也有同學知道水平線功能的，讓同學上來到教師機演示-教師適當的稱贊學生）師：將控制權交給學生，按照事先分好的小組，讓學生自主探究，并完成課后練一練第一題。（在此過程中教師要巡視教室，觀察學生完成情況，對個別進行指導）學生大部分完成后，選擇完成的比較好的學生，讓此學生來說明步驟，教師適當的補充。 任務二、在網頁中插入和設置圖片（將事先準備好的網頁二、網頁三打開）師：同學們都做的非常的好，現在再來“找出不同點”。生：多了圖片師：要想我們的網頁變得漂亮，怎么能少得了圖片呢，那么這個圖片又是怎么貼上去的呢？（學生中可能會有知道的，如果回答不出來的可以給個提示：在網頁中插入圖片的方法與word相同。請同學講一下在word中插入圖片的方法）師：現在給你們幾分鐘時間，看誰厲害能把圖片插入進去，并完成練一練第2題。在這一環節學生碰到的問題可能比較多，在巡視過程中要適時的給予學生幫助:提示同學在哪里找到“圖片”工具欄。并鼓勵學生對各種效果的嘗試。根據學生實際完成情況：如有學生弄得比較漂亮的，讓學生上臺演示，老師適當補充；若學生完成情況不是很理想的，老師要總結一下，講明幾個常用的設置：在圖片上寫文字，旋轉和翻轉圖片，裁剪圖片，設置透明色，選定按鈕等。    展示網頁四，讓學生有個對比，給學生一點時間，分組討論，對各自己的網頁做最后的修改和補充。 任務三、保存帶圖片的網頁并總結師：（最后在下課前評選出幾組較好的，對他們進行表揚）同學們，經過你們自己的努力，你們的網頁已經變得比較漂亮了，今天我們這節課主要是用什么手段裝扮了我們的網頁？生答：水平線和圖片師：對，非常好，我們今天主要學習了打扮網頁的兩種手段：在網頁中插入水平線和圖片。我們以后還會學更多的打扮的手段，把我們的網頁化得更漂亮，那么怎么樣保存起來以便我們下次再使用呢？生答：點保存按鈕，或者是“文件”→“保存”（這一步一般學生都能回答出來的）師：（按學生說的步驟演示）跳出一個“保存嵌入式文件對話框”，教師作驚奇狀，哎，為什么呢？（學生可能回答的出來，也可能回答不出，對前一種情況只要按學生的說法順勢將圖片的保存幾個知識點說一下，若沒有學生回答出來，教師可自問自答：哦，原來在制作網頁的時候如果有圖片插入的話，對圖片也要進行保存，那么圖片保存在哪里呢？）教師先不作修改，直接按確定以后，關閉網頁，讓學生尋找剛才保存過的網頁，最后發現在什么都不改動的情況下，保存在“images”文件下（對于站點），再打開網頁，說明各個設置。讓學生保存好自己的網頁（完成課后練一練第3題）