FrontPage制作網(wǎng)頁(yè)型課件教案設計
【教學(xué)目標】了解用FrontPage制作課件的優(yōu)勢與不足，學(xué)會(huì )用FrontPage制作網(wǎng)頁(yè)型課件，用FrontPage制作網(wǎng)頁(yè)課件授課教案：。
【重點(diǎn)難點(diǎn)】重點(diǎn)是如何在FrontPage插入多媒體素材，難點(diǎn)是課件交互性的實(shí)現和網(wǎng)頁(yè)源代碼的應用。
【教學(xué)策略】教師實(shí)例演示，學(xué)生上機操作，教師輔導和點(diǎn)評。
【媒體選擇】主要采用FrontPage示范課件和實(shí)際操作講解相結合，并輔以文字教材、網(wǎng)上學(xué)習資源和教學(xué)光盤(pán)。
【教學(xué)內容】
現在越來(lái)越多的課件是用網(wǎng)頁(yè)制作工具來(lái)制作，并結合數據庫、ASP等技術(shù)來(lái)加強課件的交互性。網(wǎng)頁(yè)形式的課件可以集成豐富的多媒體信息，具有交互性強、制作簡(jiǎn)易、體積小、便于在網(wǎng)絡(luò )上發(fā)布、傳播和更新等優(yōu)點(diǎn)，適合于個(gè)別化學(xué)習、課堂教學(xué)和網(wǎng)絡(luò )教學(xué)。網(wǎng)頁(yè)課件的開(kāi)發(fā)工具軟件有很多，包括：
語(yǔ)言編程如HTML、D HTML、ASP、JSP、PHP、JAVA、JavaScript、VBScritp、VRML等。
所見(jiàn)即所得的可視化編輯工具，如FrontPage、Dreamweaver、Flash、Authorware、PowerPoint、CourseBuilder等。
對于一般都有繁重教學(xué)任務(wù)在身的學(xué)科教師來(lái)說(shuō)，沒(méi)有太多的精力去學(xué)習復雜的編程語(yǔ)言�？梢暬W(wǎng)頁(yè)編輯工具由于源代碼自動(dòng)生成，使教師可以有更多的精力關(guān)注內容的表達和教學(xué)設計。
用FrontPage編制的網(wǎng)頁(yè)課件有較易操作的界面(與上網(wǎng)瀏覽網(wǎng)頁(yè)完全相同)，一門(mén)課程或一堂課的脈絡(luò )結構(知識結構)可以在主頁(yè)上用菜單(樹(shù)形菜單或彈出菜單)或導航條的形式清楚地表明，可以列出教學(xué)目的、內容、重點(diǎn)難點(diǎn)、引言、概念性質(zhì)、例題、練習、小結、作業(yè)等等，甚至操作注意事項。FrontPage被公認為最好的入門(mén)級的網(wǎng)頁(yè)編輯工具。
一、FrontPage基本操作
1.啟動(dòng)FrontPage：雙擊桌面上的FrontPage快捷方式圖標；開(kāi)始→程序→Microsoft FrontPage；右擊一個(gè)擴展名為htm或html網(wǎng)頁(yè)文件，選"編輯"。
2.打開(kāi)或隱藏視圖欄、文件夾列表和網(wǎng)頁(yè)文檔
a.點(diǎn)"視圖→視圖欄"打開(kāi)或隱藏視圖欄。點(diǎn)"視圖→文件夾列表"打開(kāi)或隱藏文件夾列表。
b.右擊擴展名為htm或html網(wǎng)頁(yè)文件(如index.htm)，選"編輯"，系統默認用FrontPage打開(kāi)網(wǎng)頁(yè)。
c.點(diǎn)"文件→打開(kāi)"或點(diǎn)常用工具欄中的"打開(kāi)"按鈕，從本地磁盤(pán)或網(wǎng)絡(luò )驅動(dòng)器中打開(kāi)網(wǎng)頁(yè)文檔，從任意Web網(wǎng)站打開(kāi)網(wǎng)頁(yè)，打開(kāi)最近打開(kāi)過(guò)的網(wǎng)頁(yè)文檔。
3.在FrontPage編輯器中預覽網(wǎng)頁(yè)
a.點(diǎn)普通視圖按鈕，觀(guān)察剛才打開(kāi)的index.htm網(wǎng)頁(yè)。
b.點(diǎn)HTML視圖按鈕，觀(guān)察index.htm網(wǎng)頁(yè)。
c.點(diǎn)預覽視圖按鈕，觀(guān)察index.htm網(wǎng)頁(yè)。
4.FrontPage視圖方式：網(wǎng)頁(yè)視圖，文件夾視圖，報表視圖，導航視圖，超級鏈接接視圖，任務(wù)視圖。
5.保存網(wǎng)頁(yè)：點(diǎn)"文件→保存(另存為)"或點(diǎn)常用工具欄中的"保存"按鈕，將新建的網(wǎng)頁(yè)或從萬(wàn)維網(wǎng)上打開(kāi)的網(wǎng)頁(yè)保存到本地磁盤(pán)，把自己喜歡的網(wǎng)頁(yè)作為模板保存。
6.關(guān)閉網(wǎng)頁(yè)：點(diǎn)"文件→關(guān)閉"或文檔窗口中的"X"按鈕，關(guān)閉當前網(wǎng)頁(yè)。
二、設計網(wǎng)頁(yè)課件的框架結構
三、在網(wǎng)頁(yè)中插入表格、圖像、背景、剪貼畫(huà)、聲音、視頻和動(dòng)畫(huà)等多媒體對象
1.插入表格
插入到網(wǎng)頁(yè)上的文本、圖片、音頻、視頻、動(dòng)畫(huà)等元素，往往看起來(lái)顯得不夠整齊，為了使網(wǎng)頁(yè)更美觀(guān)，我們利用表格來(lái)控制復雜的網(wǎng)頁(yè)布局，即用表格來(lái)定位網(wǎng)頁(yè)元素。
(1)點(diǎn)"表格→插入→表格"，輸入行數、列數(如3列5行)，插入一個(gè)規則表格，設置表格的屬性。
(2)用"表格"工具欄上的按鈕或"表格"菜單上的"插入行或列"命令來(lái)增加表格的行或列。
(3)用"表格"工具欄上的按鈕刪除一個(gè)單元或多個(gè)單元，刪除一行、多行或一列、多列，刪除整個(gè)表格，表格刪除后立即按"常用工具欄"中的"撤消"按鈕或按"Ctrl+Z"恢復表格；選擇單元格或單元格中的內容用鼠標把選擇的內容拖到新位置進(jìn)行移動(dòng)；按住CTRL鍵，再用鼠標把選擇的內容拖到新位置進(jìn)行復制。
(4)選中需要拆分的單元，單擊"表格"工具欄上的按鈕或使用"表格"工具欄上的`"筆"拆分單元格；選中需要合并的單元，單擊"表格"工具欄上的按鈕或單擊"表格"工具欄上的(擦除)按鈕合并單元格。經(jīng)過(guò)處理，3列5行的表格變成1列4行。
2.插入圖像和背景圖象
將鼠標定位到要插入圖片的位置(如某個(gè)單元格內)，單擊"常用工具欄"上的"插入圖片"按鈕，從已建站點(diǎn)的圖片文件夾中選擇合適的圖片，點(diǎn)擊"確定"。也可以在"圖片"對話(huà)框中點(diǎn)擊"插入一個(gè)計算機中的圖片"按鈕，FrontPage編輯器將打開(kāi)"選擇文件"對話(huà)框，從本地磁盤(pán)中指定一個(gè)圖像文件，教案《用FrontPage制作網(wǎng)頁(yè)課件授課教案：》。
右擊網(wǎng)頁(yè)空白處，選"網(wǎng)頁(yè)屬性"快捷命令，單擊"網(wǎng)頁(yè)屬性"對話(huà)框的"背景"選項卡，先選中"背景圖片"復選框，選擇合適的圖像作為背景圖插入網(wǎng)頁(yè)，點(diǎn)擊"確定"按鈕。
3.插入剪貼畫(huà)
點(diǎn)"插入"→"圖片"→"剪貼畫(huà)"命令，選擇一幅剪貼畫(huà)，單擊"插入"按鈕，或直接雙擊剪貼畫(huà)。
4.插入聲音或視頻剪輯
選擇"插入"→"高級"→"插件"命令，打開(kāi)"插件屬性"對話(huà)框，單擊"瀏覽"按鈕，打開(kāi)"選擇插件數據源"對話(huà)框，從站點(diǎn)文件夾或本地計算機上指定要播放的聲音或視頻文件。調整網(wǎng)頁(yè)中插件圖標到合適的尺寸。
5.修改圖像屬性
右擊網(wǎng)頁(yè)中的圖像，選"圖片屬性"命令，在"常規"選項方式下指定圖像的格式(例如jpg和質(zhì)量75)；在"文本"框內簡(jiǎn)單地描述圖像；單擊"外觀(guān)"選項卡，指定圖像無(wú)邊框即邊框線(xiàn)寬度為0，指定圖像與相鄰的文字或圖像之間的水平間隔和縱向間隔，要改變圖像的大小，首先選中"大小"框內的"指定大小"復選框，然后分別指定圖像的寬度和高度。熟悉"圖片"工具欄：創(chuàng )建自動(dòng)縮略圖；調整圖像的黑白對比度和亮度；給圖像加上斜面邊界；把彩色圖像變成黑白圖像；把圖像翻轉；修正圖像；裁剪圖像；淡化圖像；把圖像恢復原樣；在GIF格式的圖像上寫(xiě)文字；使GIF圖像透明等。
6.插入水平線(xiàn)美化網(wǎng)頁(yè)
網(wǎng)頁(yè)水平線(xiàn)用于把網(wǎng)頁(yè)分隔成幾個(gè)部分。新建或打開(kāi)網(wǎng)頁(yè)文檔，把插入點(diǎn)移到要插入水平線(xiàn)的地方，單擊"插入"菜單上的"水平線(xiàn)"命令。要把水平線(xiàn)插入在下一行，就把插入點(diǎn)定在行尾。在水平線(xiàn)上單擊鼠標右鍵，在彈出的菜單中選擇"水平線(xiàn)屬性"命令，也可直接雙擊該水平線(xiàn)，設置水平線(xiàn)的寬度、水平線(xiàn)的對齊方式和水平線(xiàn)的顏色。
四、在課件網(wǎng)頁(yè)中使用書(shū)簽和超級鏈接接
1.書(shū)簽的作用
書(shū)簽用于在長(cháng)網(wǎng)頁(yè)內部快速跳轉和定位。
2.創(chuàng )建書(shū)簽網(wǎng)頁(yè)
從Web網(wǎng)頁(yè)上復制一篇比較長(cháng)的文本，粘貼(選擇性粘貼：無(wú)格式文本)到新建網(wǎng)頁(yè)中。選擇要標記的位置，單擊"插入"菜單中的"書(shū)簽"命令。FrontPage編輯器將顯示"書(shū)簽"對話(huà)框。在"書(shū)簽"框中鍵入書(shū)簽名稱(chēng)(最好用西文命名)，書(shū)簽名稱(chēng)應具有較好的描述性，然后單擊"添加"按鈕�？煽吹綐撕炐∑斐霈F在期望定位的位置上。用同樣的方法創(chuàng )建其它書(shū)簽。
在網(wǎng)頁(yè)頂端創(chuàng )建系列提綱(目錄)文本，選中其中一個(gè)，右擊文本，選"超鏈接"，在"鏈接到"欄中點(diǎn)"本文檔中的位置"，在書(shū)簽列表中選中合適的書(shū)簽，確定。用同樣的方法給其它的提綱(目錄)文本建立超鏈接。保存網(wǎng)頁(yè)，在IE中預覽。
3.超級鏈接
使用超級鏈接，不僅可使站內的網(wǎng)頁(yè)成為一個(gè)有機整體，還可使不同的站點(diǎn)之間建立聯(lián)系。例如，在制作"網(wǎng)上學(xué)習資源"網(wǎng)頁(yè)時(shí)，需要給所列出的大量的網(wǎng)上學(xué)習資源的標題文字設置超鏈接，以便訪(fǎng)問(wèn)者通過(guò)點(diǎn)擊網(wǎng)頁(yè)上的標題文字打開(kāi)相對應的學(xué)習資源。首先選中標題目文字，然后單擊標準工具欄上的"超級鏈接"按鈕，在彈出的"創(chuàng )建超鏈接"對話(huà)框中指定超級鏈接所對應的網(wǎng)頁(yè)，或在URL文本框中填入網(wǎng)頁(yè)的地址即可。
4.創(chuàng )建圖像熱點(diǎn)作為超級鏈接接
新建或打開(kāi)包含有復雜圖片(如地圖或大型儀器圖片)的網(wǎng)頁(yè)。練習創(chuàng )建圖像熱點(diǎn)作為超級鏈接接。例如，在世界地圖片上的"國家地區"區域處創(chuàng )建一個(gè)熱點(diǎn)，指定它跳轉到"按國家地區查詢(xún)"的主頁(yè)上。方法是：首先單擊圖像，編輯器將顯示"圖片"工具欄，選擇"圖片"工具欄上的"圖片"按鈕，把光標移到圖像上，光標將變成筆狀，按住鼠標左鍵在圖像上畫(huà)出熱點(diǎn)。釋放鼠標后，FrontPage編輯器自動(dòng)打開(kāi)"創(chuàng )建超級鏈接"對話(huà)框，在此指定該熱點(diǎn)要跳轉的目標網(wǎng)頁(yè)或網(wǎng)址。制作好后在IE瀏覽器中預覽。
5.改變超級鏈接的外觀(guān)
選擇某文字超級鏈接，單擊"格式"菜單上的"背景"命令，打開(kāi)"網(wǎng)頁(yè)屬性"對話(huà)框的"背景"選項。把該超級鏈接的顏色改為另一種更醒目的顏色，預覽一下，看超級鏈接文字是否發(fā)生變化。試著(zhù)用不同的顏色表示未訪(fǎng)問(wèn)過(guò)的超級鏈接(Hyperlink)、訪(fǎng)問(wèn)過(guò)的超級鏈接(Visited Hyperlink)和將要訪(fǎng)問(wèn)的超級鏈接(Active Hyperlink)�？纯锤淖兂夋溄拥耐庥^(guān)的效果。
6.編輯超級鏈接屬性
右擊超級鏈接，選"超級鏈接屬性"，FrontPage編輯器將打開(kāi)，在URL框內鍵入新的網(wǎng)頁(yè)文件名或網(wǎng)址。觀(guān)察改變后的效果。
7.取消超級鏈接
右擊超級鏈接，選"取消超級鏈接"命令。
五、插入活動(dòng)元素-讓課件網(wǎng)頁(yè)活起來(lái)
1.制作懸停按鈕
定位插入點(diǎn)，單擊“插入”/“組件”/“懸停按鈕”，打開(kāi)“懸停按鈕”對話(huà)框。把動(dòng)態(tài)按鈕默認標簽“按鈕文本”，改成所需的按鈕文字，單擊“字體”按鈕，在打開(kāi)的“字體”（字體）對話(huà)框里設置您所需標簽的字體。要為動(dòng)態(tài)按鈕創(chuàng )建超級鏈接，可直接在“鏈接到”框內鍵入要跳轉的URL，也可單擊“瀏覽”按鈕，從當前打開(kāi)的網(wǎng)站、WWW、本地磁盤(pán)中指定跳轉目標�？芍匦轮付ò粹o的前景顏色，不過(guò)如果按鈕顯示的是圖像，前景顏色無(wú)效。當用戶(hù)把鼠標移到動(dòng)態(tài)按鈕上時(shí)，按鈕的顏色將自動(dòng)發(fā)生變化，這是動(dòng)態(tài)按鈕最大的特色，至于顏色是怎樣變化的，可通過(guò)“效果”和“效果顏色”框設定。還可改變按鈕的寬度和高度（以像素為單位）。動(dòng)態(tài)按鈕還有一些高級用法，單擊“自定義”按鈕，在“自定義”對話(huà)框可設置播放聲音或音樂(lè )和在動(dòng)態(tài)按鈕上顯示圖像等。
2.制作橫幅廣告
定位插入點(diǎn)后，單擊“插入”/“組件”/“橫幅廣告管理器”命令，打開(kāi)“橫幅廣告管理器”對話(huà)框。單擊“添加”按鈕從圖片目錄下分別獲取圖片序列（例如01.gif ~04.gif），設置寬度、高度、漸變效果、顯示每幅圖片時(shí)間。要為橫幅廣告創(chuàng )建一個(gè)超級鏈接，只需在“鏈接”框內鍵入跳轉目標的URL，或者單擊“瀏覽”按鈕定位跳轉目標。
3.制作字幕
定位插入點(diǎn)后，單擊“插入”/“組件”/“字幕”命令，打開(kāi)“字幕屬性”對話(huà)框。在“文本”框內鍵入要顯示的字幕內容，設定文字游動(dòng)“方向”、“速度”、“表現方式”、“文本對齊方式”等選項。在“表現方式”框內，可指定字幕游動(dòng)的方式，默認是“滾動(dòng)條”，如果選“幻燈片”，表示當第一個(gè)字符而不是最后一個(gè)字符觸及左邊界時(shí)就停止游動(dòng)，如果選“交替”，表示像鐘擺那樣在左右邊界內擺來(lái)擺去�？扇我庠O置字幕的寬度和高度，字幕的寬度和高度既可以按像素的絕對值給出，也可以按Web瀏覽器窗口的百分比給出。默認情況下，字幕周而復始，不停地游動(dòng)，周而復始。您可讓字幕只游動(dòng)若干次，方法是，不選中“連續”復選框，然后在“次數”框內選擇要游動(dòng)的次數。此外，還可給整個(gè)字幕加上“背景顏色”。
4、插入Flash動(dòng)畫(huà)
方法一：“插入”→“Web組件…”→“高級控件”→“插件”
�。�1）將鼠標定位到要插入Flash動(dòng)畫(huà)的位置，單擊菜單命令“插入”→“Web組件…”，在“插入Web組件”對話(huà)框中“組件類(lèi)型”列表框中選“高級控件”，再在右邊點(diǎn)選“插件”，單擊“完成”按鈕。
�。�2）單擊“插件屬性”對話(huà)框中的“瀏覽”按鈕，打開(kāi)“選擇插件數據源”對話(huà)框，選擇要插入的swf課件，單擊“打開(kāi)”按鈕。
�。�3）返回“插件屬性”對話(huà)框，設置合適的“高度”、“寬度”等項，單擊“確定”按鈕。雙擊插入到網(wǎng)頁(yè)中的插件，或右擊，選“插件屬性”，均可打開(kāi)“插件屬性”對話(huà)框，進(jìn)行修改。
方法二：“插入”→“Web組件…”→“高級控件”→“ ActiveX控件”
�。�1）用插件的方法播放.swf課件，操作簡(jiǎn)單、實(shí)用，但如果要對.swf課件進(jìn)行更多的控制，應在“插入Web組件”對話(huà)框中點(diǎn)選“ActiveX控件”，單擊“下一步”， 打開(kāi)“插入ActiveX控件”對話(huà)框，在控件列表框中查看是否有 “Shockwave Flash Object”，如果有，點(diǎn)選它，單擊“完成”按鈕。如果沒(méi)有，則點(diǎn)擊“自定義”按鈕，打開(kāi)“自定義ActiveX控件列表”對話(huà)框，勾選“Shockwave Flash Object”控件，單擊“確定”按鈕，返回“插入Web組件”對話(huà)框，點(diǎn)選新增加的“Shockwave Flash Object”，單擊“完成”按鈕。
�。�2）這時(shí)網(wǎng)頁(yè)中會(huì )出現一塊白色矩形區域。用鼠標雙擊它，在彈出的“ActiveX控件屬性”窗口中有三個(gè)選項卡，選“Flash 屬性”，設置好各選項。圖中各選項的含義是：
影片URL：輸入或粘貼要插入的Flash動(dòng)畫(huà)的鏈接地址；
品質(zhì)：默認為“High”（高質(zhì)量播放），推薦選擇“Best”（最優(yōu)播放）；
比例：推薦選擇“Show All”（完全顯示）；
播放：務(wù)必勾選；
循環(huán)：是否勾選該項取決于Flash動(dòng)畫(huà)的內容，通常要勾選該項；
顯示菜單：通常勾選該項；
窗口模式：默認為Window，通常無(wú)須更改；
其它選項如“嵌入影片”、“設計字體”、“排列”、“背景顏色”通常按默認設置即可。
【FrontPage制作網(wǎng)頁(yè)型課件教案設計】相關(guān)文章：
用FrontPage制作網(wǎng)頁(yè)課件教案05-11
如何制作課件04-28
ppt課件制作04-20
制作課件的作用03-19
制作教學(xué)課件03-20
怎樣制作課件03-19
制作小學(xué)課件03-19