华语师资培训班

2019/9/16FrontPage20021華語師資培訓班國立高雄大學資管系陶幼慧[e-mail]2006.42019/9/16FrontPage20022C.畫面布置-表格A.影像-圖片B.跳出答案畫面-超連結E.播放聲音-錄製聲音D.動態按鈕-動態網頁2019/9/16FrontPage20023大綱1.操作模式2.基本文字處理3.FTP上傳4.基本圖形處理-A5.超連結-B6.表格-C7.動態網頁設計-D(部份)8.錄製聲音-E9.背景樣式10.分割畫面2019/9/16FrontPage20024FrontPage2002操作模式2019/9/16FrontPage20025FrontPage2002主視窗及網頁檢視模式•編製網頁內容•三種標籤頁–一般標籤頁:文書處理方式–HTML標籤頁:HTML標記語言方式–預覽標籤頁:瀏覽器方式模擬執行模式編輯模式2019/9/16FrontPage20026FrontPageWeb網站的建立•檔案/開新/Web來建立新Web，先選空白Web將Web的目的地改成D:/myweb/…132452019/9/16FrontPage20027透過Web方式管理檔案可免除檔案途徑設定一籮筐的問題!!!!非常重要檔案頁次編輯中檔案選取檔案12342019/9/16FrontPage20028Web網站的管理開啟既有網站關閉現在網站一旦建立新Web，之後就是「開啟」與「關閉」2019/9/16FrontPage20029FrontPage2002基本文字處理如同Word文書處理方式2019/9/16FrontPage200210編修文字•輸入•選取/刪除/復原文字•拖曳/複製/貼上操作2019/9/16FrontPage200211格式化文字•字型與大小•粗/斜/底線•文字色彩及背景色彩•文字效果(如上下標)•字元間距2019/9/16FrontPage200212段落格式•對齊•縮排•樣式2019/9/16FrontPage200213編號與項目符號•建立編號•建立選項符號2019/9/16FrontPage200214加入框線及網底2019/9/16FrontPage200215FrontPage2002FTP檔案傳輸2019/9/16FrontPage200216登入與建新資料夾1.重新命名s+學員證號碼末兩碼例如s161234空白處按右鍵新增資料夾2019/9/16FrontPage200217檔案上傳(下載)本機資料夾遠端s16資料夾•選取要複製的檔案•拖曳到另一端即可上傳下載2019/9/16FrontPage200218如何看你的網頁的IPftp的帳號ftp的編號要看的檔案名稱如果是index.htm可省略2019/9/16FrontPage200219FrontPage2002基本圖形處理2019/9/16FrontPage200220網頁圖片的格式•GIF(GraphicsInterchangeFormat)–256色，壓縮效率好，但失真–支援透明背景–支援製作動態物件•JPEG(JointPhotographicExpertsGroup)–壓縮會失真•PNG(PortableNetworkGraphics)–24位元全彩影像–舊版的瀏覽器無法顯示PNG圖檔2019/9/16FrontPage200221網頁背景色彩格式/背景的背景標籤頁：可設定背景色彩、文字色彩、超連結文字色彩背景圖12342019/9/16FrontPage200222插入圖片•插入/圖片從檔案資料夾處選取圖檔，需另存新檔將圖檔存入images目錄中上傳時才會找得到被引用檔案123452019/9/16FrontPage200223插入美工圖片-系統內部插入/圖片從系統內搜尋並進行多媒體檔案分類請耐心等待!122019/9/16FrontPage200224哇啦！多媒體藝廊的美工圖片Office分類點選並複製至網頁指定位置咦!宅喜蝦眯?1232019/9/16FrontPage200225線上多媒體藝廊提供更多適當的多媒體圖檔的選擇關鍵字搜尋122019/9/16FrontPage200226圖片的選取與大小調整選取後圖片檔有八個小點，直接以滑鼠拖曳小點調整大小選取後圖片檔後，可供調整的選項會出現在一工具列中122019/9/16FrontPage200227圖片的調整旋轉翻轉圖層順序對比亮度剪裁加入文字:GIF圖檔only絕對位置：移動圖片之位置從檔案插入圖片設定透明色彩色彩按鈕形重新取樣選取還原2019/9/16FrontPage200228設定透明色彩藍色背景變成透明，以致原先遮住之背景浮現1322019/9/16FrontPage200229絕對位置：移動圖片之位置1232019/9/16FrontPage200230插入圖中文字GIF檔方可圖文共存存整份文件時，原先之圖檔以變更，故可重新存檔或另存新檔1232019/9/16FrontPage200231圖片內容設定按右鍵選取圖片內容游標移到圖上方時出現之文字說明122019/9/16FrontPage200232插入水平線按右鍵可編輯水平線內容2132019/9/16FrontPage200233FrontPage2000超連結2019/9/16FrontPage200234URL(UniversalResourceLocator,一致資源定址器)•Internet表示網路資源種類與地址的方式•Protocol(協定):協議公定的標準,如•http(HyperTextTransportProtocol)•ftp(FileTransferProtocol)等•例子––gopher://gopher.nsysu.edu.tw–news://news.nsysu.edu.tw––mailto:[e-mail]2019/9/16FrontPage200235超連結的目的地•連結到其他網頁•與檔案連結•連結到電子郵件•連結到其他網站•連結到同一頁中的書籤處•影像地圖•網頁導覽列2019/9/16FrontPage200236超連結到其他網頁1.選取文字區塊或圖片2.選取插入/超連結指令3.對話框內選取網頁檔案名稱4.儲存檔案5.開啟瀏覽器檢視結果：文字下方有一顏色的底線或圖片有框線2019/9/16FrontPage200237超連結設定操作畫面知道URL可直接輸入即可亦可選取網頁檔案112342019/9/16FrontPage200238超連結到檔案•步驟同上頁•唯目的在於網頁上提供檔案下載之連結•檔案的格式主要是非.htm的型態•檢視時可選擇直接開啟或儲存檔案的方式2019/9/16FrontPage200239超連結到電子郵件同上，惟點選電子郵件地址的對話方塊輸入email地址與主旨即可1232019/9/16FrontPage200240超連結到其他網站•同上•唯輸入的URL是HTTP(HyperTextTransferProtocol)的地址•例如國立高雄大學為•又如Google搜尋網站為超連結到同一頁的書籤•設定書籤–插入\書籤指令–輸入書籤名稱並按確定–網頁書籤插入點有一書籤的符號出現，或字串有底線出現•連結到書籤–建立超連結方式同前–不輸入URL處–點選這份文件中得位置所跳出視窗的書籤名稱即可2019/9/16FrontPage200242書籤的操作概念同一網頁內的超連結目錄學歷書籤名稱返回超連結目錄1232019/9/16FrontPage200243步驟一：書籤的設定插入\書籤指令輸入一個易於了解的書籤名稱12342019/9/16FrontPage200244步驟二：超連結至書籤12342019/9/16FrontPage200245影像地圖超連結•三種形狀之影像範圍設定，其餘與前相同1.形狀2.範圍3.超連結42019/9/16FrontPage200246FrontPage2002表格版面配置2019/9/16FrontPage200247版面佈置：表格•網頁版面佈置管理–隱藏框線：框線大小設為0–版面區塊大小設定：適當的合併、分割儲存格–每一儲存格皆可獨立•輸入文字內容•對齊與樣式等等•插入圖形•背景、顏色2019/9/16FrontPage200248表格的建立方式之一可由插入\表格對話視窗建立1232019/9/16FrontPage200249表格的建立方式之二一般工具列中的表格按鈕快速建立2019/9/16FrontPage200250表格儲存格的操作•插入欄或列：表格\插入\列或欄•合併分割：表格\合併(分割)儲存格指令2019/9/16FrontPage200251表格的版面格式的設定表格版面：表格\內容\表格&見下圖2019/9/16FrontPage200252表格的儲存格設定表格框線及背景：表格\內容\儲存格2019/9/16FrontPage200253FrontPage2002動態網頁設定2019/9/16FrontPage200254插入Web元件主畫面2019/9/16FrontPage200255動態網頁設計:跑馬燈•插入\Web元件\跑馬燈&對話方塊跑馬文字動作設定大小、次數、顏色2019/9/16FrontPage200256動態網頁設計:橫幅廣告看板•插入\Web元件\橫幅廣告管理員&對話方塊輪流出現之圖片點選後連結設定特效設定2019/9/16FrontPage200257動態網頁設計:動態按鈕•插入\Web元件\動態按鈕&對話方塊按鈕文字超連結色彩效果2019/9/16FrontPage200258動態網頁設計:網頁換場效果•格式\網頁切換&對話方塊事件選擇換場特效2019/9/16FrontPage200259動態網頁設計:動態HTML效果•格式\動態HTML效果事件替代圖片效果2019/9/16FrontPage200260插入背景音樂格式\背景切換到一般頁次2019/9/16FrontPage200261插入視訊檔案•插入\圖片\影像2019/9/16FrontPage200262超連結視訊檔案插入\超連結2019/9/16FrontPage200263FrontPage2002錄製聲音2019/9/16FrontPage200264WINDOWS錄音程式使用方法步驟一:把麥克風插入主機音效卡的MIC孔步驟二:設定麥克風裝置:開始程式集附屬應用程式視聽娛樂音量控制程式步驟三:開啟錄音程式:開始程式集附屬應用程式視聽娛樂錄音程式步驟四:開啟錄音程式後，按紅色按鈕開使錄音了，錄完音後再按停止鍵就可以了。步驟四:錄完後，按下另存新檔，將目前的音效檔儲存，就完成錄音的步驟了。2019/9/16FrontPage200265錄音程式/音量控制程式2019/9/16FrontPage200266音量控制選項/內容勾選麥克風選項把靜音勾選拿掉2019/9/16FrontPage200267錄音程式2019/9/16FrontPage200268FrontPage2002分割畫面2019/9/16FrontPage200269框架頁範本•檔案\新增\網頁或Web網頁範本•選取框架頁的頁籤選項，點選一樣式2019/9/16FrontPage200270框架網頁設定•每一框頁，可選擇開新網頁或設定起始網頁•設定起始網頁選擇既有網頁來源即可2019/9/16FrontPage200271框架網頁超連結之目標圖文框12345