用FrontPage製作網頁課件教案
【教學目標】瞭解用FrontPage製作課件的優勢與不足，學會用FrontPage製作網頁型課件，用FrontPage製作網頁課件
授課教案：
【重點難點】重點是如何在FrontPage插入多媒體素材，難點是課件互動性的實現和網頁原始碼的應用。
【教學策略】教師例項演示，學生上機操作，教師輔導和點評。
【媒體選擇】主要採用FrontPage示範課件和實際操作講解相結合，並輔以文字教材、網上學習資源和教學光碟。
【教學內容】 現在越來越多的課件是用網頁製作工具來製作，並結合資料庫、 ASP等技術來加強課件的互動性。
網頁形式的課件可以整合豐富的多媒體資訊，具有互動性強、製作簡易、體積小、便於在網路上釋出、傳播和更新等優點，適合於個別化學習、課堂教學和網路教學。
網頁課件的開發工具軟體有很多，包括： 語言程式設計如 HTML 、 DHTML 、 ASP 、 JSP 、 PHP 、 JAVA 、 JavaScript 、 VBScritp 、 VRML等。
所見即所得的視覺化編輯工具，如 FrontPage 、 Dreamweaver 、Flash 、 Authorware 、 PowerPoint 、 CourseBuilder 等。
對於一般都有繁重教學任務在身的學科教師來說，沒有太多的精力去學習複雜的程式語言。
視覺化網頁編輯工具由於原始碼自動生成，使教師可以有更多的精力關注內容的表達和教學設計。
用FrontPage編制的網頁課件有較易操作的介面(與上網瀏覽網頁完全相同)，一門課程或一堂課的脈絡結構(知識結構)可以在主頁上用選單(樹形選單或彈出選單)或導航條的形式清楚地表明，可以列出教學目的、內容、重點難點、引言、概念性質、例題、練習、小結、作業等等，甚至操作注意事項。
FrontPage 被公認為最好的入門級的網頁編輯工具。
一、FrontPage基本操作
啟動 FrontPage ： 雙擊桌面上的 FrontPage 快捷方式圖示; 開始→程式→Microsoft FrontPage ;右擊一個副檔名為 htm 或 html 網頁檔案，選“編輯”。
2. 開啟或隱藏檢視欄、資料夾列表和網頁文件 a. 點“檢視→ 檢視欄”開啟或隱藏檢視欄。
點“檢視 → 資料夾列表”開啟或隱藏資料夾列表。
b. 右擊副檔名為 htm 或 html 網頁檔案( 如 index.htm ) ，選“編輯”，系統預設用 FrontPage開啟網頁。
c. 點“檔案→開啟”或點 常用工具欄中的“開啟”按鈕， 從本地磁碟或網路驅動器中開啟網頁文件，從任意 Web網站開啟網頁，開啟最近開啟過的網頁文件。
3. 在 FrontPage 編輯器中預覽網頁 a.點普通檢視按鈕，觀察剛才開啟的 index.htm 網頁。
b. 點HTML 檢視按鈕，觀察 index.htm 網頁。
c.點預覽檢視按鈕，觀察 index.htm 網頁。
4.FrontPage 檢視方式：網頁檢視，資料夾檢視，報表檢視，導航檢視，超級連結接檢視，任務檢視。
5. 儲存網頁： 點“檔案 →儲存(另存為)”或點常用工具欄中的“儲存”按鈕，將新建的網頁或從全球資訊網上開啟的網頁儲存到本地磁碟，把自己喜歡的網頁作為模板儲存。
6. 關閉網頁： 點“檔案 →關閉”或文件視窗 中的“ X”按鈕，關閉當前網頁。
二、設計網頁課件的框架結構
三、在網頁中插入表格、影象、背景、 剪貼畫、聲音、影片和動畫等多媒體物件
1. 插入表格 插入到網頁上的文字、圖片、音訊、影片、動畫等元素，往往看起來顯得不夠整齊，為了使網頁更美觀，我們利用表格來控制複雜的網頁佈局，即 用表格來定位 網頁元素 。
(1) 點“表格→ 插入 → 表格”，輸入行數、列數(如 3 列 5 行)，插入一個規則表格， 設定表格的屬性。
(2)用“表格”工具欄上的 按鈕或“表格”選單上的“插入行或列”命令來增加 表格的. 行或列。
(3)用“表格”工具欄上的按鈕刪除一個單元或多個單元，刪除一行、多行或一列、多列，刪除整個表格，表格刪除後立即按“常用工具欄”中的“撤消”按鈕或按“Ctrl+Z ”恢復表格;選擇單元格或單元格中的內容用滑鼠把選擇的內容拖到新位置進行移動;按住 CTRL鍵，再用滑鼠把選擇的內容拖到新位置進行復制。
(4)選中需要拆分的單元，單擊“表格”工具欄上的按鈕或使用“表格”工具欄上的“筆”拆分單元格;選中需要合併的單元，單擊“表格”工具欄上的按鈕或單擊“表格”工具欄上的(擦除 ) 按鈕合併單元格。
經過處理， 3 列 5 行的表格 變成 1 列 4 行。
2. 插入影象和背景圖象將滑鼠定位到要插入圖片的位置(如某個單元格內)，單擊“常用工具欄”上的“插入圖片”按鈕，從已建站點的圖片資料夾中 選擇 合適的圖片，點選“確定”，教案《用FrontPage製作網頁課件 授課教案：》。
也可以 在“圖片”對話方塊中點選“插入一個計算機中的圖片”按鈕， FrontPage編輯器將開啟“選擇檔案”對話方塊，從本地磁碟中指定一個影象檔案。
右擊網頁空白處，選“ 網頁屬性 ”快捷命令，單擊“ 網頁屬性”對話方塊的“背景”選項卡，先選中“背景圖片”複選框，選擇合適的影象作為背景圖插入網頁，點選“確定”按鈕。
3. 插入剪貼畫點“插入”→“圖片”→“剪貼畫”命令，選擇一幅剪貼畫，單擊“插入”按鈕，或直接雙擊剪貼畫。
4. 插入聲音或影片剪輯選擇“插入”→“高階”→“外掛”命令，開啟“外掛屬性”對話方塊，單擊“瀏覽”按鈕，開啟“選擇外掛資料來源”對話方塊，從站點資料夾或本地計算機上指定要播放的聲音或影片檔案。
調整網頁中外掛圖示到合適的尺寸。
5. 修改影象屬性右擊網頁中的影象，選“圖片屬性”命令，在“常規”選項方式下指定影象的格式(例如 jpg 和質量 75);在“文字”框內簡單地描述影象;單擊“外觀”選項卡，指定影象無邊框即邊框線寬度為 0，指定影象與相鄰的文字或影象之間的水平間隔和縱向間隔，要改變影象的大小，首先選中“大小”框內的“指定大小”複選框，然後分別指定影象的寬度和高度。
熟悉“圖片”工具欄：建立自動縮圖;調整影象的黑白對比度和亮度;給影象加上斜面邊界;把彩色影象變成黑白影象;把影象翻轉;修正影象;裁剪影象;淡化影象;把影象恢復原樣;在GIF 格式的影象上寫文字;使 GIF 影象透明等。
6. 插入水平線美化網頁網頁水平線用於把網頁分隔成幾個部分。
新建或開啟網頁文件，把插入點移到要插入水平線的地方，單擊“插入”選單上的“水平線”命令。
要把水平線插入在下一行，就把插入點定在行尾。
在水平線上單擊滑鼠右鍵，在彈出的選單中選擇“水平線屬性”命令，也可直接雙擊該水平線，設定水平線的寬度、 水平線的對齊方式和水平線的顏色。
四、在課件網頁中使用書籤和超級連結接
1. 書籤的作用書籤用於在長網頁內部快速跳轉和定位。
2. 建立書籤網頁 從 Web網頁上覆制一篇比較長的文字，貼上(選擇性貼上：無格式文字)到新建網頁中。
選擇要標記的位置，單擊“插入”選單中的“書籤”命令。
FrontPage編輯器將顯示“書籤”對話方塊。
在“書籤”框中鍵入書籤名稱(最好用西文命名)，書籤名稱應具有較好的描述性，然後單擊“新增”按鈕。
可看到標籤小旗出現在期望定位的位置上。
用同樣的方法建立其它書籤。
在網頁頂端建立系列提綱(目錄)文字，選中其中一個，右擊文字，選“超連結”，在“連結到”欄中點“本文件中的位置”，在書籤列表中選中合適的書籤，確定。
用同樣的方法給其它的提綱(目錄)文字建立超連結。
儲存網頁，在IE 中預覽。
3. 超級連結 使用超級連結，不僅可使站內的網頁成為一個有機整體，還可使不同的站點之間建立聯絡。
例如，在製作“網上學習資源”網頁時，需要給所列出的大量的網上學習資源的標題文字設定超連結，以便訪問者透過點選網頁上的標題文字開啟相對應的學習資源。
首先選中標題目文字，然後單擊標準工具欄上的“超級連結”按鈕，在彈出的“建立超連結”對話方塊中指定超級連結所對應的網頁，或在URL 文字框中填入網頁的地址即可。
4.建立影象熱點作為超級連結接新建或開啟包含有複雜圖片(如地圖或大型儀器圖片)的網頁。
練習建立影象熱點作為超級連結接。
例如，在世界地圖片上的“國家地區”區域處建立一個熱點，指定它跳轉到“按國家地區查詢”的主頁上。
方法是：首先單擊影象，編輯器將顯示“圖片”工具欄，選擇“圖片”工具欄上的“圖片”按鈕，把游標移到影象上，游標將變成筆狀，按住滑鼠左鍵在影象上畫出熱點。
釋放滑鼠後，FrontPage 編輯器自動開啟“建立超級連結”對話方塊，在此指定該熱點要跳轉的目標網頁或網址。
製作好後在 IE瀏覽器中預覽。
5. 改變超級連結的外觀選擇某文字超級連結，單擊“格式”選單上的“背景”命令，開啟“網頁屬性”對話方塊的“背景”選項。
把該超級連結的顏色改為另一種更醒目的顏色，預覽一下，看超級連結文字是否發生變化。
試著用不同的顏色表示未訪問過的超級連結(Hyperlink) 、訪問過的超級連結 (Visited Hyperlink) 和將要訪問的超級連結 (ActiveHyperlink) 。
看看改變超級連結的外觀的效果。
6. 編輯超級連結屬性右擊超級連結，選“超級連結屬性”，FrontPage編輯器將開啟，在URL框內鍵入新的網頁檔名或網址。
觀察改變後的效果。
7. 取消超級連結右擊超級連結，選“取消超級連結”命令。
五、插入活動元素 - 讓課件網頁活起來
1. 製作懸停按鈕定位插入點，單擊“插入” / “元件” /“懸停按鈕”，開啟“懸停按鈕”對話方塊。
把動態按鈕預設標籤“按鈕文字”，改成所需的按鈕文字，單擊“字型”按鈕，在開啟的“字型”(字型)對話方塊裡設定您所需標籤的字型。
要為動態按鈕建立超級連結，可直接在“連結到”框內鍵入要跳轉的URL ，也可單擊“瀏覽”按鈕，從當前開啟的網站、 WWW、本地磁碟中指定跳轉目標。
可重新指定按鈕的前景顏色，不過如果按鈕顯示的是影象，前景顏色無效。
當用戶把滑鼠移到動態按鈕上時，按鈕的顏色將自動發生變化，這是動態按鈕最大的特色，至於顏色是怎樣變化的，可透過“效果”和“效果顏色”框設定。
還可改變按鈕的寬度和高度(以畫素為單位)。