华语师资培训班

1、华语师资培训班C. 畫面布置-表格A. 影像- 圖片B. 跳出答案畫面-超連結E. 播放聲音-錄製聲音D.動態按鈕-動態網頁2/23/20222大綱大綱1.1.操作模式操作模式2.2.基本文字處理基本文字處理3.3.FTPFTP上傳上傳4.4.基本圖形處理基本圖形處理-A -A 5.5.超連結超連結-B-B6.6.表格表格-C-C7.7.動態網頁設計動態網頁設計-D (-D (部份部份) )8.8.錄製聲音錄製聲音-E-E9.9.背景樣式背景樣式10.10. 分割畫面分割畫面2/23/20223FrontPage 2002操作模式操作模式2/23/20224FrontPage 2002 Fro

2、ntPage 2002 主視窗主視窗及網頁檢視模式及網頁檢視模式編製網頁內容編製網頁內容 三種標籤頁三種標籤頁 一般標籤頁一般標籤頁: :文書處理方式文書處理方式HTMLHTML標籤頁標籤頁: : HTMLHTML標記語言方標記語言方式式 預覽標籤頁預覽標籤頁: : 瀏覽器方式瀏覽器方式 模擬執行模式模擬執行模式編輯模式編輯模式2/23/20225FrontPage WebFrontPage Web網站的建立網站的建立檔案檔案/ /開新開新/Web /Web 來建立新來建立新WebWeb，先選空白，先選空白WebWeb將將Web的目的的目的地改成地改成D:/myweb/1 13 32 24 4

3、5 52/23/20226透過透過WebWeb方式管理檔案可免除檔案途方式管理檔案可免除檔案途徑設定一籮筐的問題徑設定一籮筐的問題! ! 非常重要非常重要檔案頁次編輯中檔案選取檔案1 12 23 34 42/23/20227WebWeb網站的管理網站的管理開啟既開啟既有網站有網站關閉現關閉現在網站在網站一旦建立新一旦建立新WebWeb，之後就是開啟與關閉，之後就是開啟與關閉2/23/20228FrontPage 2002基本文字處理基本文字處理如同如同WordWord文書處理方式文書處理方式2/23/20229編修文字編修文字 輸入輸入 選取選取/ /刪除刪除/ / 復原文字復原文字 拖曳拖曳

4、/ /複製複製/ /貼上操作貼上操作2/23/202210格式化文字格式化文字字型與大小字型與大小粗粗/ /斜斜/ /底線底線文字色彩及文字色彩及背景色彩背景色彩文字效果文字效果( (如如上下標上下標) )字元間距字元間距2/23/202211段落格式段落格式對齊對齊縮排縮排樣式樣式2/23/202212編號與項目符號編號與項目符號建立編號建立編號建立選項建立選項符號符號2/23/202213加入框線及網底加入框線及網底2/23/202214FrontPage 2002FTP檔案傳輸檔案傳輸2/23/202215登入與建新資料夾登入與建新資料夾1.1.輸入帳號密碼即可輸入帳號密碼即可 fp20

5、02/fp2002 fp2002/fp20024. 重新命名 s+學員證號碼末兩碼例如s161 12 23 34 4空白處按右鍵新增資料夾2/23/202216檔案上傳檔案上傳(下載下載)本機資料夾遠端s16資料夾 選取要複製的檔案 拖曳到另一端即可上傳上傳下載下載2/23/202217如何看你的網頁如何看你的網頁ftp 的IPftp 的帳號ftp 的編號要看的檔案名稱如果是index.htm可省略2/23/202218FrontPage 2002基本圖形處理基本圖形處理2/23/202219網頁圖片的格式網頁圖片的格式GIF (Graphics Interchange Format)GIF

6、(Graphics Interchange Format)256256色，壓縮效率好，但失真色，壓縮效率好，但失真支援透明背景支援透明背景支援製作動態物件支援製作動態物件JPEG (Joint Photographic Experts Group)JPEG (Joint Photographic Experts Group)壓縮會失真壓縮會失真PNG (Portable Network Graphics)PNG (Portable Network Graphics)2424位元全彩影像位元全彩影像舊版的瀏覽器無法顯示舊版的瀏覽器無法顯示PNGPNG圖檔圖檔2/23/202220網頁背景色彩網頁

7、背景色彩格式格式/ /背景的背景標籤頁：可設定背景色彩、背景的背景標籤頁：可設定背景色彩、文字色彩、超連結文字色彩文字色彩、超連結文字色彩背景圖1 12 23 34 42/23/202221插入圖片插入圖片插入插入/ /圖片圖片 從檔案資料夾處選取圖檔，需另存新檔將圖檔從檔案資料夾處選取圖檔，需另存新檔將圖檔存入存入imagesimages目錄中目錄中上傳時才會找得到被引用檔案1 12 23 34 45 52/23/202222插入美工圖片插入美工圖片- - 系統內部系統內部插入插入/ /圖片圖片 從系統內搜尋並進行多媒體檔案分類從系統內搜尋並進行多媒體檔案分類請耐心等待!1 12 22/23

8、/202223哇啦！哇啦！多媒體藝廊的美工圖片多媒體藝廊的美工圖片Office分類點選並複製至網頁指定位置咦! 宅喜蝦眯?1 12 23 32/23/202224線上線上多媒體藝廊提供更多適當多媒體藝廊提供更多適當的多媒體圖檔的選擇的多媒體圖檔的選擇關鍵字搜尋1 12 22/23/202225圖片的選取與大小調整圖片的選取與大小調整選取後圖片檔有八個小點，直接以滑鼠拖曳小點調整大小選取後圖片檔後，可供調整的選項會出現在一工具列中1 12 22/23/202226圖片的調整圖片的調整旋旋轉轉翻翻轉轉圖圖層層順順序序對對比比亮亮度度剪剪裁裁加入加入文字文字: : GIF GIF 圖檔圖檔onlyo

9、nly絕對位置：絕對位置：移動圖片移動圖片之位置之位置從從檔檔案案插插入入圖圖片片設設定定透透明明色色彩彩色色彩彩按按鈕鈕形形重重新新取取樣樣選選取取還還原原2/23/202227設定透明色彩設定透明色彩藍色背景變成透明，以致原先遮住之背景浮現1 13 32 22/23/202228絕對位置：移動圖片之位置絕對位置：移動圖片之位置1 12 23 32/23/202229插入圖中文字插入圖中文字GIF檔方可圖文共存存整份文件時，原先之圖檔以變更，故可重新存檔或另存新檔1 12 23 32/23/202230圖片內容設定圖片內容設定按右鍵選取圖片內容游標移到圖上方時出現之文字說明1 12 22/2

10、3/202231插入水平線插入水平線按右鍵可編輯水平線內容2 21 13 32/23/202232FrontPage 2000超連結超連結2/23/202233URL (Universal Resource Locator, ,一致資源定址器一致資源定址器) )2/23/202234超連結的目的地超連結的目的地連結到其他網頁連結到其他網頁與檔案連結與檔案連結連結到電子郵件連結到電子郵件連結到其他網站連結到其他網站連結到同一頁中的書籤處連結到同一頁中的書籤處影像地圖影像地圖網頁導覽列網頁導覽列2/23/202235超連結到其他網頁超連結到其他網頁1.1. 選取文字區塊或圖片選取文字區塊或圖片2.

11、2. 選取插入選取插入/ /超連結指令超連結指令3.3. 對話框內選取網頁檔案名稱對話框內選取網頁檔案名稱4.4. 儲存檔案儲存檔案5.5. 開啟瀏覽器檢視結果：文字下方有一顏色開啟瀏覽器檢視結果：文字下方有一顏色的底線或圖片有框線的底線或圖片有框線2/23/202236超連結設定操作畫面超連結設定操作畫面知道URL可直接輸入即可亦可選取網頁檔案1 11 12 23 34 42/23/202237超連結到檔案超連結到檔案步驟同上頁步驟同上頁唯目的在於網頁上提供檔案下載之連結唯目的在於網頁上提供檔案下載之連結檔案的格式主要是非檔案的格式主要是非 .htm .htm的型態的型態檢視時可選擇直接開啟

12、或儲存檔案的方式檢視時可選擇直接開啟或儲存檔案的方式2/23/202238超連結到電子郵件超連結到電子郵件同上，惟點選電子郵件地址的對話方塊同上，惟點選電子郵件地址的對話方塊輸入email地址與主旨即可1 12 23 32/23/202239超連結到其他網站超連結到其他網站2/23/202240超連結到同一頁的書籤超連結到同一頁的書籤 設定書籤設定書籤 插入插入書籤指令書籤指令 輸入書籤名稱並按確定輸入書籤名稱並按確定 網頁書籤插入點有一書籤的符號出現，或字串有網頁書籤插入點有一書籤的符號出現，或字串有底線出現底線出現 連結到書籤連結到書籤 建立超連結方式同前建立超連結方式同前 不輸入不輸入U

13、RL處處 點選這份文件中得位置所跳出視窗的書籤名稱即點選這份文件中得位置所跳出視窗的書籤名稱即可可2/23/202241書籤的操作概念書籤的操作概念同一網頁內的超連結目錄學歷書籤名稱返回超連結目錄1 12 23 32/23/202242步驟一：書籤的設定步驟一：書籤的設定插入插入書籤指令書籤指令輸入一個易於了解的書籤名稱1 12 23 34 42/23/202243步驟二：超連結至書籤步驟二：超連結至書籤1 12 23 34 42/23/202244影像地圖超連結影像地圖超連結三種形狀之影像範圍設定，其餘與前相同三種形狀之影像範圍設定，其餘與前相同1.1.形狀形狀2.2.範圍範圍3.3.超連結

14、超連結4 42/23/202245FrontPage 2002表格版面配置表格版面配置2/23/202246版面佈置：表格版面佈置：表格網頁版面佈置管理網頁版面佈置管理隱藏框線：框線大小設為隱藏框線：框線大小設為 0 0版面區塊大小設定：適當的合併、分割儲存格版面區塊大小設定：適當的合併、分割儲存格每一儲存格皆可獨立每一儲存格皆可獨立輸入文字內容輸入文字內容對齊與樣式等等對齊與樣式等等插入圖形插入圖形背景、顏色背景、顏色2/23/202247表格的建立方式之一表格的建立方式之一可由插入可由插入 表格對話視窗表格對話視窗 建立建立1 12 23 32/23/202248表格的建立方式之二表格的建

15、立方式之二一般工具列中的表格按鈕快速建立一般工具列中的表格按鈕快速建立2/23/202249表格儲存格的操作表格儲存格的操作插入欄或列：表格插入欄或列：表格 插入插入 列或欄列或欄合併分割：表格合併分割：表格 合併合併( (分割分割) )儲存格指令儲存格指令2/23/202250表格的版面格式的設定表格的版面格式的設定表格版面：表格表格版面：表格 內容內容 表格表格 & & 見下圖見下圖2/23/202251表格的儲存格設定表格的儲存格設定表格框線及背景：表格表格框線及背景：表格 內容內容 儲存格儲存格2/23/202252FrontPage 2002動態網頁設定動態網頁設定2/23/2022

16、53插入插入Web Web 元件主畫面元件主畫面2/23/202254動態網頁設計動態網頁設計: :跑馬燈跑馬燈插入插入WebWeb元件元件 跑馬燈跑馬燈 & & 對話方塊對話方塊跑馬文字跑馬文字動作動作設定設定大小、次大小、次數數 、顏色、顏色2/23/202255動態網頁設計動態網頁設計: :橫幅廣告看板橫幅廣告看板插入插入WebWeb元件元件 橫幅廣告管理員橫幅廣告管理員 & & 對話方塊對話方塊輪流出現輪流出現之圖片之圖片點選後連結設定點選後連結設定特效設定特效設定2/23/202256動態網頁設計動態網頁設計: :動態按鈕動態按鈕插入插入WebWeb元件元件 動態按鈕動態按鈕 & &

17、 對話方塊對話方塊按鈕按鈕文字文字超連結超連結色彩效果色彩效果2/23/202257動態網頁設計動態網頁設計: :網頁換場效果網頁換場效果格式格式 網頁切換網頁切換 & & 對話方塊對話方塊事件事件選擇選擇換場換場特效特效2/23/202258動態網頁設計動態網頁設計: :動態動態HTMLHTML效果效果格式格式 動態動態HTMLHTML效果效果事件事件替代替代圖片圖片效果效果2/23/202259插入背景音樂插入背景音樂格式格式 背景背景切換到一般頁次2/23/202260插入視訊檔案插入視訊檔案插入插入 圖片圖片 影像影像2/23/202261超連結視訊檔案超連結視訊檔案插入插入 超連結超

18、連結2/23/202262FrontPage 2002錄製聲音錄製聲音2/23/202263WINDOWS錄音程式使用方法錄音程式使用方法 步驟一步驟一: : 把麥克風插入主機音效卡的 MICMIC 孔步驟二步驟二: 設定麥克風裝置: 開始開始程式集程式集附屬應用程式附屬應用程式視聽娛樂視聽娛樂音量音量控制程式控制程式步驟三步驟三: :開啟錄音程式錄音程式: :開始開始程式集程式集附屬應用程式附屬應用程式視聽娛樂視聽娛樂錄音錄音程式程式步驟四步驟四: :開啟錄音程式錄音程式後，按紅色按鈕開使錄音了，錄完音後再按停止鍵停止鍵就可以了。步驟四步驟四: :錄完後，按下另存新檔另存新檔，將目前的音效檔儲存，就完成錄音的步驟了。2/23/202264錄音程式錄音程式/音量控制程式