(FrontPage网页设计教学教案.docVIP

FrontPage網頁設計教學教案 單元名稱 建立分割式框架網頁 班 級 資處213 人 數 52人 教材來源 快快樂樂學FrontPage2003使用技巧，網頁設計相關網站 編表者 李蕙琳 時 間 40分 參考書目 FrontPage學習範本，PhotoImpact11快易通 學生學習條件之分析 學生的起點行為： 熟悉電腦之基本操作，例如啟動電腦、開啟與關閉檔案，使用滑鼠等。 熟悉FrontPage2003軟體的基本操作，如啟動軟體，開啟與關閉檔案，拖曳與按點滑鼠兩下等。 瞭解PhotoImpact11工具列與屬性工具列的位置，並已會存檔與使用文字輸入工具及百寶箱的基本操作。 教學資源 白板，廣播教學系統，PowerPoint投影片，講義 教學方法 講述法，練習法(上機實作)，問答法，示範法 教學目標 單元目標 具體目標 認知方面 認識FrontPage2003的基本操作。 2.認識建立分割式框架網頁製作方法。 3.瞭解套用佈景主題的應用。 4.認識PhotoImpact11元件設計師的使用。 5.瞭解跑馬燈的製作步驟。 6.認識互動式按鈕的設定。 1-1能說出正確開啟網站的方法。 2-1能瞭解建立「橫幅和目錄」框架頁的使用方法 3-1能描述佈景主題套用的方法。 4-1能說明網路元件設計師的使用方法。 4-2能描述插入圖片的設定方式。 4-3能瞭解圖片設定為透明色彩的方法。 5-1能說明跑馬燈功能的設定。 6-1能描述互動式按鈕製作的方法。 6-2能描述按鈕超連結設定的方法。 技能方面 7.學會FrontPage2003的基本操作。 8學會範例作品的製作方法。 7-1熟練FrontPage2003的操作介面。 7-2熟練PhotoImpact11的元件製作。 8-1熟練使用FrontPage2003創作網頁。 三、情意方面 9.增進學習使用網頁設計軟體的樂趣。 10.在團體之中發揮同學愛，並彼此關懷相互協助。 9-1體驗從「做中學」的樂趣。 9-2能主動參與學習活動並樂於發言討論。 10-1擔任小老師協助同學，在團體中表現同學愛。  教學目標 教學活動 教 具 時間 教 師 活 動 學 生 活 動 壹、準備活動 一、課前活動 1.教師課前準備教材內容。 2.擬定單元目標以及行為目標。 3.製作教具、講義。 4.請學生預習本次上課單元內容。 二、引發動機 1.教師事先蒐集相關之網頁，解說其所引發之討論及社會關懷作用，激發學生自由創造的學習興趣。 事先設定網頁主題，並上網搜尋圖片。 預習本章內容。 思考並回應老師所提的問題。 PowerPoint投影片 廣播教學系統 3分 1-1 2-1 3-1 4-1 4-2 4-3 6-1 5-1 6-2 7-1 7-2 8-1 9-1 9-2 10-1 貳、發展活動 教師講解 建立資料夾 按「我的電腦／（Ｃ：）／按右鍵／新増／資料夾」，輸入：班級-座號姓名 開啟網站 執行FrontPage程式：按「開始／程式集／ Microsoft Office／Microsoft FrontPage」 開啟網站：按「檔案／開啟網站」 指定網站資料夾：「C:／個人資料夾」 隨即在左側出現其網站(Web)架構圖，稱為「資料夾清單」（若不小心關閉，可按「檢視／資料夾清單」開啟） 建立空白網頁 按「檔案／開新檔案」，右邊出現「開新檔案」窗格 點選「其它網頁範本」 (或按工具列「建立新的網頁／網頁」) 點選「框架頁」標籤，再點選「橫幅和目錄」後按「確定」 出現框架，點選三個「新增網頁」鈕；表示新增三個空白網頁 將三個空白網頁分別存檔：按工具列「儲存檔案」鈕，儲存位置：「C:／個人資料夾」上面存title.htm、左邊存menu.htm、右邊存main.htm 最後將首頁以index.htm為檔名存入 套用佈景主題 按「格式／佈景主題／選取佈景主題／套用為預設的佈景主題」按「是」 製作title.htm網頁 製作橫幅元件 執行PhotoImpact程式：點選「我的工作區／完整功整」按「是／正確」 按「網路／元件設計師」：點選「橫幅」樣式，按「下一步」，設定「色彩」及「標題／文字」，輸入如：「三信家商資處科 二年13組10號 周杰倫」，勾取「?文字改變時，同時改變形狀」 按「匯出／作為個別物件」，按「儲存」，儲存於：「C:／個人資料夾／images」，輸入檔名：「title」，存檔