第頁共頁用FrontPage制作網頁課件授課教案：用FrontPage制作網頁課件授課教案：【教學目的】理解用FrontPage制作課件的優勢與缺乏，學會用FrontPage制作網頁型課件。【重點難點】重點是如何在FrontPage插入多媒體素材，難點是課件交互性的實現和網頁代碼的應用。【教學策略】老師實例演示，學生上機操作，老師輔導和點評。【媒體選擇】主要采用FrontPage示范課件和實際操作講解相結合，并輔以文字教材、網上學習資和教學光盤。【教學內容】如今越來越多的課件是用網頁制作工具來制作，并結合數據庫、ASP等技術來加強課件的交互性。網頁形式的課件可以集成豐富的多媒體信息，具有交互性強、制作簡易、體積小、便于在網絡上發布、傳播和更新等優點，合適于個別化學習、課堂教學和網絡教學。網頁課件的開發工具軟件有很多，包括：語言編程如、D、ASP、JSP、PHP、JAVA、JavaScript、VBScritp、VRML等。所見即所得的可視化編輯工具，如FrontPage、Dreamweaver、Flash、Authorware、PowerPoint、CourseBuilder等。對于一般都有繁重教學任務在身的學科老師來說，沒有太多的精力去學習復雜的編程語言。可視化網頁編輯工具由于代碼自動生成，使老師可以有更多的精力關注內容的表達和教學設計。用FrontPage編制的網頁課件有較易操作的界面(與上網閱讀網頁完全一樣)，一門課程或一堂課的脈絡構造(知識構造)可以在主頁上用菜單(樹形菜單或彈出菜單)或導航條的形式清楚地說明，可以列出教學目的、內容、重點難點、引言、概念性質、例題、練習、小結、作業等等，甚至操作考前須知。FrontPage被公認為最好的入門級的網頁編輯工具。一、FrontPage根本操作1.啟動FrontPage：雙擊桌面上的FrontPage快捷方式圖標；開場→程序→MicrosoftFrontPage；右擊一個擴展名為htm或網頁文件，選"編輯"。2.翻開或隱藏視圖欄、文件夾列表和網頁文檔a.點"視圖→視圖欄"翻開或隱藏視圖欄。點"視圖→文件夾列表"翻開或隱藏文件夾列表。b.右擊擴展名為htm或網頁文件(如index)，選"編輯"，系統默認用FrontPage翻開網頁。c.點"文件→翻開"或點常用工具欄中的"翻開"按鈕，從本地磁盤或網絡驅動器中翻開網頁文檔，從任意Web網站翻開網頁，翻開最近翻開過的網頁文檔。3.在FrontPage編輯器中預覽網頁a.點普通視圖按鈕，觀察剛剛翻開的index網頁。b.點視圖按鈕，觀察index網頁。c.點預覽視圖按鈕，觀察index網頁。4.FrontPage視圖方式：網頁視圖，文件夾視圖，報表視圖，導航視圖，超級鏈接接視圖，任務視圖。5.保存網頁：點"文件→保存(另存為)"或點常用工具欄中的"保存"按鈕，將新建的網頁或從萬維網上翻開的網頁保存到本地磁盤，把自己喜歡的網頁作為模板保存。6.關閉網頁：點"文件→關閉"或文檔窗口中的"X"按鈕，關閉當前網頁。二、設計網頁課件的框架構造三、在網頁中插入表格、圖像、背景、剪貼畫、聲音、視頻和動畫等多媒體對象1.插入表格插入到網頁上的文本、圖片、音頻、視頻、動畫等元素，往往看起來顯得不夠整齊，為了使網頁更美觀，我們利用表格來控制復雜的網頁布局，即用表格來定位網頁元素。(1)點"表格→插入→表格"，輸入行數、列數(如3列5行)，插入一個規那么表格，設置表格的屬性。(2)用"表格"工具欄上的按鈕或"表格"菜單上的"插入行或列"命令來增加表格的行或列。(3)用"表格"工具欄上的按鈕刪除一個單元或多個單元，刪除一行、多行或一列、多列，刪除整個表格，表格刪除后立即按"常用工具欄"中的"撤消"按鈕或按"Ctrl+Z"恢復表格；選擇單元格或單元格中的內容用鼠標把選擇的內容拖到新位置進展挪動；按住CTRL鍵，再用鼠標把選擇的內容拖到新位置進展復制。(4)選中需要拆分的單元，單擊"表格"工具欄上的按鈕或使用"表格"工具欄上的"筆"拆分單元格；選中需要合并的單元，單擊"表格"工具欄上的按鈕或單擊"表格"工具欄上的(擦除)按鈕合并單元格。經過處理，3列5行的表格變成1列4行。2.插入圖像和背景圖象將鼠標定位到要插入圖片的位置(如某個單元格內)，單擊"常用工具欄"上的"插入圖片"按鈕，從已建站點的圖片文件夾中選擇適宜的圖片，____"確定"。也可以在"圖片"對話框中____"插入一個計算機中的圖片"按鈕，FrontPage編輯器將翻開"選擇文件"對話框，從本地磁盤中指定一個圖像文件。右擊網頁空白處，選"網頁屬性"快捷命令，單擊"網頁屬性"對話框的"背景"選項卡，先選中"背景圖片"復選框，選擇適宜的圖像作為背景圖插入網頁，____"確定"按鈕。3.插入剪貼畫點"插入"→"圖片"→"剪貼畫"命令，選擇一幅剪貼畫，單擊"插入"按鈕，或直接雙擊剪貼畫。4.插入聲音或視頻剪輯選擇"插入"→"高級"→"插件"命令，翻開"插件屬性"對話框，單擊"閱讀"按鈕，翻開"選擇插件數據"對話框，從站點文件夾或本地計算機上指定要播放的聲音或視頻文件。調整網頁中插件圖標到適宜的尺寸。5.修改圖像屬性右擊網頁中的圖像，選"圖片屬性"命令，在"常規"選項方式下指定圖像的格式(例如jpg和質量75)；在"文本"框內簡單地描繪圖像；單擊"外觀"選項卡，指定圖像無邊框即邊框線寬度為0，指定圖像與相鄰的文字或圖像之間的程度間隔和縱向間隔，要改變圖像的大小，首先選中"大小"框內的"指定大小"復選框，然后分別指定圖像的寬度和高度。熟悉"圖片"工具欄：創立自動縮略圖；調整圖像的黑白比照度和亮度；給圖像加上斜面邊界；把彩色圖像變成黑白圖像；把圖像翻轉；修正圖像；裁剪圖像；淡化圖像；把圖像恢復原樣；在GIF格式的圖像上寫文字；使GIF圖像透明等。6.插入程度線美化網頁網頁程度線用于把網頁分隔成幾個局部。新建或翻開網頁文檔，把插入點移到要插入程度線的地方，單擊"插入"菜單上的"程度線"命令。要把程度線插入在下一行，就把插入點定在行尾。在程度線上單擊鼠標右鍵，在彈出的菜單中選擇"程度線屬性"命令，也可直接雙擊該程度線，設置程度線的寬度、程度線的對齊方式和程度線的'顏色。四、在頁中使用書簽和超級鏈接接1.書簽的作用書簽用于在長網頁內部快速跳轉和定位。2.創立書簽網頁從Web網頁上復制一篇比擬長的文本，粘貼(選擇性粘貼：無格式文本)到新建網頁中。選擇要標記的位置，單擊"插入"菜單中的"書簽"命令。FrontPage編輯器將顯示"書簽"對話框。在"書簽"框中鍵入書簽名稱(最好用西文命名)，書簽名稱應具有較好的描繪性，然后單擊"添加"按鈕。可看到標簽小旗出如今期望定位的位置上。用同樣的方法創立其它書簽。在網頁頂端創立系列提綱(目錄)文本，選中其中一個，右擊文本，選"超鏈接"，在"鏈接到"欄中點"本文檔中的位置"，在書簽列表中選中適宜的書簽，確定。用同樣的方法給其它的提綱(目錄)文本建立超鏈接。保存網頁，在IE中預覽。3.超級鏈接使用超級鏈接，不僅可使站內的網頁成為一個有機整體，還可使不同的站點之間建立聯絡。例如，在制作"網上學習資"網頁時，需要給所列出的大量的網上學習資的標題文字設置超鏈接，以便訪問者通過____網頁上的標題文字翻開相對應的學習資。首先選中標題目文字，然后單擊標準工具欄上的"超級鏈接"按鈕，在彈出的"創立超鏈接"對話框中指定超級鏈接所對應的網頁，或在URL文本框中填入網頁的地址即可。4.創立圖像熱點作為超級鏈接接新建或翻開包含有復雜圖片(如地圖或大型儀器圖片)的網頁。練習創立圖像熱點作為超級鏈接接。例如，在世界地圖片上的"國家地區"區域處創立一個熱點，指定它跳轉到"按國家地區查詢"的主頁上。方法是：首先單擊圖像，編輯器將顯示"圖片"工具欄，選擇"圖片"工具欄上的"圖片"按鈕，把光標移到圖像上，光標將變成筆狀，按住鼠標左鍵在圖像上畫出熱點。釋放鼠標后，FrontPage編輯器自動翻開"創立超級鏈接"對話框，在此指定該熱點要跳轉的目的網頁或網址。制作好后在IE閱讀器中預覽。5.改變超級鏈接的外觀選擇某文字超級鏈接，單擊"格式"菜單上的"背景"命令，翻開"網頁屬性"對話框的"背景"選項。把該超級鏈接的顏色改為另一種更醒目的顏色，預覽一下，看超級鏈接文字是否發生變化。試著用不同的顏色表示未訪問過的超級鏈接(Hyperlink)、訪問過的超級鏈接(VisitedHyperlink)和將要訪問的超級鏈接(ActiveHyperlink)。看看改變超級鏈接的外觀的效果。6.編輯超級