第 2 章 FrontPage 2002 的基本操作.

Presentation on theme: "第 2 章 FrontPage 2002 的基本操作."— Presentation transcript:

1 第 2 章 FrontPage 2002 的基本操作

2 本章提要 開啟與認識 FrontPage 2002 的工作環境 自訂工作環境 網站的 6 大檢視模式 建立網站的方法 網站的開啟、關閉與刪除
FrontPage 的 Web 選項設定

3 開啟 FrontPage 2002 的工作環境 開啟 FrontPage 2002 智慧型伸縮功能表 工作窗格

4 認識 FrontPage 2002 的工作環境 FrontPage 2002 的主視窗 檢視列 工具列

5 FrontPage 2002的主視窗

6 檢視列 視窗左邊的檢視列有 6 個按鈕, 分別代表 6 種不同的工作模式 六種檢視模式： 網頁 資料夾 報告 導覽 超連結 工作

7 工具列 執行『檢視 / 工具列』命令, 可任意地開啟 / 關閉個人所需要的工具列

8 智慧型伸縮功能表

9 工作窗格 切換工作窗格 工作窗格的功能

10 工作窗格 Office XP 新增的工作區域 執行『檢視 / 工作窗格』命令可顯示工作窗格 拉曳工作窗格的標題列可以任意移動
雙按工作窗格的標題列可以回復到預設位置

11 工作窗格

12 切換工作窗格

13 工作窗格的功能 工作窗格名稱 工作窗格功能 新增網頁或 Web
開啟原有的網頁/網站, 或空白網頁/網站 開啟網頁/Web 網站範本或啟動網頁/Web 網站精靈 剪貼簿 管理剪貼簿內容, 可由其中預覽或刪除剪貼項目 搜尋 依文件的內容、名稱或關鍵字, 來尋找電腦裡的檔案 插入美工圖案 利用鍵入字組或詞彙描述想要的美工圖案來搜尋適合使用的美工圖案

14 自訂工作環境 顯示 / 隱藏檢視列 顯示 / 隱藏資料夾清單 顯示 / 隱藏導覽窗格 顯示 / 隱藏標籤 自訂功能表內容

15 顯示 / 隱藏檢視列 FrontPage 預設值是將檢視列顯示出來 可以執行『檢視 / 檢視列』命令將其顯示或隱藏

16 顯示 / 隱藏資料夾清單

17 顯示 / 隱藏導覽窗格

18 顯示 / 隱藏標籤 這裡的標籤指的是 HTML 標籤 適用對象： 習慣使用 HTML 語法

19 自訂功能表內容 執行『工具 / 自訂』命令, 開啟自訂交談窗

20 網站的 6 大檢視模式 網頁模式 資料夾模式 報告模式 導覽模式 超連結模式 工作模式

21 網頁模式 一般頁次 HTML 頁次 預覽頁次

22 一般頁次 是一個『所見即所得』(What You See Is What You Get) 的環境
不需懂得 HTML 語言, 只要利用最簡單的方式即可製作出非常專業的網頁

23 一般頁次

24 HTML 頁次 FrontPage 提供直接編輯 HTML 原始碼的功能

25 HTML 頁次

26 預覽頁次 網頁中的某些效果必須在能夠預覽網頁的模式下觀看才會準確 利用此頁次為最快的預覽方法

27 預覽頁次

28 資料夾模式 新增資料夾與檔案 建立隱藏的資料夾 隱藏網頁 搬移、複製、刪除、更名等功能 匯入檔案

29 新增資料夾與檔案 在 FrontPage 建立的網站, 預設只會有 _private 和 images 兩個資料夾 新增資料夾與檔案的步驟
選取要新增資料夾或檔案的項目按下滑鼠右鈕, 執行『新增 / 網頁』 (或『新增 / 資料夾』) 命令 輸入資料夾或網頁名稱, 然後按下 [Enter] 鍵

30 建立隱藏的資料夾 瀏覽者無法瀏覽的資料夾 使用 FrontPage 時看不到的資料夾
建立新的網站時, FrontPage 會建立名為 _private 的隱藏資料夾來儲存表單結果, 瀏覽者無法檢視到此資料夾的內容 使用 FrontPage 時看不到的資料夾 在資料夾清單中無法看到、但瀏覽者可以瀏覽其結果的資料夾

31 隱藏網頁 建立新的網站時, FrontPage 會建立名為 _private 的隱藏資料夾

32 搬移、複製、刪除、更名 檔案或資料夾的搬移、複製、刪除、更名…等動作, 和在檔案總管裡相同 搬移：直接拉曳 複製：按住 [Ctrl] 鍵拉曳
刪除：按下 [Delete] 鍵 更名：在檔案名稱上按右鈕, 選擇『重新命名』命令

33 匯入檔案 在資料夾模式下選定要匯入的資料夾, 然後執行『檔案 / 匯入』命令

34 匯入檔案 如果要匯入幾個檔案, 按下新增檔案鈕；如果要匯入整個資料夾, 就按下新增資料夾鈕

35 匯入檔案

36 匯入檔案 回到匯入交談窗, 選定要匯入的檔案, 按下確定鈕

37 報告模式 對網站做全盤的管理 可依照各種檔案資訊排序, 找出該減肥的網頁、網頁孤兒…, 以刪除不用檔案, 節省網站的硬碟空間

38 導覽模式 網站配置的顯示方式 調整網站架構 改變網頁標題內容

39 導覽模式 可檢視網站配置狀況

40 網站配置的顯示方式 在預設的情況下, 網站配置的顯示方式是由上往下的層級組織架構, 但你也可以利用導覽工具列上的縱向 / 橫向鈕, 可使網站的配置變成由左至右的顯示方式。 也可以在導覽工具列上調整顯示比例 只想檢視網站中某一部份的架構, 按下導覽工具列上的只檢視子目錄鈕

41 調整網站架構 想改變網站的架構, 可以直接在導覽模式中, 用滑鼠拉曳即可

42 改變網頁標題內容 在要修改的網頁上按下滑鼠右鈕, 然後執行『重新命名』命令, 輸入標題名稱後按下 [Enter] 鍵即可

43 超連結模式 檢視網頁的連結狀況, 例如, 網頁中圖檔與其他檔案的連結

44 工作模式 追蹤管理網站製作時分派的工作, 掌握工作進度, 提高工作效率

45 建立網站的方法 建立新的網站 選擇網站範本 指定這個網站資料夾

46 建立新的網站 FrontPage 有內建的網站範本可選用 利用執行『檔案 / 新增 / 網頁或 Web』命令, 建立網站

47 選擇網站範本 在建立新網站時, 我們可以從預設的 10 種網站範本中挑一個喜歡的類型
對於初次接觸網頁設計的人, 建議可以從個人 Web 這個範本著手 不想借助範本的力量, 那麼可選擇「單頁 Web」或「空白 Web」

48 指定網站資料夾 用絕對路徑指定 用 http 方式指定 例如：「C:\ My Webs」 適合沒有安裝伺服器的人使用

49 使用絕對路徑的缺點 完全用不到 Web 伺服器的功能 沒有 FrontPage Server Extension 的支援
需要伺服器端支援的功能 (如 ASP 網頁) 須等上傳到 Internet 後, 才能看到真正的結果

50 網站的開啟、關閉與關閉 開啟已存在的網站與刪除 關閉目前的網站 刪除網站

51 開啟已存在的網站 執行『檔案 / 開啟 Web』命令 或按下開啟舊檔鈕右邊的箭頭, 選擇開啟 Web 命令

52 關閉目前的網站 執行『檔案 / 關閉 Web』 命令 或直接將 FrontPage 關掉

53 刪除網站

54 刪除網站

55 FrontPage 的選項設定 一般頁次 設定編輯器頁次 報告檢視頁次 發送頁次

56 一般頁次的設定 用途：設定工作環境

57 設定編輯器頁次 用途：用來設定開啟檔案的程式

58 設定編輯器頁次

59 報告檢視頁次 用途：用來設定報告模式的環境

60 發送頁次 用途：更改有關發送的設定

61 FrontPage 的 Web 選項設定 Web 設定交談窗 網站資料夾的內容設定

62 Web 設定交談窗 一般頁次 參數頁次 進階頁次 語言頁次 導覽頁次 資料庫頁次

63 一般頁次 用途：更改網站的名稱 ,列出一些關於此 Web 的基本資訊供參考

64 參數頁次 用途：加入關於網站的資訊 若參數頁次中的資料有所更改, 則插入在各網頁中的資訊也會一起改變

65 進階頁次

66 語言頁次 用途：伺服器傳遞到使用者瀏覽器之訊息的語系設定

67 導覽頁次 用途：自訂連結列的連結文字

68 資料庫頁次 用途：將網站與資料庫檔案連接, 然後便可以在網頁中執行『插入 / 資料庫』命令, 利用精靈迅速做出一個 ASP 查詢表單
注意事項： 放置網頁的伺服器有無支援 (或開放) ASP 功能 伺服器一定要安裝最新版本的 FrontPage Server Extensions

69 網站資料夾的內容設定