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