【教學目標】了解用frontpage製作課件的優勢與不足，學會用frontpage製作網頁型課件。
【重點難點】重點是如何在frontpage插入多**素材，難點是課件互動性的實現和網頁源**的應用。
【教學策略】教師例項演示，學生上機操作，教師輔導和點評。
【**選擇】主要採用frontpage示範課件和實際操作講解相結合，並輔以文字教材 、網上學習資源和教學光碟。
【教學內容】
現在越來越多的課件是用網頁製作工具來製作，並結合資料庫、 asp 等技術來加強課件的互動性。網頁形式的課件可以整合豐富的多**資訊，具有互動性強、製作簡易、體積小、便於在網路上發布、傳播和更新等優點，適合於個別化學習、課堂教學和網路教學。 網頁課件的開發工具軟體有很多，包括：
語言程式設計如 html 、 d html 、 asp 、 jsp 、 php 、 j**a 、 j**ascript 、 vbscritp 、 vrml 等。
所見即所得的視覺化編輯工具，如 frontpage 、 dreamwe**er 、 flash 、 authorware 、 powerpoint 、 coursebuilder 等。
對於一般都有繁重教學任務在身的學科教師來說，沒有太多的精力去學習複雜的程式語言。 視覺化網頁編輯工具由於源**自動生成，使教師可以有更多的精力關注內容的表達和教學設計。
用 frontpage 編制的網頁課件有較易操作的介面（與上網瀏覽網頁完全相同），一門課程或一堂課的脈絡結構（知識結構）可以在主頁上用選單（樹形選單或彈出選單）或導航條的形式清楚地表明，可以列出教學目的、內容、重點難點、引言、概念性質、例題、練習、小結、作業等等，甚至操作注意事項。 frontpage 被公認為最好的入門級的網頁編輯工具。
一、 frontpage 基本操作
1. 啟動 frontpage ： 雙擊桌面上的 frontpage 快捷方式圖示； 開始→程式→ microsoft frontpage ；右擊乙個擴充套件名為 htm 或 html 網頁檔案，選「編輯」。
2. 開啟或隱藏檢視欄、資料夾列表和網頁文件
a. 點「檢視 → 檢視欄」開啟或隱藏檢視欄。點「檢視 → 資料夾列表」開啟或隱藏資料夾列表。
b. 右擊擴充套件名為 htm 或 html 網頁檔案（ 如 ） ，選「編輯」，系統預設用 frontpage 開啟網頁。
c. 點「檔案 →開啟」或點常用工具欄中的「開啟」按鈕， 從本地磁碟或網路驅動器中開啟網頁文件，從任意 web **開啟網頁，開啟最近開啟過的網頁文件。
3. 在 frontpage 編輯器中預覽網頁
a. 點普通檢視按鈕，觀察剛才開啟的 網頁。
b. 點 html 檢視按鈕，觀察 網頁。
c. 點預覽檢視按鈕，觀察 網頁。
檢視方式： 網頁檢視，資料夾檢視，報表檢視，導航檢視，超級鏈結接檢視，任務檢視。
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) 、訪問過的超級鏈結 (visited hyperlink) 和將要訪問的超級鏈結 (active hyperlink) 。
看看改變超級鏈結的外觀的效果。
7. 取消超級鏈結
右擊超級鏈結，選「取消超級鏈結」命令。
五、插入活動元素 - 讓課件網頁活起來
frontpage網頁製作
frontpage網頁製作 實驗教學指導書 一 實驗目的 1.了解frontpage的基本功能 2.能夠利用frontpage建立web站點 編輯網頁 在網頁中插入多 資訊及常見的動態元素，設定網頁過渡效果。4 掌握網頁中超級鏈結的設定與使用 3 掌握利用frontpage規劃 設計和製作網路課件的...
網頁的製作 用frontpage建立站點
4.3網頁的製作 用frontpage建立站點 韶關市田家炳中學黃晶晶 一 教學內容分析 網頁的製作 是廣東教育出版社出版的高中資訊科技 網路技術應用 選修3 中第四章第三節的內容。本章內容是使用frontpage進行 的開發，本節主要讓學生掌握frontpage站點的建立 導航框架的搭建，目的是通...
用PS製作網頁常用水晶按鈕
水晶按鈕最終效果圖 1 開啟ps，新建乙個檔案，在工具箱中選擇圓角矩形工具，如下圖所示設定 2 新建乙個圖層後，在畫布上拉出乙個長方形，就得到這樣的結果。為了更好的給大家講解，這個圖放大了400 顯示 如果大家得到這樣的結果。就需要將 對齊畫素 的選項給勾上。3 為這個圖層新增圖層樣式。得到結果如圖...