Transcript 下載/瀏覽
第2章 FrontPage 的基本操作 本章提要 開啟與認識 FrontPage 的工作環境 網站的 6 種檢視模式 網頁的 4 種檢視模式 建立網站的方法 網站的開啟、關閉與刪除 開啟與認識 FrontPage 的工作 環境 開啟 FrontPage 工作窗格 開啟 FrontPage 請執行『開始/所有程式/ Microsoft Office / Microsoft Office FrontPage 2003』命令, 開啟 FrontPage 主視窗： 開啟 FrontPage 開啟 FrontPage 開啟 FrontPage FrontPage 可分成網站及網頁模式。 網站模式的作用, 是方便我們進行網站內 檔案的全盤掌控與管理, 按下網站鈕可切 換至該模式。 按下網頁標籤則可切換到網頁模式, 此模 式會顯示網頁的內容, 也就是我們實際編 輯網頁的場所。 檢視列與工具列 檢視列：在視窗左下角的檢視列, 會 依據目前所在的是網站或網頁模式, 顯示不同的檢視模式按鈕。 工具列：執行『檢視/工具列』命令, 再選取工具列的名稱, 即可開啟或關 閉工具列： 工具列 工具列 工作窗格 工作窗格是預設開啟在視窗右邊的一塊 工作區域, 提供我們在編輯網頁、設定網 站時相關的工作內容, 例如可在開新檔案 工作窗格建立新網頁、在儲存格格式設 定工作窗格調整表格的樣子…等, 可以視 需要來開啟、關閉或移動它。 工作窗格的設定內容, 會隨網頁與網站模 式顯示不同的內容： 工作窗格 工作窗格 在啟動 FrontPage 後, 預設會將工作窗格 顯示出來, 如果你的工作窗格被關閉了, 請執行『檢視/工作窗格』命令將之開啟, 以下我們用網頁模式的工作窗格, 來說明 工作窗格的操作技巧： 工作窗格 浮動的工作窗格 拉曳工作窗格的移動把手, 可將工作窗格 移動到工作環境的任一位置上；移動後 若想讓工作窗格回復到原來的右邊區域, 且不遮蔽到工作區域, 請雙按工作窗格的 移動把手。 切換工作窗格 按下工作窗格 的標題列, 或 是標題列上的 向下箭頭, 再 從中選取需要 的命令, 即可 切換至該工作 窗格： 網站的 6 種檢視模式 『資料夾』檢視模式 『遠端網站』檢視模式 『報告』檢視模式 『導覽』檢視模式 『超連結』檢視模式 『資料夾』檢視模式 資料夾模式的樣子、功能與檔案總管類 似, 舉凡網站中檔案的搬移、複製、刪除、 更名…等工作, 都可以在此模式完成。 此模式下最大的好處, 就是可以很清楚地 看到整個網站中所有的檔案。 『資料夾』檢視模式 『遠端網站』檢視模式 遠端網站模式可方便我們將網頁上傳至 網頁空間。切換至此視窗並完成遠端網 站的相關設定後, 會看到左右兩個窗格, 分別代表了目前網站的內容, 及 Server 端 的檔案內容： 『遠端網站』檢視模式 『報告』檢視模式 FrontPage 還可以幫我們對網站做全盤的 管理, 在報告模式下, 檔案可依各種資訊 排序, 例如：檔案大小、更新日期…等, 進而幫你找出哪些是該減肥的網頁、哪 些是網頁孤兒, 若有不用的檔案就將它剔 除, 以免浪費網站的硬碟空間。 『報告』檢視模式 『導覽』檢視模式 製作一個網站, 已經不能單從一個個網頁 來考量, 而必須先設計好完整的網站架構, 這樣網站才會給人更整體、一致的感覺。 想要讓網站有較佳的配置狀況, 最好的方 法就是在網站建立前, 先在導覽模式繪製 出網站的藍圖, 再一一進行編輯： 『導覽』檢視模式 『超連結』檢視模式 無論網站大小, 多多少少都會包含指向網 站內部, 或指向其它網站的外部超連結, 除此之外, 還有網頁中圖檔及其它檔案的 連結, 若要檢視這些網頁的連結狀況, 請 切換至超連結模式。 『超連結』檢視模式 『工作』檢視模式 FrontPage 也提供一個方便多人共同管理 及編輯網頁的檢視模式。當網站事務分 派給專門的人員來負責時, 在工作檢視模 式中即可追蹤管理這些分派的工作。 工作檢視模式除了必須是網路環境外, 還 需要一部伺服主機, 用來存放共同完成的 網站內容, 且伺服主機還必須安裝 Web 伺服軟體及 FrontPage Server Extensions 。 網頁的 4 種檢視模式 『設計』檢視模式 『分割』檢視模式 『程式碼』檢視模式 『預覽』檢視模式 『設計』檢視模式 設計模式是最適合用來編輯網頁內容的 模式, 不論是要在網站中加入文字、圖片, 甚至各種特效, 都可在設計模式中進行。 即使不懂得 HTML 語法, 也可以製作出 非常專業的網頁。 『設計』檢視模式 『分割』檢視模式 切換到分割模式後, 視窗會自動分割成上 下兩個窗格, 上面窗格顯示網頁的 HTML 原始碼, 下面窗格則顯示網頁的設計模式, 方便你同時檢視原始碼及網頁內容： 『分割』檢視模式 HTML 簡介 HTML 的全名是HyperText Markup Language, 是網頁的標記式語言。早期在 撰寫網頁時, 都是在記事本或 PE2 之類的 文字編輯器內輸入 HTML 語法, 再由瀏 覽器將這些語法轉換成網頁： HTML 簡介 HTML 簡介 『程式碼』檢視模式 程式碼模式下可直接編輯 HTML 原始碼。 『預覽』檢視模式 網頁的檢視模式 若是在編輯網頁的同時, 還想全盤掌控網 站資料夾內的檔案, 可執行『檢視/資料夾 清單』命令, 在視窗的左邊開啟資料夾清 單窗格： 網頁的檢視模式 網頁的檢視模式 建立網站的方法 在電腦裡新增一個資料夾, 然後把網頁 (HTML 檔)、圖片等都放到這個資料裡, 再經過伺服器軟體的轉換之後, 這個資料 夾就成為一個 WWW 網站了。 我們不能用檔案總管來新增網站資料夾, 因為 FrontPage 的網站資料夾另包含了 許多隱藏資料夾及檔案, 以提供網路存取 時的必要資訊, 所以必須透過 FrontPage 才能完整地建立一個新的網站。 建立新的網站 請將工作窗格切換至 開新檔案頁次 (執行 『檢視/工作窗格』 可顯示工作窗格)： 建立新的網站 建立新的網站 隱藏資料夾 建立網站後, FrontPage 會自動幫我們產 生兩個資料夾。 _private 用來存放表單 結果；images 則是儲存網站圖片的地方。 如果套用非單頁網站、空白網站的其它 範本, 可能會出現更多的資料夾, 例如： _borders、_themes…等。這些資料夾扮 演著維持網站架構的重要角色, 所以千萬 不可隨意刪除或移動。 隱藏資料夾 如果怕誤刪了這些資料夾, 請執行『工具/ 網站設定』命令, 切換到進階頁次： 選擇網站範本 建立新網站時, 可直接套用網站範本, FrontPage 會自動組織約略的網站架構。 選擇網站範本 對於初次接觸網頁設計的人, 可從個人網 站這個範本下手, 只要套用佈景主題, 再 打一些文字進去, 就能快速完成個人網站。 若你想白手起家, 可選擇單頁網站或空白 網站。前者會建立一個空白的首頁, 後者 則無, 但同樣都可以讓你從頭開始規劃網 站內容。 指定網站資料夾 指定網站資料夾的方式有兩種, 一種是絕 對路徑, 也就是用「C:\My Webs」的方 式指定, 適合沒有安裝伺服器的使用者。 另一種是用「http://」的方式指定, 就如 同在 Internet 上的位址一樣, 若你已安裝 伺服器軟體, 則建議用「http://」來指定 網站存放的路徑。 指定網站資料夾 絕對路徑：FrontPage 會事先在「C:\My Documents\」裡建立一個「My Webs」 資料夾, 做為網站的根目錄, 你可以將自 己的網站指定為子資料夾, 例如「C:\My Webs\myweb」；也可以將網站放在電腦 中的其它位置, 如「D：\Test」, 只要方便 自己管理就行了。 指定網站資料夾 用 http 方式指定網站路徑：如果你已安 裝 Web 伺服器, 那麼強烈建議你使用 http 方式來建立網站, 其格式是 "http:// 電腦名稱/網頁名稱"。這樣以後就能以 http 的形式來編輯、預覽網站, 即使不將 網頁上傳到 Internet, 也能看到正確的結 果。 指定網站資料夾 使用絕對路徑的缺點 採用絕對路徑指定網站資料夾時, 由於用 不到 Web 伺服器的功能, 也沒有 FrontPage Server Extensions 的支援。將 無法在自己的電腦上預覽用FrontPage 製 作的計數器、表單等元件, 需要伺服器端 支援的功能 (如 ASP 網頁), 也無法正確執 行, 必須等上傳到 Internet 的 Web Server 後, 才能看到真正的結果。 網站的開啟、關閉與刪除 開啟已存在的網站 匯入現成的網站 關閉目前的網站 刪除網站 開啟已存在的網站 請執行『檔案/開啟網站』命令 (或按下 開啟舊檔鈕右邊的向下箭頭, 選擇開啟網 站命令)： 迅速開啟編輯過的網站 執行『檔案/ 最近使用的網 站』命令, 可 由清單中開啟 最近編輯過的 網站。快速入 門工作窗格也 具有相同功能： 匯入現成的網站 我們還可以將現成的網站、檔案或資料 夾匯入 FrontPage 中, 例如將之前建構好 的網站匯進來修改；或是將會用到的圖 檔、音效檔…等匯入網站資料夾, 當要使 用時便可直接從網站資料夾中取得。 匯入現成的網站 匯入時請執行『檔案/匯入』命令： 匯入現成的網站 匯入現成的網站 匯入現成的網站 關閉目前的網站 想要關閉目前正在編輯的網站, 請在 FrontPage 中執行『檔案/關閉網站』命 令, 或直接將 FrontPage 關閉。 刪除網站 如果想要刪除某個網站, 請先開啟欲刪除 的網站, 然後開啟資料夾清單, 選取最上 層的網站資料夾, 再按下 [Delete] 鍵： 刪除網站