Transcript 下載/瀏覽
第3章 網頁的基本設定 本章提要 新增空白網頁 在導覽模式建立網頁架構 開啟現有的網頁 設定網站的編碼方式 預覽網頁 新增空白網頁 由網站的「資料夾」模式新增 由「資料夾清單」新增網頁 由「一般」工具列新增網頁 由「工作窗格」新增網頁 由網站的「資料夾」模式新增 請先切換到網站的資料夾檢視模式, 按右 上角的新增頁面鈕： 由網站的「資料夾」模式新增 首頁的名稱是 default 或 index ？ 首頁的檔名是由伺服器的設定來決定的。 例如 IIS 預設的首頁名稱是 default.htm, 而有些 Web Server 如 Unix 系統的首頁 則是 index.htm。如果你沒有安裝任何伺 服器, 則 FrontPage 預設會將首頁取名為 index.htm。 當你將網站上傳到 Internet 的 WWW 主 機時, 首頁檔名請依據對方伺服器的設定 而自行變更。 檔案的搬移、複製、刪除及 更名 新增檔案後, 檔案搬移、複製、刪除、更 名…等操作的方式, 和在 Windows 中使 用檔案總管相同。 在資料夾模式進行網站內檔案的管理, FrontPage 會自動更新連結。但若是在檔 案總管修改, 就得一個個重新建立連結, 因此建議你, 善用 FrontPage 來管理網站 檔案, 較有效率哦！ 由「資料夾清單」新增網頁 開啟資料夾清單, 再按右上角的新增頁面 鈕, 或在空白處按右鈕, 選擇『新增/空白 網頁』命令： 由「一般」工具列新增網頁 在任何的檢視模式下, 只要按下一般工具 列上的建立新的網頁鈕 , 就會新增一個空 白的網頁, 並開啟該網頁方便你進行編輯。 不過此時新網頁尚未儲存在任何一個資 料夾下, 當你按下儲存檔案鈕, 並選擇要 儲存網頁的位置後, 才會真正將網頁儲存： 由「一般」工具列新增網頁 由「一般」工具列新增網頁 由「工作窗格」新增網頁 請按下快速入門工作窗格的建立新網頁 或網站選項, 或直接將工作窗格切換至開 新檔案頁次： 在導覽模式建立網頁架構 建立網站架構圖 調整網站架構 刪除導覽圖中的網頁 改變顯示方式 建立網站架構圖 請依第 2 章的說明開啟一個已建立好的 網站 (亦可利用書附光碟的範例網站進行 如下的操作), 並切換至導覽模式, 如果尚 未建立任何網頁, 可按下導覽工具列上的 新增網頁鈕： 建立網站架構圖 建立網站架構圖 將網站內的網頁新增至架構圖 請先點選欲新增頁面的位置, 再按右鈕選 擇『新增現有的頁面』命令： 將網站內的網頁新增至架構圖 將網站內的網頁新增至架構圖 在架構圖中還可新增外部超連結、email…等超連結內容。 快速新增已存在的網頁 快速新增已存在的網頁 將網站內的網頁新增至架構圖 要特別釐清的是, 即使沒有建立架構圖, 網站也能正常地運作, 但 FrontPage 的導 覽功能可搭配連結列及網頁橫幅功能一 起使用 (詳細的說明及做法請參考第 11 章), 由 FrontPage 自動產生、更新連結。 將網站內的網頁新增至架構圖 調整網站架構 需調整架構時, 可直接用滑鼠拉曳網頁圖 示, 將其拉曳到正確的位置： 調整網站架構 刪除導覽圖中的網頁 刪除網頁時, 請點選圖中的網頁圖示再按 下 [Delete] 鍵, 在如下的交談窗做設定： 改變顯示方式 網站配置通常會由上往下顯示, 你也可以 將網站的配置方式改成由左至右： 改變顯示方式 改變顯示方式 我們也可以只檢視網站的部份內容, 請先 選定某一網頁, 按下工具列中只檢視子目 錄鈕, 將只會顯示其下的架構, 適合用來 檢視較大的導覽圖。 改變顯示方式 改變顯示方式 開啟現有的網頁 開啟網站內的網頁 開啟網站外的網頁 開啟網站內的網頁 網頁的副檔名為 .htm (.htm 是 HTML 網 頁的檔案格式), 不管是套用 FrontPage 範 本所產生的網頁, 或是我們自行增加的網 頁, 都會是 .htm 的檔案格式。只要 在 .htm 的檔案上雙按, 即可開啟網頁進 行編輯。 開啟網站內的網頁 開啟網站外的網頁 按下工具列的開啟舊檔鈕： 設定網站的編碼方式 設定網站的預設編碼 設定網頁的編碼方式 設定網站的預設編碼 我們可以針對整個網站設定預設的編碼 方式, 請執行『工具/網站設定』命令： 設定網站的預設編碼 當使用者在瀏覽你的網站時, 在某些情況 下會需要伺服器傳遞訊息到使用者的瀏 覽器, 例如：找不到網頁、伺服器忙碌… 等。我們可以在上述交談窗的伺服器訊 息語言欄中選擇要用何種語系來顯示這 些訊息, 不過還是要看伺服器是否支援。 設定網頁的編碼方式 若要自訂每個網頁的編碼方式, 請在網頁 的空白處按右鈕選擇『網頁內容』命令： Unicode 編碼方式 也許你會發現, 即使編碼方式不設成繁體 中文, 也能正確的輸入中文字, 但此時原 始的 HTML 檔將不是以 BIG-5 編碼來儲 存中文字, 而是改用一種叫做 Unicode 的 編碼方式來顯示, 我們從以下的例子就可 以清楚看到結果： Unicode 編碼方式 Unicode 編碼方式 以 Unicode 編碼方式所顯示的原始碼, 雖 然不易修改, 但卻可讓一個網頁中同時並 存兩種以上的語言, 因此若要建立多國語 言的網頁, 建議你將編碼方式設為 Unicode, 較能避免瀏覽網頁時產生亂碼 的問題。 預覽網頁 設計網頁時要培養預覽網頁的好習慣, 雖 說網頁的預覽模式可預覽網頁, 但有些效 果 (例如表單…等) 還是得透過瀏覽器來 觀看才會準確, 而且我們還可以藉此機會 在瀏覽器中測試網頁間的連結是否正確 請開啟練習檔案 ex03-01.htm, 然後再執 行『檔案/在瀏覽器中預覽』命令： 預覽網頁 預覽網頁 預覽網頁 如果編輯過網頁再 進行預覽, 則會出 現如右的訊息： 由於每一種瀏覽器對於 HTML 語言可能 會有不同的解讀方式, 因此同樣的設計內 容, 在不同的瀏覽器中也許會顯示不同的 效果, 這也是要預覽網頁的其中一個原因。