档案-网路资源运用.ppt

* 認識「檔案」面板 * 認識「檔案」面板 網站列示窗：若有建立多個網站, 可拉下列示窗從中切換欲編輯的網站 * 認識「檔案」面板 工具列：上傳網站檔案需要的各種工具按鈕 (上傳檔案的詳細說明請參考第 11 章) * 認識「檔案」面板 展開/收合面板按鈕：若覺得面板太小操作不易, 或是需要同步檢視本機及遠端伺服器中的檔案時 (可參考第 11 章), 可以按一下此鈕來展開檔案面板 * 認識「檔案」面板 * 認識「檔案」面板 檢視模式列示窗：拉下列示窗可以切換檢視本機網站、遠端網站、測試網站或儲存庫網站的檔案內容： * 管理網站檔案 要完成一個完整的網站, 絕對不是簡單幾個檔案就可以完工, 勢必會包含網頁、圖檔、多媒體格式的檔案、…等多種類型的檔案 當檔案數量愈來愈龐大時, 如何有效管理檔案便是重要的課題, 接著將介紹如何善用檔案面板管理網站中的所有檔案, 讓製作過程更順利 * 開啟檔案 第 2 章曾經介紹過利用檔案功能表開啟檔案的方法,不過當定義好網站後, 會將指定資料夾中的所有檔案匯入到檔案面板中, 此時, 只要雙按檔案面板中的檔案, 即可開啟網頁來做編輯： * 開啟檔案 * 新增檔案 利用檔案面板, 可在指定的網站資料夾中新增網頁檔案。例要在網站中的 Ch04 資料夾內新增一個檔案, 則可如下操作： 請在檔案面板中的 Ch04 資料夾上按右鈕, 執行『開新檔案』命令： * 新增檔案 * 新增檔案 接著會新增一個副檔名為 .html 的檔案, 預設檔名為 untitled, 可以自行更改成想要的名字, 注意請不要使用中文名 稱, 以免上傳 時發生問題： * 新增檔案 由於一般瀏覽器在讀取網站時, 預設會優先開啟名為 index 或 default 的網頁,因此若要把某一頁網頁當作首頁, 建議把首頁的檔名取為預設的名稱, 例如範例網站的首頁就叫做 index.html” * 檔案命名時的注意事項 雖然在 Windows 環境中, 我們可以使用中英文混雜的檔名, 但別忘了, 將來你的網站要上傳到伺服器讓全世界的人來參觀, 而這些伺服器或瀏覽者可不一定都有中文相容系統, 所以在為網頁及資料夾命名時, 最好參考下述的注意事項： 避免使用中文或全形符號：使用中文檔名雖然方便, 但非中文的伺服器及瀏覽器可能不會支援, 造成無法連結到網頁。因此, 請使用半形的英文及數字做為檔名 * 檔案命名時的注意事項 最好統一使用小寫英文：大小寫英文字母的意思雖然都一樣, 但有些伺服器會把它們視為不同的文字, 例如 index.htm 跟 Index.htm 就會變成兩個不同的檔案。若不想增加日後管理上的麻煩, 建議統一使用小寫英文, 才不致造成混淆 檔名中不要有空格：同樣的, 並不是所有伺服器都能讀取檔名含有空格的檔案, 若非用不可,建議可改用底線來代替空格, 例如將 my page.htm 改成 my_page.htm * 檔案命名時的注意事項 以上的命名規則不僅適用於網頁及資料夾, 其他如圖片檔、音樂檔、…等網站中所有需要上傳到網路上的檔案, 在命名時也請遵循這些注意事項 * 新增資料夾 當你陸續為網站加入許多網頁以及圖片、音樂等元素後, 你的網站根目錄下必定會塞滿一堆檔案。雖然瀏覽者在觀賞網頁時並不會覺得有什麼問題, 但日後要管理網站時絕對會感到頭昏眼花 因此應該在網站根目錄中建立一些資料夾來分類歸納檔案, 以便日後的管理工作能更順利進行 * 新增資料夾 * 新增資料夾 新增資料夾的方法如下： 在檔案面板中欲新增子資料夾的資料夾上按滑鼠右鈕, 執行『新增資料夾』命令： * 新增資料夾 可以自行輸入資料夾的名稱。一般而言, 會將圖片存放在一個專門的資料夾 (通常取名為 images), 而如果網頁非常多, 也可以考慮將網頁分類存放。另外, 通常還會把相同性質的檔案放在同一個資料夾中, 例如建立 flash 資料夾放置動畫檔、建立 music 資料夾放置音樂檔、…等, 一切都是以「方便管理」為出發點： * 新增資料夾 若要重新命名檔案或資料夾, 只要先選取欲修改的檔案或資料夾, 接著再按一下即可編輯檔名 * 搬移檔案或資料夾 將網站所需的資料夾新增完成後, 如果要將檔案放入資料夾, 只要直接用拉曳的方式進行搬移即可： * 搬移檔案或資料夾 * Dreamweaver 的自動更新連結功能 當所有檔案匯入到檔案面板中後, 只要在檔案面板中進行搬移檔案或更改檔名等檔案變更的動作, Dreamweaver 便會跳出更新檔案交談窗, 詢問是否要更新連結 (圖片、動畫等素材的連結、網頁間的連結、…等), 可減少連結錯誤的情況發生 因此請務必善用檔案面板管理網站的檔案, 若是直接在電腦的資料夾視窗中變更檔案, 就無法自動更新連結, 如此便可能