第1課簡單網頁嘗試做教學目標：1、掌握在網頁中輸入文字和設置文字格式的方法；2、掌握保存和預覽網頁的方法；3、初步感受用網頁發布信息的優勢。教學重難點：1、用表格編排文字；2、保存網頁；3、預覽網頁。教學過程：導入互聯網為我們提供了一種全新的信息傳播方式。各式各樣的網頁呈現了大量生動的圖像、聲音、視頻、動畫，并構成了互聯網豐富多彩的資源。今天我們選用FrontPage來學習制作網頁的基本過程。新授課認識網頁制作窗口。⑴、啟動FrontPage程序，打開它的窗口。FrontPage窗口主要由菜單欄、工具欄、編輯區等組成。⑵、關閉任務窗格。⑶、把指針指向常用工具欄，查看各個按鈕的名稱和功能。用表格編排文字。⑴、顯示“布局表格和單元格”窗格。⑵、插入一個1行1列的表格，調整行高和列寬，并設為居中對齊。⑶、在表格上方輸入標題，在表格中輸入正文，最后設置文字格式。⑷、單擊“預覽”標簽，預覽效果。3、保存網頁。⑴、執行保存操作，打開“另存為”對話框。⑵、以“當老師”為文件名，把文件保存到對應的文件夾中。4、在IE窗口中瀏覽網頁。單擊編輯區左下角的“預覽”標簽，就會顯示出網頁的效果。三、學生操作練習，教師巡視指導。四、小結本節課我們認識了網頁制作軟件FrontPage，學習了簡單的制作網頁的方法。第2課美化網頁顯身手教學目標：1、掌握在網頁中插入圖像的方法；2、進一步熟悉設置單元格樣式的方法；3、增強利用圖文展現信息的意識，提高審美的能力。教學重難點：1、設置單元格的背景；2、插入圖像。教學過程：一、導入打開資源庫，對比兩個網頁，哪個更有吸引力？僅有文字的網頁顯得有些單調。今天，我們學習簡單的美化我們的網頁。二、新授課1、設置單元格背景。⑴、選中單元格，單擊表格，再單擊單元格，在表格屬性中，找單元格；⑵、設置單元格填充顏色。還可選擇圖像作為背景。設置單元格的邊框。⑴、選中單元格，單擊表格，再單擊單元格，在表格屬性中，找單元格；⑵、依次單擊“樣式”“格式”和“邊框”，最后設置邊框顏色。插入圖像。⑴、單擊“插入”菜單里的“來自文件”命令，插入所需圖像；⑵、拖動圖像四周的操作點調整大小；⑶、還可設置圖像的對齊方式。三、學生操作練習，教師巡視指導。四、小結本節課學習了在網頁中插入圖像的方法并進一步熟悉了設置單元格樣式的方法。第3課優秀網頁多欣賞教學目標：1、了解制作網頁的基本過程；2、學會欣賞和評價網頁；3、初步形成評價網頁的一些標準。教學重難點：1、制作網頁的基本過程；2、欣賞和評價網頁。教學過程：復習導入通過前幾節課的學習，你能總結出制作網頁的基本過程嗎？你訪問過很多網頁，能對它們進行一些評價嗎？新授課制作網頁的基本過程。⑴、啟動網頁制作軟件，進人新文件窗口；⑵、插入用來安排版面的表格；⑶、輸人文字、設置文字格式和段落格式；⑷、修飾版面，設置文字所在區域的樣式(如表格或單元格的背景和邊框)，調整文字的顏色，使它們和背景協調等；⑸、插入圖像、聲音、視頻或動畫，并適當調整其大小和位置；⑹、保存網頁(整個過程中的任何一個步驟都要隨時執行該操作）；⑺、預覽網頁效果，根據需要進一步修改調整網頁。欣賞網頁。在老師指導下，訪問一些網頁，觀察它們的結構、內容、色彩和風格等。評價網頁。網頁要便于人們瀏覽、交流、共享，使訪問者能從中獲得有用的信息和美的享受。上網一段時間后，每個人都會根據自己的經驗來衡量網頁的好壞，因此我們把這些衡量標準加以總結，用來指導我們自己制作網頁的工作。三、學生操作練習，教師巡視指導。四、小結本節課學習了制作網頁的基本過程，學會如何欣賞網頁以及評價別人的網頁。第4課設計工作不能少教學目標：1、初步學會規劃設計網頁的布局；2、進一步掌握搜集整理素材的方法；3、體會規劃設計對網頁制作的重要性。教學重難點：1、設計網頁之間的鏈接關系；2、設計網頁布局；3、搜集素材。教學過程：導入兵馬未動糧草先行，充分的準備將事半功倍。提前規劃設計布局和準備素材是制作網頁的重要環節。新授課1、設計網頁之間的鏈接關系。大家知道，如果要展示的內容比較多，可以把它們單獨做成多個網頁，然后通過超鏈接把這些網頁連接起來。此后單擊超鏈接就可以在不同網頁之間跳轉，訪問起來很方便。在網頁“去旅行”、“制定計劃”、“見過的風景”、“向往的地方”之間設計的超鏈接。2、設計網頁布局。開始動手制作網頁之前，需要先設計好網頁的布局。以“去旅行”網頁布局為例，學習如何設計。⑴、可以畫出一個4行2列的表格和一個3行3列的表格；表格1表格2⑵、合并第一個表格的第3行第1列、第4行，拆分第3行第2列；合并第二個表格的第1行。表格1表格2⑶、學生自己動手，畫出“制定計劃”、“見過的風景”、“向往的地方”三個欄目網頁的表格布局。3、搜集素材⑴、在互聯網上搜索各種素材；⑵、用數碼照相機或攝像機拍攝照片或視頻；⑶、到圖書館查閱資料；⑷、從影視光盤中選取視頻；⑸、錄制聲音素材。學生操作練習，教師巡視指導。小結本節課學習了設計網頁布局和網頁之間的鏈接關系以及如何搜集素材。課后作業為“一起去旅行”四個網頁準備圖像、聲音、視頻等素材。第5課使用表格版面齊教學目標：1、學會使用表格安排網頁的版面；2、熟練掌握設置文字格式和插入圖像的方法；3、增強合理安排版面的意識。教學重難點：1、多個表格安排網頁版面；2、設置文字格式；3、設置表格或單元格背景。教學過程：復習導入上節課我們學習了設計網頁布局和網頁之間的鏈接關系以及如何搜集素材。本節課我們要具體來動手做我們的網頁。新授課使用多個表格。⑴、在“表格”菜單中單擊插入→表格；⑵、按上節課設計的頁面布局，插入一個4行2列、寬度為800像素、邊框粗細為0、居中對齊的表格；⑶、插入第二個表格（3行3列）；⑷、通過合并、拆分單元格，修改第一個表格的結構；⑸、修改第二個表格的結構；⑹、大體調整表格的行高和列寬。輸入文字。⑴、在第一個表格中輸入欄目名稱并設置格式；⑵、給每個欄目名稱添加底紋；⑶、在其他單元格中輸入內容并設置字體、字號和顏色；⑷、設置段落的行間距。設置表格或單元格的背景。⑴、在表格中合適位置插入一幅圖像；⑵、右擊單元格，打開“單元格屬性”對話框，設置背景顏色；⑶、設置其他單元格的背景顏色。三、學生操作練習，教師巡視指導。四、小結本節課學習了使用表格安排網頁的版面，總結回顧了表格操作的基本方法。第6課圖像聲音齊上陣教學目標：1、掌握打開網頁文件的多種方法；2、進一步熟悉設置圖像格式的方法；3、學會設置網頁的背景；4、感受恰當的背景對網頁內容具有的襯托作用。教學重難點：1、掌握打開網頁文件的多種方法；2、進一步熟悉設置圖像格式的方法；3、學會設置網頁的背景。教學過程：一、復習導入上節課我們學習了網頁中表格的使用和文字的輸入，但我們的網頁還不夠生動活潑，我們還需要一些照片和網頁背景來激發人們的瀏覽興趣。一起來學習吧！二、新授課（一）、快速打開網頁文件。1、老師邊講解邊演示：啟動Front在最近打開的文件中單擊文件；也可在文件菜單中打開最近使用過的文件。2、學生練一練：打開“去旅行”網頁文件。（二）、插入圖像。1、老師邊講解邊演示：移動插入點到合適位置--單擊插入--圖片--來自文件--選擇圖片路徑--確定；插入后調整大小，并設置右對齊方式。2、學生練一練：在“去旅行”網頁文件中插入自己準備的圖像。（三）、添加背景音樂和網頁背景顏色。1、老師邊講解邊演示：右擊打開菜單--單擊“網頁屬性”--“常規”對話框中插入音樂，格式對話框中設置背景顏色。完成后在IE窗口中瀏覽效果。2、學生練一練：在“去旅行”網頁文件中插入自己喜歡的音樂和背景顏色。三、小結本節課學習了打開網頁文件的方法以及設置圖像格式的方法、設置網頁的背景。第7課網頁越做越漂亮教學目標：1、掌握插入水平線的方法；2、學會設置文字與單元格的邊距；3、學會把圖像設為單元格的背景；4、進一步增強美化網頁的意識和能力。教學重難點：1、掌握插入水平線的方法；2、學會設置文字與單元格的邊距；3、學會把圖像設為單元格的背景。教學過程：一、復習導入上節課我們學習了制作網頁的一些簡單方法，今天我們繼續學習如何更好地展示我們的網頁吧！二、新授課（一）、制作藝術字標題1、老師邊講解邊演示：打開配套資源“風景-半成品”，在第1列第2行中插入豎排藝術字“見過的風景”，調整大小、樣式；打開“單元格屬性”，設置藝術字為水平居中，頂端對齊。2、學生練一練：制作自己喜歡的藝術字標題，保存在“一起去旅行”文件夾里。（二）、設置單元格的背景圖像1、老師邊講解邊演示：右擊打開“單元格屬性”--單擊使用背景圖片中的瀏覽--選擇圖像--確定。2、學生練一練：為藝術字所在的單元格添加背景圖像。（三）、設置文字與單元格的邊距1、老師邊講解邊演示：選定文字所在的單元格--打開“單元格屬性”對話框--樣式--格式--邊框中輸入邊距數值為20。2、學生練一練：置文字與單元格的邊距（四）、插入水平線1、老師邊講解邊演示：移動插入點在合適位置--單擊插入--單擊“水平線”；雙擊水平線，修改顏色和寬度。2、學生練一練：以類似方法在每段文字之間插入水平線，設置樣式。（五）、制作“制定計劃”和“向往的地方”網頁學生練一練：打開配套資源“計劃——半成品”網頁另存到自己的“一起去旅行”文件夾中，給網頁添加背景，插入圖像，修飾美化網頁；用類似的方法完成中“向往--半成品”網頁。小結本節課學習了插入水平線的方法、設置文字與單元格的邊距以及如何把圖像設為單元格的背景。第8課鏈接網頁成一家教學目標：1、掌握在網頁中創建超鏈接的方法；2、理解超鏈接的作用；3、感受超鏈接給瀏覽信息帶來的便利性。教學重難點：1、掌握在網頁中創建超鏈接的方法；2、理解超鏈接的作用。教學過程：一、引語導入網頁中有一項很重要的技術，通過它，我們才可以在網絡中暢游。這就是我們本節課要學習的超鏈接。下面我們一起學習吧！二、新授課（一）、創建網站的超鏈接1、老師邊講解邊演示：在“去旅行”網頁下方插入表格，輸入幾個與旅游相關的網站名稱，并適當修改網頁--選定“旅游中國”，創建它的超鏈接操作方法：選定“旅游中國”--單擊“超鏈接”--輸入網頁路徑--確定。2、學生練一練：創建其余網站名稱的超鏈接。、創建電子信箱地址的超鏈接1、老師邊講解邊演示：在網頁中輸入提示發郵件的文字--創建與電子信箱地址的超鏈接--保存網頁在IE窗口中瀏覽，單擊“給我來信”，會自動彈出寫信窗口。操作方法：選定“給我來信”--單擊“超鏈接”--單擊“電子郵件地址”--對話框中輸入地址2、學生練一練：創建文字與電子信箱地址的超鏈接。（三）、創建網頁文件的超鏈接1、老師邊講解邊演示：選定主頁中的“制定計劃”并右擊，創建與“計劃”網頁的超鏈接。操作方法：單擊超鏈接--單擊“原有文件或網頁”--找到“計劃”網頁--確定。2、學生練一練：創建其他網頁中欄目名稱與對應網頁的超鏈接。三、小結本節課學習了在網頁中創建超鏈接的方法，小朋友要多多練習！第9課創建站點做網頁教學目標：1、掌握創建站點的方法；2、掌握插入滾動字幕的方法；3、初步感受動態網頁效果在展示信息方面的優點。教學重難點：1、掌握創建站點的方法；2、掌握插入滾動字幕的方法。教學過程：一、引語導入網頁是網站中的重要成員，下面讓我們從建立站點開始，制作一個小網站，宣傳安全方面的知識吧。二、授新課（一）設計網站結構大家知道，建立網站時，網站主題確定后，為了使網站有個整體的風格和特色，還需要設計網站的結構。“安全伴隨我成長”這個網站的結構可以描述如下。（二）、創建站點1、老師邊講解邊演示：操作方法：打開Front單擊文件--新建網站--其他網站模板--單擊網站--瀏覽--雙擊選定的文件夾，在選定的文件夾名稱后輸入網站名稱“安全伴隨我成長”。2、學生練一練：創建一個“安全伴隨我成長”的站點。（三）、制作站點主頁1、老師邊講解邊演示：操作方法：在站點中新建網頁，系統自動命名為index.htm--雙擊打開--插入表格，修改結構--為表格添加背景圖像--為單元格添加背景顏色--在主頁中插入圖像、輸入文字。2、學生練一練：制作“安全伴隨我成長”站點的主頁。（四）、添加滾動字幕1、老師邊講解邊演示：操作方法：選定區域單擊--單擊插入--Web組件，打開對話框，動態效果--字幕，輸入滾動字幕，確定；設置字幕文字格式。2、學生練一練：插入滾動字幕“珍愛生命，安全生活每一天”。三、小結本節課學習了創建站點的方法以及插入滾動字幕的方法。第10課動態效果在繼續教學目標：1、進一步熟悉在網頁中插入文字和圖像的操作；2、掌握制作懸停按鈕的方法；3、初步學會使用橫幅廣告管理器；4、要樹立在網頁中恰當使用動態效果的意識。教學重難點：1、掌握制作懸停按鈕的方法；2、學會使用橫幅廣告管理器。教學過程：一、引語導入我們每天都要穿行于大大小小的馬路，你知道馬路上的安全常識嗎？把它寫下來，并制作成網頁吧。讓我們利用網頁來宣傳交通安全的常識吧！二、授新課（一）、制作“交通安全”網頁1、老師邊講解邊演示：操作方法：在FrontPage中打開“安全伴隨我成長”站點--新建網頁并以“交通安全”為文件名保存--插入表格--給單元格添加背景顏色和邊框線條--輸入文字，插入圖像、水平線；2、學生練一練：制作一個介紹交通安全常識的網頁。（二）、制作橫幅廣告管理器1、老師邊講解邊演示：操作方法：在插入菜單中手動添加“橫幅廣告管理器”。單擊工具--自定義--命令--重排命令--菜單欄“插入”，添加命令--橫幅廣告管理器--確定。2、學生練一練：插入橫幅廣告，交替顯示三幅交通圖像。（三）、制作懸停按鈕1、老師邊講解邊演示：操作方法：單擊插入--Web組件，打開對話框，動態效果--交互式按鈕--完成--設置懸停按鈕樣式并創建超鏈接--保存并預覽。2、學生練一練：制作一個返回主頁的懸停按鈕。三、小結本節課學習了制作懸停按鈕的方法以及使用橫幅廣告管理器。第11課使用模板效率高教學目標：1、初步認識網頁模板的作用；2、學會使用模板制作網頁；3、增強做事講求效率的意識。教學重難點：1、認識網頁模板的作用；2、學會使用模板制作網頁。教學過程：一、引語導入想制作一個頁面布局與“交通安全”類似的網頁，有什么便捷的方法嗎？今天老師就教大家一個好的辦法。那就是把“交通安全”網頁當作模板就可以了。一起來學習吧！二、授新知（一）、利用已有網頁制作模板1、老師邊講解邊演示：打開“交通安全”網頁，另存為模板文件--把模板保存到網站中。操作方法：單擊文件--另存為--模板--保存，打開對話框--修改標題，選定模板，確定。2、學生練一練：創建“交通安全”網頁模板。（二）、使用模板制作“消防安全”網頁1、老師邊講解邊演示：單擊新建--其他網頁模板--我的模板--雙擊“交通安全”--修改網頁中的標題圖--繼續修改網頁內容--完成后另存為“消防安全”。2、學生練一練：使用模板制作“消防安全”網頁。（三）、修改標題欄名稱1、老師邊講解邊演示：右擊頁面編輯區，打開“網頁屬性”對話框--在“常規”選項卡中修改標題--保存瀏覽。2、學生練一練：修改“消防安全”網頁的標題欄名稱。三、小結本節課學習了如何使用模板制作網頁，既提高了工作效率，又增強了網頁的整體性和一致性。第12課框架清晰便瀏覽教學目標：1、初步認識框架網頁的特點；2、掌握創建框架網頁和保存框架網頁的方法；3、初步具備統籌管理多個網頁的意識和能力。教學重難點：1、認識框架網頁的特點；2、掌握創建框架網頁和保存框架網頁的方法。教學過程：一、引語導入要制作“地震安全”的網頁內容比較多，把這些內容分散到多個網頁中，然后用一個網頁把它們管理起來，有沒有好的辦法？今天我們要學習的框架網頁就可以做到，一起來學習吧！二、授新知（一）、認識框架網頁1、框架網頁的結構有很多種，目錄結構的框架網頁，由左、右兩個框架組成，每個框架中顯示一個獨立的網頁。訪問這個網頁時，單擊左框架里的欄目名稱，右框架中就會顯示出相應的網頁內容。瀏覽不同欄目的網頁時，左框架里的內容保持不變，而右框架里只顯示當前選定欄目的網頁內容。2、學生練一練：打開“安全伴隨我成長”站點里的“地震安全”網頁，感受一下框架網頁的特點。（二）、創建框架網頁1、老師邊講解邊演示：單擊新建文檔--網頁--框架網頁--雙擊目錄網頁，創建一個目錄結構的框架網頁。2、學生練一練：在站點“安全伴隨我成長”中創建一個目錄結構的框架網頁。（三）、制作導航網頁1、老師邊講解邊演示：單擊“新建網頁”，插入表格--在第一個表格中插入圖像，調整大小和位置--在對應位置輸入文字，設定格式。2、學生練一練：制作“地震安全”網頁中的導航網頁。（四）、保存框架網頁1、老師邊講解邊演示：單擊保存，打開對話框，輸入文件名，單擊保存；保存整個框架網頁，整個框架要以深藍色框線包圍。2、學生練一練：保存框架網頁。三、小結本節課學習了創建框架網頁和保存框架網頁的方法。第13課框架網頁漸完善教學目標：1、掌握在框架網頁中指定初始網頁的方法；2、學會設定網頁的打開方式；3、感受框架網頁在集中展示信息方面的優勢。教學重難點：1、掌握在框架網頁中指定初始網頁的方法；2、學會設定網頁的打開方式。教學過程：一、引語導入上節課我們學習了創建框架網頁，但在我們的網頁中右框架還是空的，我們需要完善它，這就是我們這節課要學習的。下面開始吧！二、授新課（一）、制作右框架中的網頁1、老師邊講解邊演示：在站點中新建一個網頁；制作一個“地震原因”的網頁；復制配套資源中的“地震自救”和“地震大事記”到站點中；適當修改“地震自救”和“地震大事記”中的內容。2、學生練一練：制作一個介紹一些地震知識的網頁。（二）、設置右框架中的初始網頁1、老師邊講解邊演示：在站點中打開“地震安全”框架網頁；單擊“設置初始網頁”--雙擊“地震自救”網頁。2、學生練一練：設置“地震安全”網頁中的初始網頁。（三）、創建框架網頁中的超鏈接1、老師邊講解邊演示：選定導航欄目名稱--單擊插入--超鏈接--雙擊需要鏈接的網頁；類似方法設置其它欄目名稱的超鏈接；創建返回主頁的超鏈接，并設置打開網頁的方式。2、學生練一練：創建導航頁中每個欄目名稱的超鏈接。三、小結本節課學習了在框架網頁中指定初始網頁的方法以及如何設定網頁的打開方式。第14課修改完善不能忘教學目標：1、掌握美化完善框架網頁的方法；2、學會更新和管理網頁；3、提高檢查與測試網頁的能力；4、培養嚴謹的思維和做事習慣。教學重難點：1、掌握美化完善框架網頁的方法；2、學會更新和管理網頁；3、提高檢查與測試網頁的能力。教學過程：一、引語導入前面幾節課我們做成了一個完整的站點，真是太高興了！但是我們不能驕傲，還需要好好檢查，從總體上修改和完善這個站點。二、授新課（一）、完善框架網頁1、老師邊講解邊演示：修改框架網頁的標題欄名稱--設置左、右框架邊框的樣式。2、學生練一練：完善“地震安全”框架網頁。（二）、檢查網頁內容找到要保存網頁的文件夾和要檢查的網頁；同學之間互相檢查對方的網頁，重點