FrontPage制作網(wǎng)頁(yè)型課件教案設(shè)計(jì)

【教學(xué)目標(biāo)】了解用FrontPage制作課件的優(yōu)勢(shì)與不足，學(xué)會(huì)用FrontPage制作網(wǎng)頁(yè)型課件，用FrontPage制作網(wǎng)頁(yè)課件授課教案：。

【重點(diǎn)難點(diǎn)】重點(diǎn)是如何在FrontPage插入多媒體素材，難點(diǎn)是課件交互性的實(shí)現(xiàn)和網(wǎng)頁(yè)源代碼的應(yīng)用。

【教學(xué)策略】教師實(shí)例演示，學(xué)生上機(jī)操作，教師輔導(dǎo)和點(diǎn)評(píng)。

【媒體選擇】主要采用FrontPage示范課件和實(shí)際操作講解相結(jié)合，并輔以文字教材、網(wǎng)上學(xué)習(xí)資源和教學(xué)光盤(pán)。

【教學(xué)內(nèi)容】

　　現(xiàn)在越來(lái)越多的課件是用網(wǎng)頁(yè)制作工具來(lái)制作，并結(jié)合數(shù)據(jù)庫(kù)、ASP等技術(shù)來(lái)加強(qiáng)課件的交互性。網(wǎng)頁(yè)形式的課件可以集成豐富的多媒體信息，具有交互性強(qiáng)、制作簡(jiǎn)易、體積小、便于在網(wǎng)絡(luò)上發(fā)布、傳播和更新等優(yōu)點(diǎn)，適合于個(gè)別化學(xué)習(xí)、課堂教學(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等。

　　對(duì)于一般都有繁重教學(xué)任務(wù)在身的學(xué)科教師來(lái)說(shuō)，沒(méi)有太多的精力去學(xué)習(xí)復(fù)雜的編程語(yǔ)言?？梢暬W(wǎng)頁(yè)編輯工具由于源代碼自動(dòng)生成，使教師可以有更多的精力關(guān)注內(nèi)容的表達(dá)和教學(xué)設(shè)計(jì)。

　　用FrontPage編制的網(wǎng)頁(yè)課件有較易操作的界面(與上網(wǎng)瀏覽網(wǎng)頁(yè)完全相同)，一門(mén)課程或一堂課的脈絡(luò)結(jié)構(gòu)(知識(shí)結(jié)構(gòu))可以在主頁(yè)上用菜單(樹(shù)形菜單或彈出菜單)或?qū)Ш綏l的形式清楚地表明，可以列出教學(xué)目的、內(nèi)容、重點(diǎn)難點(diǎn)、引言、概念性質(zhì)、例題、練習(xí)、小結(jié)、作業(yè)等等，甚至操作注意事項(xiàng)。FrontPage被公認(rèn)為最好的入門(mén)級(jí)的網(wǎng)頁(yè)編輯工具。

一、FrontPage基本操作

　　 1.啟動(dòng)FrontPage：雙擊桌面上的FrontPage快捷方式圖標(biāo)；開(kāi)始→程序→Microsoft FrontPage；右擊一個(gè)擴(kuò)展名為htm或html網(wǎng)頁(yè)文件，選"編輯"。

　　2.打開(kāi)或隱藏視圖欄、文件夾列表和網(wǎng)頁(yè)文檔

　　a.點(diǎn)"視圖→視圖欄"打開(kāi)或隱藏視圖欄。點(diǎn)"視圖→文件夾列表"打開(kāi)或隱藏文件夾列表。

　　b.右擊擴(kuò)展名為htm或html網(wǎng)頁(yè)文件(如index.htm)，選"編輯"，系統(tǒng)默認(rèn)用FrontPage打開(kāi)網(wǎng)頁(yè)。

　　c.點(diǎn)"文件→打開(kāi)"或點(diǎn)常用工具欄中的"打開(kāi)"按鈕，從本地磁盤(pán)或網(wǎng)絡(luò)驅(qū)動(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編輯器中預(yù)覽網(wǎng)頁(yè)

　　a.點(diǎn)普通視圖按鈕，觀察剛才打開(kāi)的index.htm網(wǎng)頁(yè)。

　　b.點(diǎn)HTML視圖按鈕，觀察index.htm網(wǎng)頁(yè)。

　　c.點(diǎn)預(yù)覽視圖按鈕，觀察index.htm網(wǎng)頁(yè)。

　　4.FrontPage視圖方式：網(wǎng)頁(yè)視圖，文件夾視圖，報(bào)表視圖，導(dǎo)航視圖，超級(jí)鏈接接視圖，任務(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)閉當(dāng)前網(wǎng)頁(yè)。

二、設(shè)計(jì)網(wǎng)頁(yè)課件的框架結(jié)構(gòu)

三、在網(wǎng)頁(yè)中插入表格、圖像、背景、剪貼畫(huà)、聲音、視頻和動(dòng)畫(huà)等多媒體對(duì)象

　　 1.插入表格

　　插入到網(wǎng)頁(yè)上的文本、圖片、音頻、視頻、動(dòng)畫(huà)等元素，往往看起來(lái)顯得不夠整齊，為了使網(wǎng)頁(yè)更美觀，我們利用表格來(lái)控制復(fù)雜的網(wǎng)頁(yè)布局，即用表格來(lái)定位網(wǎng)頁(yè)元素。

　　(1)點(diǎn)"表格→插入→表格"，輸入行數(shù)、列數(shù)(如3列5行)，插入一個(gè)規(guī)則表格，設(shè)置表格的屬性。

　　(2)用"表格"工具欄上的按鈕或"表格"菜單上的"插入行或列"命令來(lái)增加表格的行或列。

　　(3)用"表格"工具欄上的按鈕刪除一個(gè)單元或多個(gè)單元，刪除一行、多行或一列、多列，刪除整個(gè)表格，表格刪除后立即按"常用工具欄"中的"撤消"按鈕或按"Ctrl+Z"恢復(fù)表格；選擇單元格或單元格中的內(nèi)容用鼠標(biāo)把選擇的內(nèi)容拖到新位置進(jìn)行移動(dòng)；按住CTRL鍵，再用鼠標(biāo)把選擇的內(nèi)容拖到新位置進(jìn)行復(fù)制。

　　(4)選中需要拆分的單元，單擊"表格"工具欄上的按鈕或使用"表格"工具欄上的"筆"拆分單元格；選中需要合并的單元，單擊"表格"工具欄上的按鈕或單擊"表格"工具欄上的(擦除)按鈕合并單元格。經(jīng)過(guò)處理，3列5行的表格變成1列4行。

　　2.插入圖像和背景圖象

　　將鼠標(biāo)定位到要插入圖片的位置(如某個(gè)單元格內(nèi))，單擊"常用工具欄"上的"插入圖片"按鈕，從已建站點(diǎn)的圖片文件夾中選擇合適的圖片，點(diǎn)擊"確定"。也可以在"圖片"對(duì)話框中點(diǎn)擊"插入一個(gè)計(jì)算機(jī)中的圖片"按鈕，F(xiàn)rontPage編輯器將打開(kāi)"選擇文件"對(duì)話框，從本地磁盤(pán)中指定一個(gè)圖像文件，教案《用FrontPage制作網(wǎng)頁(yè)課件授課教案：》。

　　右擊網(wǎng)頁(yè)空白處，選"網(wǎng)頁(yè)屬性"快捷命令，單擊"網(wǎng)頁(yè)屬性"對(duì)話框的"背景"選項(xiàng)卡，先選中"背景圖片"復(fù)選框，選擇合適的圖像作為背景圖插入網(wǎng)頁(yè)，點(diǎn)擊"確定"按鈕。

　　3.插入剪貼畫(huà)

　　點(diǎn)"插入"→"圖片"→"剪貼畫(huà)"命令，選擇一幅剪貼畫(huà)，單擊"插入"按鈕，或直接雙擊剪貼畫(huà)。

　　4.插入聲音或視頻剪輯

　　選擇"插入"→"高級(jí)"→"插件"命令，打開(kāi)"插件屬性"對(duì)話框，單擊"瀏覽"按鈕，打開(kāi)"選擇插件數(shù)據(jù)源"對(duì)話框，從站點(diǎn)文件夾或本地計(jì)算機(jī)上指定要播放的聲音或視頻文件。調(diào)整網(wǎng)頁(yè)中插件圖標(biāo)到合適的尺寸。

　　5.修改圖像屬性

　　右擊網(wǎng)頁(yè)中的圖像，選"圖片屬性"命令，在"常規(guī)"選項(xiàng)方式下指定圖像的格式(例如jpg和質(zhì)量75)；在"文本"框內(nèi)簡(jiǎn)單地描述圖像；單擊"外觀"選項(xiàng)卡，指定圖像無(wú)邊框即邊框線寬度為0，指定圖像與相鄰的文字或圖像之間的水平間隔和縱向間隔，要改變圖像的大小，首先選中"大小"框內(nèi)的"指定大小"復(fù)選框，然后分別指定圖像的寬度和高度。熟悉"圖片"工具欄：創(chuàng)建自動(dòng)縮略圖；調(diào)整圖像的黑白對(duì)比度和亮度；給圖像加上斜面邊界；把彩色圖像變成黑白圖像；把圖像翻轉(zhuǎn)；修正圖像；裁剪圖像；淡化圖像；把圖像恢復(fù)原樣；在GIF格式的圖像上寫(xiě)文字；使GIF圖像透明等。

　　6.插入水平線美化網(wǎng)頁(yè)

　　網(wǎng)頁(yè)水平線用于把網(wǎng)頁(yè)分隔成幾個(gè)部分。新建或打開(kāi)網(wǎng)頁(yè)文檔，把插入點(diǎn)移到要插入水平線的地方，單擊"插入"菜單上的"水平線"命令。要把水平線插入在下一行，就把插入點(diǎn)定在行尾。在水平線上單擊鼠標(biāo)右鍵，在彈出的菜單中選擇"水平線屬性"命令，也可直接雙擊該水平線，設(shè)置水平線的寬度、水平線的對(duì)齊方式和水平線的顏色。