FrontPage的基本使用.ppt

,按一下以編輯母片標題樣式,按一下以編輯母片,第二層,第三層,第四層,第五層,*,第三章,FrontPage的基本使用,3-1 FrontPage,網頁工具,3-2,啟動與關閉,FrontPage,3-3,建立網站,3-4,開啟存在的網站,3-5,建立全新的網頁,3-6,匯入網頁檔案,3-7,預覽網頁內容,3-1 FrontPage,網頁工具,網頁檔案的原始碼是,HTML,標籤，這是一種標籤語言，對於大多數不善於程式設計的使用者而言，撰寫,HTML,標籤仍然是一件十分困難的事，所以軟體公司就開發網頁編輯工具，可以讓使用者不用學習,HTML,標籤，也一樣能夠製作網頁。,FrontPage 2003,是,Office 2003,家族的網頁編輯工具，這是一套功能強大的網站管理和網頁設計工具。,FrontPage,承襲,Office,人性化的使用者介面，提供隨看即所得,(WYSWYG),使用者介面，使用者不用學習,HTML,標籤，一樣可以輕鬆建立專業的網站和網頁內容。,3,-2,啟動與關閉FrontPage,3-2-1,啟動,FrontPage,3-2-2,FronPage,的使用介面,3-2-3,離開,FrontPage,3-2-1,啟動,FrontPage,在安裝好,FrontPage 2003,後，我們就可以從開始功能表啟動,FrontPage,。,請執行開始所有程式,Microsoft Office,Microsoft Office FrontPage 2003,指令啟動,FrontPage,。,3-2-2,FronPage,的使用介面,-,圖例,3-2-2,FronPage,的使用介面,-,說明,1,功能表：,FrontPage,的功能表選單，提供網頁編輯和網站管理各項功能指令。在檢視功能表可以切換,FrontPage,網站的檢視模式，分別為：網頁、檔案清單、網站報告、網站架構、超連結結構和工作管理等檢視模式。,工具列：,FrontPage,的工具列按鈕，可以快速執行編輯或管理功能，預設顯示,【,一般,】,和,【,格式,】,工具列，執行檢視工具列指令可以隱藏或顯示其它工具列。,網頁編輯視窗：網頁內容顯示和編輯區域，在中間是編輯區，上方和下方分別為切換標籤，如下所示：,檢視切換標籤：在上方標籤的第一個網站標籤可以切換為網站檢視，之後是開啟的網頁檔案標籤，在,FrontPage,可以同時編輯多頁不同的網頁檔案。,3-2-2,FronPage,的使用介面,-,說明,2,HTML,標籤：顯示網頁中游標所在位置的,HTML,標籤，以此例是,標籤。,網頁檢視標籤：在下方標籤選擇網頁內容的檢視方式，,【,設計,】,標籤就是隨看即所得的網頁編輯區、,【,分割,】,是分成上下兩個程式碼和設計視窗，,【,程式碼,】,標籤可以顯示網頁的,HTML,原始碼，,【,預覽,】,標籤是,FrontPage,內建的網頁預覽功能。,工作窗格：顯示,FrontPage,曾經開啟過的網頁，可以快速新增、開啟網頁或網站。,資料夾清單,/,導覽窗格：在下方標籤可以切換顯示網站的檔案與資料夾清單，或是網站的導覽架構。,狀態列：,FrontPage,的狀態列，左下角顯示網路連線的載入網頁時間，不同連線速度，顯示不同的秒數。,3-2-3,離開,FrontPage,在使用,FrontPage,完成網站建立或網頁編輯後，可以結束,FrontPage,的執行，,FrontPage,預設記得上一次開啟的,Web,網站或網頁。,請執行檔案結束指令離開FrontPage,2003。,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-1 FrontPage,的預覽標籤,2-7-2,使用瀏覽程式預覽,3-7-1 FrontPage,的預覽標籤,FrontPage,內建的預覽功能能夠快速預覽網頁編排，筆者建議在網頁編輯的過程，使用此標籤進行快速預覽，最後再使用第,3-7-2,節的外部瀏覽程式進行最後的確認。,3-7-2,使用瀏覽程式預覽,雖然,FrontPage,的預覽功能可以處理大部分編輯過程所需的預覽，但是最後的網頁內容是使用瀏覽程式載入，所以在編輯好網頁後，記得再次使用瀏覽程式進行網頁預覽。,