5月5日-FrontPage2003简介.ppt

設計檢視模式 所見即所得 不懂HTML語法也可透過此模式設計網頁 部分效果無法在此模式下顯示(如跑馬燈效果) 程式碼檢視模式 檢視及編修HTML網頁原始碼的編輯模式 透過此模式可加入JavaScript, JavaApplet, ASP等程式碼 使用者要了解 HTML或其他網頁程式之語法 分割檢視模式 同時具有設計與程式碼檢視模式特性之綜合檢視模式 上視窗顯示網頁程式碼，下視窗顯示頁面效果 上視窗或下視窗的修改可以馬上對應到另外ㄧ個視窗的顯示結果 加快網頁設計的速度 減少頁面或程式碼編輯區域 預覽檢視模式 專門用於檢視網頁效果的模式 透過此模式可以準確地瀏覽網頁內容及效果 好用的工作窗格 FrontPage中共有16種不同的功能可切換執行，藉由工作窗格中所顯示的功能或提示，可以引導您完成各種不同的工作。 進入FrontPage之後，工作窗格 即會自動開啟，並位於 快速入門 工作窗格。若要手動開啟 工作窗格 可執行 檢視/工作窗格 指令。 線上求助 幾乎每一種應用程式都會附帶詳盡的功能解說，以備使用者操作發生問題時能即時解決！ 開啟/關閉檔案 開啟網站、網頁 儲存及檔案位置 關閉網站、檔案 建立網站 網站架構 網頁版型 編輯文字 插入圖片 文字/圖片插入超連結 建立表格 建立互動按鈕、跑馬燈 網站架構 ※操作練習： 請規劃您的網站架構，至少包含「首頁」、 「成員介紹(工作分配)」、「資源分享」..等 基本網頁版型 LOGO 橫幅、網站名稱 分頁選項 內容 頁尾：版權說明、地址、聯絡電話….等 編輯網站內容 編輯文字 插入圖片 文字/圖片插入超連結 插入表格 width=控制表格長度，可用數字或百分比 cellspaing=控制儲存格的分隔距離，內定為2 background=背景圖檔 border=控制外框粗細，不外框便設成0 table border=1 td儲存格1/td td儲存格2/td tr td儲存格3/td td儲存格4/td /table 儲存格1 儲存格2 儲存格3 儲存格4 表格語法 表格屬性 align=控制水平是left(靠左)／right(靠右)／center(置中) valign=控制垂直是top(靠上)／middle(置中)／bottom(靠下) background=背景圖檔 colspan=使一個儲存格橫跨 N 個欄位 rowspan=使一個儲存格下跨 N 個列 ※操作練習： 1.請以表格建立您的網頁版型 2.請於「成員介紹」分頁建立組員姓名、工作分配 插入互動按鈕 插入跑馬燈 插入多媒體物件 插入影片： ?插入/圖片/視訊 插入Flash動畫： ?插入/圖片/Flash格式的影片 插入背景音樂： ?格式/背景/一般 插入Youtube 影片 ※請將embed 改為v，並在src 的參數中加入autoplay=0(自動播放:1) ※修改前 iframe width=“560” height=“315” src=/embed/p8gVaTW5Fnc frameborder=0 allowfullscreen/iframe ※修改後 iframe width=560 height=315 src=/v/p8gVaTW5Fncautoplay=0 frameborder=0 allowfullscreen/iframe 請設計您的網頁，並於下課前上傳至iCan 請將您上網搜尋到有關下列資源，並於您設計的網頁中分享： 1.Frontpage教學網站 2.網頁設計素材(如動畫、背景、音樂)的網站 “ ” “ ” FrontPage 2003 指導老師：廖述盛 教授 報 告 人：幸廣泰 助理 檢視模式簡介大綱 FrontPage 2003的特色 認識FrontPage 2003工作視窗 六種網站檢視模式 四種網頁檢視模式 FrontPage 2003的特色 網站與網頁設計並重 簡易而專業的操作方式 網頁排版與資料定位 圖片素材編輯與美化 簡易的快取圖案繪製與應用 出色的網頁特效製作 表單與資料庫聯合應用 認識FrontPage 2003工作視窗 認識FrontPage 2003工作視窗(續) 網站檢視模式 資料夾 遠端網站 報告 導覽 超連結 工作 資料夾檢視模式 資料夾檢視模式 功能及外觀與檔案總管類似 變更檔案名稱 變更網頁標題 搬移、複製、刪除檔案或資料夾 很清楚地看到整個網站中所有的檔案 遠端網站檢視模式 遠端網站檢視模式 方便我們將網頁上傳至網頁空間 設定伺服器名稱、使用者名稱與使用者密碼 左視窗代表目前網站的內容 右視窗代表Server 端的檔案內容 報告檢視模式 報告檢視模式 分析網站及管理網站內容