《frontpage網頁製作》實驗教學指導書
一、實驗目的
1. 了解frontpage的基本功能；。
2. 能夠利用frontpage建立web站點、編輯網頁、在網頁中插入多**資訊及常見的動態元素，設定網頁過渡效果。
4．掌握網頁中超級鏈結的設定與使用；
3．掌握利用frontpage規劃、設計和製作網路課件的一般步驟、技術、技巧和方法，從而培養學生資訊意識，以及將來利用網路進行教學的意識，培養他們利用現代教學**分析和解決問題的能力。
二、實驗內容
自選或根據提供的教學內容與素材設計並製作一節課的網路課件，要求介面布局得當，色彩搭配合理，整體效果美觀，**資訊豐富，互動性等技術運用比較合理，做實驗前經過了仔細的推敲和設計，有設計思路（提供支援材料），符合教學、學習要求。要求課件有（學習目標、教學內容、課後練習、學習資源等幾個不同的網頁，且網頁之間能夠方便的跳轉。
三、實驗儀器、裝置
多**計算機，frontpage。
四、實驗原理
任務驅動法，frontpage的基本操作，應用frontpage設計製作主題明確網頁。
五、實驗步驟
（一）簡單網頁的建立
1．在「開始」選單->「程式」->office2003->frontpage2003開啟frontpage進入操作介面。
2．選擇在「檔案」 → 「新建」，建立新的空白站點。
3．新建乙個空白網頁，預設的名稱為「index.htm」作為整個課件的首頁。
4．根據課件主題選擇合適的**、聲音、**、檔案，複製到**的「images」資料夾內（或在**中新建相應的聲音、**資料夾）。
5．為網頁新增背景**和背景**。在網頁上單擊滑鼠右鍵，選擇「網頁屬性」 → 「格式」選項卡選中背景的**的複選按鈕，新增images資料夾內的**檔案；「常規」選項卡新增「images」資料夾內的**檔案，單擊「確定」返回到網頁。
6．輸入該課的名稱及簡單的背景等資訊，插入有關的**。
7．把滑鼠的移到網頁的第一行，選擇選單「插入」 →「web元件」 → 「動態效果」，雙擊「動態字幕」，在出現的對話方塊中輸入歡迎詞，並做相應的設定。單擊確定返回網頁。
8．滑鼠移到最後一行，選擇選單「插入」 →「web元件」 → 「動態效果」，雙擊「互動文字」，在出現的對話方塊內選擇合適的樣式，並把文字改為「開始學習」。
9．在網頁的最後一行，選擇「插入」－>選單，插入水平線，按下圖做相應的設定。
10．在水平線的下一行，輸入文字「**：123456789 eamil：
11．瀏覽網頁。在操作視窗左邊的資料夾視窗中，選擇想要瀏覽的檔名，單擊滑鼠右鍵，選擇在瀏覽器中預覽，如果沒儲存按預設的路徑儲存網頁。
12．新建空白網頁，儲存命名為：教學內容.htm。
13．利用**布局，插入**4行1列的**（根據內容可以自行設計），在第一行輸入課的名稱，並選擇合適的字型、大小和顏色。在第二行**內插入水平線，雙擊水平線設定出現對話方塊設定水平線的粗細、形狀等。如果內容較多將教學內容分成幾個模組，給每個模組起簡單名字。
在第3行**內，單擊滑鼠右鍵選擇拆單元格，根據模組的多少，拆分不同幾列，將模組的名字分別寫入不同的列內。在第4行**內，輸入課件的教學資訊的文字、**、動畫等。
（1） 把游標移到要插入圖象的地方，選擇「插入」→「**」→「來自檔案」命令，開啟「**」對話方塊，選擇images資料夾內**檔案（如果**不在該資料夾下，拷入該文夾內）。如果為gif檔案也可能為動畫。
（2）選擇「插入」→「**」→「flash影片」命令，開啟對話方塊，選擇選擇images資料夾內swf影片檔案（如果影片不在該資料夾下，拷入該文夾內）。
（3）插入**。選擇「插入」→「**」→「**」命令，插入**檔案。
（4）設定好後選中**，單擊右鍵，設定**屬性，如下圖所示：
（5）瀏覽儲存。
14．新建空白網頁，儲存命名為：學習目標.htm，輸入相應的資訊；瀏覽儲存網頁。（按上述步驟寫入相應的內容）。
15．新建空白網頁，儲存命名為：課後練習.htm，輸入相應的資訊；瀏覽儲存網頁。（按上述步驟寫入相應的內容）。
16．新建空白網頁，儲存命名為：學習資源.htm，輸入相應的資訊；瀏覽儲存網頁。（按上述步驟寫入相應的內容）。
（二）對網頁進行藝術加工處理
1．設定沒有背景**的網頁的設定背景色、前景色。單擊滑鼠右鍵，選擇網頁屬性→格式→顏色，改變網頁的背景顏色、文字顏色以及超級鏈結的顏色。
2．在網頁過渡效果：如混合、盒狀收縮、圈入、圈出、水平隱現等。選擇「格式」→「網頁動態」命令在對話方塊內設定合適的網頁效果
3．建立各種超連結。
（1）書籤的使用。
1）選擇「教學內容.htm「，進入網頁的編輯狀態。在各個模組的開始或標題處選擇「插入」→「書籤」命令，在對話方塊內設定書籤的名稱。
2）在第二行內選中第一列的文字，單擊滑鼠右鍵選擇超級連線，在出現的對話方塊內的右側按鈕選擇書籤按鈕，然後在出現的對話方塊內選擇合適的書籤名稱，單擊「確定「按鈕，返回網頁；按此方法設定其他的超級鏈結。
3）在每個模組的最後一行，插入文字「【返回】」並選中，單擊滑鼠右鍵選擇超級連線，在出現的對話方塊內選擇超級鏈結為當前的網頁。
（2）網頁超級鏈結的建立
1）選擇「index.htm「，進入網頁的設計介面，選擇 「開始學習」按鈕，單擊滑鼠右鍵，選擇快捷選單中的「超級鏈結」進入超級鏈結的對話方塊，選擇「教學內容.htm」，單擊確定按鈕。
2）為郵件建立超級鏈結。選中單擊滑鼠右鍵，選擇快捷選單中的「超級鏈結」進入超級鏈結的對話方塊，在位址列中輸入：
（3）共享框的建立。在各網頁間跳轉。
選擇「格式」→「共享邊框」命令，在出現的對話方塊內設定左邊為共享框。
（4）在共享框內輸入要建立的超級鏈結名稱，如下圖所示
（三）重新調整網頁的布局結構，調整色彩等整體效果，直到滿意。
六、實驗報告要求
操作記錄要根據自己的實際操作填寫操作過程。
用FrontPage製作網頁課件教程彙總
教學目標 了解用frontpage製作課件的優勢與不足，學會用frontpage製作網頁型課件。重點難點 重點是如何在frontpage插入多 素材，難點是課件互動性的實現和網頁源 的應用。教學策略 教師例項演示，學生上機操作，教師輔導和點評。選擇 主要採用frontpage示範課件和實際操作講解相...
網頁的製作 用frontpage建立站點
4.3網頁的製作 用frontpage建立站點 韶關市田家炳中學黃晶晶 一 教學內容分析 網頁的製作 是廣東教育出版社出版的高中資訊科技 網路技術應用 選修3 中第四章第三節的內容。本章內容是使用frontpage進行 的開發，本節主要讓學生掌握frontpage站點的建立 導航框架的搭建，目的是通...
網頁製作心得
江蘇經貿職業技術學院 實訓報告 2011 2012 學年第一學期 二00六年二月制 三 實訓步驟 這一周，我們要進行 設計與製作 實訓，我們認為做 前最主要的是確定主題 框架和標題欄的設計。因此我確定製作以 個人 為主題的 個人網 之後 規劃，上網瀏覽他人優秀 蒐集相關材料並整理。1.確定主題。製作...