华语师新资培训班.pptVIP

FrontPage 2002 華語師資培訓班 國立高雄大學資管系 陶幼慧 ytao@.tw 2006.4 大綱 操作模式 基本文字處理 FTP上傳 基本圖形處理-A 超連結-B 表格-C 動態網頁設計-D (部份) 錄製聲音-E 背景樣式 分割畫面 FrontPage 2002 操作模式 FrontPage 2002 主視窗及網頁檢視模式 編製網頁內容 三種標籤頁 一般標籤頁:文書處理方式 HTML標籤頁: HTML標記語言方式 預覽標籤頁: 瀏覽器方式 FrontPage Web網站的建立 檔案/開新/Web 來建立新Web，先選空白Web 透過Web方式管理檔案可免除檔案途徑設定一籮筐的問題!!!! 非常重要 Web網站的管理 一旦建立新Web，之後就是「開啟」與「關閉」 FrontPage 2002 基本文字處理 如同Word文書處理方式 編修文字 格式化文字 字型與大小 粗/斜/底線 文字色彩及背景色彩 文字效果(如上下標) 字元間距 段落格式 編號與項目符號 加入框線及網底 FrontPage 2002 FTP檔案傳輸 登入與建新資料夾 04 輸入帳號密碼即可 fp2002/fp2002 檔案上傳(下載) 如何看你的網頁 FrontPage 2002 基本圖形處理 網頁圖片的格式 GIF (Graphics Interchange Format) 256色，壓縮效率好，但失真 支援透明背景 支援製作動態物件 JPEG (Joint Photographic Experts Group) 壓縮會失真 PNG (Portable Network Graphics) 24位元全彩影像 舊版的瀏覽器無法顯示PNG圖檔 網頁背景色彩 格式/背景的背景標籤頁：可設定背景色彩、文字色彩、超連結文字色彩 插入圖片 插入/圖片 從檔案資料夾處選取圖檔，需另存新檔將圖檔存入images目錄中 插入美工圖片- 系統內部 插入/圖片 從系統內搜尋並進行多媒體檔案分類 哇啦！多媒體藝廊的美工圖片 線上多媒體藝廊提供更多適當的多媒體圖檔的選擇 圖片的選取與大小調整 圖片的調整 設定透明色彩 絕對位置：移動圖片之位置 插入圖中文字 圖片內容設定 插入水平線 FrontPage 2000 超連結 URL (Universal Resource Locator,一致資源定址器) Internet表示網路資源種類與地址的方式 Protocol(協定):協議公定的標準,如 http (Hyper Text Transport Protocol) ftp (File Transfer Protocol)等 例子 .tw gopher://.tw .tw 17 mailto:ytao@.tw 超連結的目的地 連結到其他網頁 與檔案連結 連結到電子郵件 連結到其他網站 連結到同一頁中的書籤處 影像地圖 網頁導覽列 超連結到其他網頁 選取文字區塊或圖片 選取插入/超連結指令 對話框內選取網頁檔案名稱 儲存檔案 開啟瀏覽器檢視結果：文字下方有一顏色的底線或圖片有框線 超連結設定操作畫面 超連結到檔案 步驟同上頁 唯目的在於網頁上提供檔案下載之連結 檔案的格式主要是非 .htm的型態 檢視時可選擇直接開啟或儲存檔案的方式 超連結到電子郵件 同上，惟點選電子郵件地址的對話方塊 超連結到其他網站 同上 唯輸入的URL是HTTP (Hyper Text Transfer Protocol)的地址 例如國立高雄大學為 .tw 又如Google搜尋網站為 .tw 超連結到同一頁的書籤 設定書籤 插入\書籤指令 輸入書籤名稱並按確定 網頁書籤插入點有一書籤的符號出現，或字串有底線出現 連結到書籤 建立超連結方式同前 不輸入URL處 點選這份文件中得位置所跳出視窗的書籤名稱即可 書籤的操作概念 步驟一：書籤的設定 插入\書籤指令 步驟二：超連結至書籤 影像地圖超連結 三種形狀之影像範圍設定，其餘與前相同 FrontPage 2002 表格版面配置 版面佈置：表格 網頁版面佈置管理 隱藏框線：框線大小設為 0 版面區塊大小設定：適當的合併、分割儲存格 每一儲存格皆可獨立 輸入文字內容 對齊與樣式等等 插入圖形 背景、顏色 表格的建立方式之一 可由插入\表格對話視窗 建立 表格的建立方式之二 一般工具列中的表格按鈕快速建立 表格儲存格的操作 插入欄或列：表格\插入\列或欄 合併分割：表格\合併(分割)儲存格指令 表格的版面格式的設定 表格版面：表格\內容\表格 見下圖 表格的儲存格設定 表格框線及背景：表格\內容\儲存格 FrontPage 2002 動態網頁設定 插入Web 元件主畫面 動態網頁設計:跑馬燈 插入\Web元件\跑馬燈