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

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