- 相關(guān)推薦
用FrontPage制作網(wǎng)頁(yè)課件 授課教案：
【教學(xué)目標(biāo)】了解用FrontPage制作課件的優(yōu)勢(shì)與不足，學(xué)會(huì)用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é)光盤。 【教學(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è)課件的開發(fā)工具軟件有很多，包括： 語(yǔ)言編程如 HTML 、 D HTML 、 ASP 、 JSP 、 PHP 、 JAVA 、 JavaScript 、 VBScritp 、 VRML 等。 所見即所得的可視化編輯工具，如 FrontPage 、 Dreamweaver 、 Flash 、 Authorware 、 PowerPoint 、 CourseBuilder 等。 對(duì)于一般都有繁重教學(xué)任務(wù)在身的學(xué)科教師來(lái)說(shuō)，沒(méi)有太多的精力去學(xué)習(xí)復(fù)雜的編程語(yǔ)言。 可視化網(wǎng)頁(yè)編輯工具由于源代碼自動(dòng)生成，使教師可以有更多的精力關(guān)注內(nèi)容的表達(dá)和教學(xué)設(shè)計(jì)。 用 FrontPage 編制的網(wǎng)頁(yè)課件有較易操作的界面（與上網(wǎng)瀏覽網(wǎng)頁(yè)完全相同），一門課程或一堂課的脈絡(luò)結(jié)構(gòu)（知識(shí)結(jié)構(gòu)）可以在主頁(yè)上用菜單（樹形菜單或彈出菜單）或?qū)Ш綏l的形式清楚地表明，可以列出教學(xué)目的、內(nèi)容、重點(diǎn)難點(diǎn)、引言、概念性質(zhì)、例題、練習(xí)、小結(jié)、作業(yè)等等，甚至操作注意事項(xiàng)。 FrontPage 被公認(rèn)為最好的入門級(jí)的網(wǎng)頁(yè)編輯工具。 一、 FrontPage 基本操作 1. 啟動(dòng) FrontPage ： 雙擊桌面上的 FrontPage 快捷方式圖標(biāo)； 開始→程序→ Microsoft FrontPage ；右擊一個(gè)擴(kuò)展名為 htm 或 html 網(wǎng)頁(yè)文件，選“編輯”。 2. 打開或隱藏視圖欄、文件夾列表和網(wǎng)頁(yè)文檔 a. 點(diǎn)“視圖 → 視圖欄”打開或隱藏視圖欄。點(diǎn)“視圖 → 文件夾列表”打開或隱藏文件夾列表。 b. 右擊 擴(kuò)展名為 htm 或 html 網(wǎng)頁(yè)文件（ 如 index.htm ） ，選“編輯”，系統(tǒng)默認(rèn)用 FrontPage 打開網(wǎng)頁(yè)。 c. 點(diǎn)“文件 →打開”或點(diǎn) 常用工具欄中的“打開”按鈕， 從本地磁盤或網(wǎng)絡(luò)驅(qū)動(dòng)器中打開網(wǎng)頁(yè)文檔，從任意 Web 網(wǎng)站打開網(wǎng)頁(yè)，打開最近打開過(guò)的網(wǎng)頁(yè)文檔。 3. 在 FrontPage 編輯器中預(yù)覽網(wǎng)頁(yè) a. 點(diǎn)普通視圖按鈕，觀察剛才打開的 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)上打開的網(wǎng)頁(yè)保存到本地磁盤，把自己喜歡的網(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è)中插入表格、圖像、 背景、 剪貼畫、聲音、視頻 和動(dòng)畫等多媒體對(duì)象 1. 插入表格 插入 到網(wǎng)頁(yè)上的文本、圖片、音頻、視頻、動(dòng)畫等元素，往往看起來(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ī)中的圖片”按鈕， FrontPage 編輯器將打開“選擇文件”對(duì)話框，從本地磁盤中指定一個(gè)圖像文件。 右擊網(wǎng)頁(yè)空白處，選“ 網(wǎng)頁(yè)屬性 ”快捷命令，單擊“ 網(wǎng)頁(yè)屬性 ”對(duì)話框的“背景”選項(xiàng)卡，先選中“背景圖片”復(fù)選框，選擇合適的圖像作為背景圖插入網(wǎng)頁(yè)，點(diǎn)擊“確定”按鈕。 3. 插入剪貼畫 點(diǎn)“插入”→“圖片”→“剪貼畫”命令，選擇一幅剪貼畫，單擊“插入”按鈕，或直接雙擊剪貼畫。 4. 插入聲音或視頻剪輯 選擇“插入”→“高級(jí)”→“插件”命令，打開“插件屬性”對(duì)話框，單擊“瀏覽”按鈕，打開“選擇插件數(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 格式的圖像上寫文字；使 GIF 圖像透明等。 6. 插入水平線美化網(wǎng)頁(yè) 網(wǎng)頁(yè)水平線用于把網(wǎng)頁(yè)分隔成幾個(gè)部分。新建或打開網(wǎng)頁(yè)文檔，把插入點(diǎn)移到要插入水平線的地方，單擊“插入”菜單上的“水平線”命令。要把水平線插入在下一行，就把插入點(diǎn)定在行尾。在水平線上單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“水平線屬性”命令，也可直接雙擊該水平線，設(shè)置水平線的寬度 、 水平線的對(duì)齊方式和水平線的顏色。 四、在課件網(wǎng)頁(yè)中使用書簽和超級(jí)鏈接接 1. 書簽的作用 書簽用于在長(zhǎng)網(wǎng)頁(yè)內(nèi)部快速跳轉(zhuǎn)和定位。 2. 創(chuàng)建書簽 網(wǎng)頁(yè) 從 Web 網(wǎng)頁(yè)上復(fù)制一篇比較長(zhǎng)的文本，粘貼（選擇性粘貼：無(wú)格式文本）到新建網(wǎng)頁(yè)中。選擇要標(biāo)記的位置，單擊“插入”菜單中的“書簽”命令。 FrontPage 編輯器將顯示“書簽”對(duì)話框。在“書簽”框中鍵入書簽名稱（最好用西文命名），書簽名稱應(yīng)具有較好的描述性，然后單擊“添加”按鈕。可看到標(biāo)簽小旗出現(xiàn)在期望定位的位置上。用同樣的方法創(chuàng)建其它書簽。 在網(wǎng)頁(yè)頂端創(chuàng)建系列提綱（目錄）文本，選中其中一個(gè)，右擊文本，選“超鏈接”，在“鏈接到”欄中點(diǎn)“本文檔中的位置”，在書簽列表中選中合適的書簽，確定。用同樣的方法給其它的提綱（目錄）文本建立超鏈接。保存網(wǎng)頁(yè)，在 IE 中預(yù)覽。 3. 超級(jí)鏈接 使用超級(jí)鏈接，不僅可使站內(nèi)的網(wǎng)頁(yè)成為一個(gè)有機(jī)整體，還可使不同的站點(diǎn)之間建立聯(lián)系。例如，在制作“網(wǎng)上學(xué)習(xí)資源”網(wǎng)頁(yè)時(shí)，需要給所列出的大量的網(wǎng)上學(xué)習(xí)資源的標(biāo)題文字設(shè)置超鏈接，以便訪問(wèn)者通過(guò)點(diǎn)擊網(wǎng)頁(yè)上的標(biāo)題文字打開相對(duì)應(yīng)的學(xué)習(xí)資源。首先選中標(biāo)題目文字，然后單擊標(biāo)準(zhǔn)工具欄上的“超級(jí)鏈接”按鈕，在彈出的“創(chuàng)建超鏈接”對(duì)話框中指定超級(jí)鏈接所對(duì)應(yīng)的網(wǎng)頁(yè)，或在 URL 文本框中填入網(wǎng)頁(yè)的地址即可。 4．創(chuàng)建圖像熱點(diǎn)作為超級(jí)鏈接接 新建或打開包含有復(fù)雜圖片（如地圖或大型儀器圖片）的網(wǎng)頁(yè)。練習(xí)創(chuàng)建圖像熱點(diǎn)作為超級(jí)鏈接接。例如，在世界地圖片上的“國(guó)家地區(qū)”區(qū)域處創(chuàng)建一個(gè)熱點(diǎn)，指定它跳轉(zhuǎn)到“按國(guó)家地區(qū)查詢”的主頁(yè)上。方法是：首先單擊圖像，編輯器將顯示“圖片”工具欄，選擇“圖片”工具欄上的“圖片”按鈕，把光標(biāo)移到圖像上，光標(biāo)將變成筆狀，按住鼠標(biāo)左鍵在圖像上畫出熱點(diǎn)。釋放鼠標(biāo)后， FrontPage 編輯器自動(dòng)打開“創(chuàng)建超級(jí)鏈接”對(duì)話框，在此指定該熱點(diǎn)要跳轉(zhuǎn)的目標(biāo)網(wǎng)頁(yè)或網(wǎng)址。制作好后在 IE 瀏覽器中預(yù)覽。 5. 改變超級(jí)鏈接的外觀 選擇某文字超級(jí)鏈接，單擊“格式”菜單上的“背景”命令，打開“網(wǎng)頁(yè)屬性”對(duì)話框的“背景”選項(xiàng)。把該超級(jí)鏈接的顏色改為另一種更醒目的顏色，預(yù)覽一下，看超級(jí)鏈接文字是否發(fā)生變化。試著用不同的顏色表示未訪問(wèn)過(guò)的超級(jí)鏈接 (Hyperlink) 、訪問(wèn)過(guò)的超級(jí)鏈接 (Visited Hyperlink) 和將要訪問(wèn)的超級(jí)鏈接 (Active Hyperlink) 。看看改變超級(jí)鏈接的外觀的效果。 6. 編輯超級(jí)鏈接屬性 右擊超級(jí)鏈接，選“超級(jí)鏈接屬性”，F(xiàn)rontPage編輯器將打開，在URL框內(nèi)鍵入新的網(wǎng)頁(yè)文件名或網(wǎng)址。觀察改變后的效果。 7. 取消超級(jí)鏈接 右擊超級(jí)鏈接，選“取消超級(jí)鏈接”命令。 五、插入活動(dòng)元素 - 讓課件網(wǎng)頁(yè)活起來(lái) 1. 制作懸停按鈕 定位插入點(diǎn)，單擊“插入” / “組件” / “懸停按鈕”，打開“懸停按鈕”對(duì)話框。把動(dòng)態(tài)按鈕默認(rèn)標(biāo)簽“按鈕文本”，改成所需的按鈕文字，單擊“字體”按鈕，在打開的“字體”（字體）對(duì)話框里設(shè)置您所需標(biāo)簽的字體。要為動(dòng)態(tài)按鈕創(chuàng)建超級(jí)鏈接，可直接在“鏈接到”框內(nèi)鍵入要跳轉(zhuǎn)的 URL ，也可單擊“瀏覽”按鈕，從當(dāng)前打開的網(wǎng)站、 WWW 、本地磁盤中指定跳轉(zhuǎn)目標(biāo)。可重新指定按鈕的前景顏色，不過(guò)如果按鈕顯示的是圖像，前景顏色無(wú)效。當(dāng)用戶把鼠標(biāo)移到動(dòng)態(tài)按鈕上時(shí)，按鈕的顏色將自動(dòng)發(fā)生變化，這是動(dòng)態(tài)按鈕最大的特色，至于顏色是怎樣變化的，可通過(guò)“效果”和“效果顏色”框設(shè)定。還可改變按鈕的寬度和高度（以像素為單位）。動(dòng)態(tài)按鈕【用FrontPage制作網(wǎng)頁(yè)課件 授課教案：】相關(guān)文章：
frontpage2003教案04-28
網(wǎng)頁(yè)制作的心得12-15
網(wǎng)頁(yè)設(shè)計(jì)與制作報(bào)告02-16
網(wǎng)頁(yè)的教案01-25
html網(wǎng)頁(yè)制作總結(jié)（精選10篇）01-05
2022網(wǎng)頁(yè)制作心得11-25
網(wǎng)頁(yè)制作競(jìng)賽活動(dòng)方案01-25
提升課件制作能力研修計(jì)劃09-23