FrontPage的基本使用

第三章FrontPage的基本使用3-1FrontPage網頁工具3-2啟動與關閉FrontPage3-3建立網站3-4開啟存在的網站3-5建立全新的網頁3-6匯入網頁檔案3-7預覽網頁內容3-1FrontPage網頁工具網頁檔案的原始碼是HTML標籤，這是一種標籤語言，對於大多數不善於程式設計的使用者而言，撰寫HTML標籤仍然是一件十分困難的事，所以軟體公司就開發網頁編輯工具，可以讓使用者不用學習HTML標籤，也一樣能夠製作網頁。FrontPage2003是Office2003家族的網頁編輯工具，這是一套功能強大的網站管理和網頁設計工具。FrontPage承襲Office人性化的使用者介面，提供「隨看即所得」(WYSWYG)使用者介面，使用者不用學習HTML標籤，一樣可以輕鬆建立專業的網站和網頁內容。3-2啟動與關閉FrontPage3-2-1啟動FrontPage3-2-2FronPage的使用介面3-2-3離開FrontPage3-2-1啟動FrontPage在安裝好FrontPage2003後，我們就可以從「開始」功能表啟動FrontPage。請執行「開始」→「所有程式」→「MicrosoftOffice」→「MicrosoftOfficeFrontPage2003」指令啟動FrontPage。3-2-2FronPage的使用介面-圖例3-2-2FronPage的使用介面-說明1功能表：FrontPage的功能表選單，提供網頁編輯和網站管理各項功能指令。在「檢視」功能表可以切換FrontPage網站的檢視模式，分別為：網頁、檔案清單、網站報告、網站架構、超連結結構和工作管理等檢視模式。工具列：FrontPage的工具列按鈕，可以快速執行編輯或管理功能，預設顯示【一般】和【格式】工具列，執行「檢視」→「工具列」指令可以隱藏或顯示其它工具列。網頁編輯視窗：網頁內容顯示和編輯區域，在中間是編輯區，上方和下方分別為切換標籤，如下所示：檢視切換標籤：在上方標籤的第一個網站標籤可以切換為網站檢視，之後是開啟的網頁檔案標籤，在FrontPage可以同時編輯多頁不同的網頁檔案。3-2-2FronPage的使用介面-說明2HTML標籤：顯示網頁中游標所在位置的HTML標籤，以此例是body標籤。網頁檢視標籤：在下方標籤選擇網頁內容的檢視方式，【設計】標籤就是隨看即所得的網頁編輯區、【分割】是分成上下兩個程式碼和設計視窗，【程式碼】標籤可以顯示網頁的HTML原始碼，【預覽】標籤是FrontPage內建的網頁預覽功能。工作窗格：顯示FrontPage曾經開啟過的網頁，可以快速新增、開啟網頁或網站。資料夾清單/導覽窗格：在下方標籤可以切換顯示網站的檔案與資料夾清單，或是網站的導覽架構。狀態列：FrontPage的狀態列，左下角顯示網路連線的載入網頁時間，不同連線速度，顯示不同的秒數。3-2-3離開FrontPage在使用FrontPage完成網站建立或網頁編輯後，可以結束FrontPage的執行，FrontPage預設記得上一次開啟的Web網站或網頁。請執行「檔案」→「結束」指令離開FrontPage2003。3-3建立網站3-3-1建立資料夾的網站3-3-2建立伺服器的網站3-3-1建立資料夾的網站FrontPage在2000版之後支援資料夾的網站，專業的說法是本機架構的網站，也就是直接在硬碟的資料夾建立網站。3-3-2建立伺服器的網站如果使用者擁有Web伺服器的網頁空間，FrontPage可以直接建立伺服器架構的網站，此時的網頁檔案是儲存在Web伺服器的目錄。3-4開啟存在的網站3-4-1開啟資料夾的網站3-4-2開啟伺服器的網站3-4-1開啟資料夾的網站在FrontPage建立好資料夾的網站後，只需執行「檔案」→「關閉網站」指令就可以關閉網站，然後在FrontPage開啟其它資料夾的網站。3-4-2開啟伺服器的網站如果是伺服器的網站，FrontPage都一視同仁，可以使用相同的方式開啟網站。3-5建立全新的網頁3-5-1在導覽檢視建立網頁3-5-2使用範本建立網頁3-5-3儲存網頁內容3-5-1在導覽檢視建立網頁在FrontPage的【導覽】檢視可以建立網頁檔案，並且在新增網頁時順便建立網站的導覽架構。3-5-2使用範本建立網頁在【導覽】檢視新增的網頁檔案是空白內容的網頁，FrontPage提供現成的範本網頁，可以快速建立擁有網頁內容的網頁。3-5-3儲存網頁內容在網站建立網頁內容，不論是否使用FrontPage開啟網站都可以新增網頁，不過在建立網頁後，我們需要儲存網頁內容。3-6匯入網頁檔案如果使用者已經使用其它的編輯工具或HTML標籤建立網頁，在FrontPage可以將現成的網頁檔案匯入成為Web網站的網頁。3-7預覽網頁內容2-7-1FrontPage的預覽標籤2-7-2使用瀏覽程式預覽3-7-1FrontPage的預覽標籤FrontPage內建的預覽功能能夠快速預覽網頁編排，筆者建議在網頁編輯的過程，使用此標籤進行快速預覽，最後再使用第3-7-2節的外部瀏覽程式進行最後的確認。3-7-2使用瀏覽程式預覽雖然FrontPage的預覽功能可以處理大部分編輯過程所需的預覽，但是最後的網頁內容是使用瀏覽程式載入，所以在編輯好網頁後，記得再次使用瀏覽程式進行網頁預覽。