使用共用边框`连结列`布景主题与精灵`范本.ppt

第 11 章,使用共用邊框、連結列、佈景主題與精靈、範本,本章提要,加入共用邊框 加入連結列 使用佈景主題 修改或自訂佈景主題 使用精靈與範本 相片藝廊 範本下載,加入共用邊框,認識共用邊框 設定單一網站的共用邊框 設定單一網頁的共用邊框,認識共用邊框,共用邊框指的是一個區域, 位於網站的一個或多個網頁中 在網頁中加入共用邊框, 就能夠在多個網頁中放上相同的內容 例如：在每個網頁中都加上網頁橫幅, 讓每個網頁都有個標題,設定單一網站的共用邊框,執行格式 / 共用邊框命令,設定單一網站的共用邊框,設定單一網頁的共用邊框,執行格式 / 共用邊框命令,加入連結列,認識連結列 加入連結列 連結列的編輯與修改 加入網頁橫幅,認識連結列,連結列是一組用來導覽網站的超連結 透過連結列可快速地通往網站中其他主題的頁面 根據導覽模式顯現的網站層級架構建立, 當網站的導覽結構有所變動時會同時更新連結列,認識連結列,加入連結列,新增根據導覽結構的列 新增自訂連結的列 新增前一個和下一個連結的列,加入連結列,執行插入 / 導覽 命令,網站中層級的意義,網站中層級的意義,新增根據導覽結構的列,在連結列上雙按, 開啟連結列內容交談窗,新增根據導覽結構的列,新增根據導覽結構的列,新增根據導覽結構的列,新增自訂連結的列,新增自訂連結的列,新增自訂連結的列,新增自訂連結的列,新增前一個和下一個連結的列,設定方式與自訂連結的列相同 必須將目前正在加入連結列的網頁也加入連結列中 以建立的網站架構為主, 來決定上一頁或下一頁的連結目標,新增前一個和下一個連結的列,連結列的編輯與修改,改變連結列上的網頁標籤 變更連結列上所顯示的網頁 變更連結列的樣式 變更連結列的方向 在連結列上新增外部連結,改變連結列上的網頁標籤,切換到導覽模式去改變頁面的標題名稱,改變連結列上的網頁標籤,執行工具 / Web 設定命令, 然後切換到 Web 設定 / 導覽交談窗,變更連結列上所顯示的網頁,網站架構有任何變動都會影響到連結列,隱藏網站架構,隱藏網站中的某部分架構,隱藏網站架構,變更連結列的樣式,使用文字的方式顯示連結列 點選連結列後按下右鈕, 選擇字型命令, 在交談窗中設定字型的格式 以圖片的方式顯示連結列 雙按連結列並切換到連結列內容交談窗中的樣式頁次後, 在選擇樣式列示窗中選擇,在連結列上新增外部連結,切換至導覽架構, 在欲新增外部超連結的網頁上按下滑鼠右鈕, 選擇新增現有頁面命令, 開啟交談窗,在連結列上新增外部連結,加入網頁橫幅,先建立好網站架構 欲加入網頁橫幅的網頁必須位於導覽結構內 執行插入 / 網頁橫幅命令, 開啟交談窗進行設定,使用佈景主題,設定整個網站的佈景主題 設定某一網頁的佈景主題,設定整個網站的佈景主題,執行格式 / 佈景主題命令,佈景主題的外觀設定,鮮豔的色彩 使用中的圖形 背景圖片 使用 CSS 套用,設定某一網頁的佈景主題,刪除某一網頁的佈景主題,修改或自訂佈景主題,修改色彩 修改圖形 修改文字 儲存佈景主題,修改或自訂佈景主題,執行格式 / 佈景主題命令, 開啟佈景主題交談窗,修改色彩,色彩配置 色彩轉輪 自訂,色彩配置,色彩轉輪,自訂,修改圖形,在佈景主題交談窗中按下圖形鈕, 即可修改佈景主題中的圖形,修改文字,儲存佈景主題,回到佈景主題交談窗, 按下另存新檔鈕新增一個佈景主題,使用精靈與範本,認識精靈與範本 建立網頁的精靈與範本 自製網頁範本,認識精靈,你問我答式的交談窗, 一步步引導輸入網站或網頁的資料, 使用者只要對著交談窗按下一步鈕, 就可以得到結果,認識範本,不會給任何提示, 而是直接依據設定好的格式, 建立一個約略的網站或網頁架構, 使用者再依需求自行修改內容,網頁精靈與範本,執行檔案 / 新增 / 網頁或 Web命令,常見問題解答 範本,常見問題解答 範本,自製網頁範本,執行檔案 / 另存新檔命令 檔案類型選擇儲存成 FrontPage 範本 輸入範本檔名及所存放的資料夾名稱,相片藝廊,加入相片藝廊 新增圖片 設定圖片標題與說明文字 版面配置 編輯圖片,加入相片藝廊的方法,執行插入 / 圖片 / 新相片藝廊命令 執行插入 / Web 元件命令, 在插入 Web 元件交談窗的左窗格中選擇相片藝廊 執行檔案 / 新增 / 網頁或 Web 命令, 在工作窗格中選擇網頁範本, 然後在網頁範本交談窗中選擇相片藝廊,新增圖片,將相片藝廊內容交談窗切換到圖片頁次, 按下新增鈕, 選擇圖片的來源,新增圖片,設定縮圖大小,設定圖片標題與說明文字,版面配置,編輯圖片,切換