- Dreamweaver 使用手冊
- 簡介
- Dreamweaver 和 Creative Cloud
- Dreamweaver 工作區和檢視
- 設定網站
- 管理檔案
- 版面和設計
- CSS
- 頁面內容和資產
- 設定頁面屬性
- 設定 CSS 標題屬性和 CSS 連結屬性
- 處理文字
- 尋找和取代文字、標籤和屬性
- DOM 面板
- 在即時檢視中編輯
- 在 Dreamweaver 中進行文件編碼
- 在文件視窗中選取並檢視元素
- 在屬性檢視窗中設定文字屬性
- 檢查網頁拼字
- 在 Dreamweaver 中使用水平線
- 在 Dreamweaver 中新增和修改字體組合
- 使用資源
- 在 Dreamweaver 中插入和更新日期
- 在 Dreamweaver 中建立和管理最愛資源
- 在 Dreamweaver 中插入及編輯影像
- 新增媒體物件
- 在 Dreamweaver 中加入視訊
- 插入 HTML5 視訊
- 插入 SWF 檔
- 新增音效效果
- 在 Dreamweaver 中插入 HTML5 音效
- 使用圖庫項目
- 在 Dreamweaver 中使用阿拉伯文和希伯來文文字
- 連結和導覽
- jQuery Widget 和效果
- 撰寫網站程式碼
- 關於在 Dreamweaver 中撰寫程式碼
- Dreamweaver 的程式碼撰寫環境
- 設定程式碼撰寫偏好設定
- 自訂程式碼色彩標示
- 撰寫和編輯程式碼
- 程式碼提示和程式碼完成
- 收合和展開程式碼
- 利用片段重複使用程式碼
- Lint 程式碼
- 最佳化程式碼
- 在設計檢視中編輯程式碼
- 使用頁面的檔頭內容
- 在 Dreamweaver 中插入伺服器端包含
- 在 Dreamweaver 中使用標籤資料庫
- 匯入自訂標籤到 Dreamweaver
- 使用 JavaScript 行為 (一般說明)
- 套用內建的 JavaScript 行為
- 關於 XML 與 XSLT
- 在 Dreamweaver 中執行伺服器端 XSL 轉換
- 在 Dreamweaver 中執行用戶端 XSL 轉換
- 在 Dreamweaver 中新增 XSLT 字元實體
- 格式化程式碼
- 跨產品工作流程
- 範本
- 行動裝置和多螢幕
- 動態網站、網頁和網站表單
- 以視覺化方式建立應用程式
- 測試、預覽和發佈網站
- 疑難排解
了解 Dreamweaver 中網站的運作方式,以及為什麼在 Dreamweaver 中建立網站對您的工作流程而言相當重要。
在 Dreamweaver 中,「網站」一詞是指放置網站文件的本機或遠端儲存位置。Dreamweaver 網站提供了一種方式讓您組織和管理所有網站文件、將網站上傳至網頁伺服器、自動追蹤和維護您的連線、管理檔案以及共用檔案。您需要定義一個網站,以充分利用 Dreamweaver 的功能。
Adobe Dreamweaver 網站集合了網站中所有的檔案與資源。您可以在電腦中建立網頁,將這些網頁上傳到網頁伺服器,並在每次儲存更新的網頁時一併傳輸到網站上以維護網站。您也可以編輯並維護不是使用 Dreamweaver 建立的網站。
為什麼要定義 Dreamweaver 網站?
您不需設定 (或定義) 網站就可以在 Dreamweaver 中工作。
不過,定義網站有許多優點︰
- 它可協助防止無效的連結,如果您移動或重新命名檔案,它也會自動更新整個網站的檔案。
- 它可協助您執行整個網站的尋找和取代作業,大幅提高生產力。
- 它可協助您輕鬆發佈網站,以及將本機硬碟上的檔案與網頁或執行伺服器上的遠端檔案進行同步。
如果要充分利用 Dreamweaver 功能,請從定義網站開始。如需有關定義網站的詳細資訊,請參閱「設定網站的本機版本」。
Dreamweaver 網站的組件
在 Dreamweaver 中,網站會組織本機電腦上與您網站有關的所有文件,並讓您追蹤和維護連結、管理檔案以及將網站檔案傳送到網頁伺服器。
Dreamweaver 網站由三個部分 (或資料夾) 組成,會因您的開發環境及開發的網站類型而異:
- 本機資料夾︰這是您的工作目錄,通常是您硬碟上的資料夾。Dreamweaver 會將此資料夾視為您的本機網站根目錄。這個資料夾也可以位在網路伺服器上。如需詳細資訊,請參閱「設定網站的本機版本」。
- 遠端資料夾:這是您在執行網頁伺服器的電腦上儲存檔案的地方。網頁伺服器通常是 (但不一定是) 讓您的網站在網路上公開使用的電腦。
建立或更新好您的網站之後,您就可以將網站發佈到網際網路上的遠端伺服器,同時保留本機複本,在必要時用於更新檔案。
如需詳細資訊,請參閱「連線到發佈伺服器」。
- 測試資料夾:Dreamweaver 使用此資料夾來處理動態網頁。如果您有動態表單、PHP 內容,可以為網站設定測試資料夾。
如需詳細資訊,請參閱「設定測試伺服器」。
若要定義 Dreamweaver 網站,您只需要設定一個本機資料夾。若要將檔案傳送到網頁伺服器或是要開發網路應用程式,您還需要新增遠端網站與測試伺服器的資訊。
了解本機和遠端資料夾結構
當您想要使用 Dreamweaver 連線到遠端資料夾時,可以在「網站設定」對話方塊的「伺服器」類別中指定遠端資料夾。您指定的遠端資料夾 (也稱為「主機目錄」) 應該對應到 Dreamweaver 網站的本機根資料夾 (本機根資料夾是 Dreamweaver 網站的最上層資料夾)。遠端資料夾和本機資料夾一樣,也可以使用任何標題,但是 Internet 服務供應商 (ISP) 通常會將個別用戶帳號的最上層遠端資料夾命名為 public_html、pub_html 或類似的名稱。如果您負責管理遠端伺服器,而且可以隨自己的意思命名遠端資料夾,您最好讓本機根資料夾和遠端資料夾使用相同的名稱。
下列範例的左邊顯示樣本本機資料夾,而右邊則顯示樣本遠端資料夾。本機電腦上的本機根資料夾直接對應至網頁伺服器上的遠端資料夾,而非遠端資料夾的任何子資料夾或任何在目錄結構中位於遠端資料夾上層的資料夾。
上述範例示範一個在本機電腦上的本機根資料夾,以及一個在遠端網頁伺服器上的頂層遠端資料夾。不過,如果您是在本機電腦上維護幾個 Dreamweaver 網站,那麼在遠端伺服器上就必須有相等數目的遠端資料夾。這種情況並不適用上述範例,而是應該在 public_html 資料夾中建立不同的遠端資料夾,然後將它們對應至本機電腦上相應的本機根資料夾。
初次建立遠端連線時,網頁伺服器上的遠端資料夾通常是空的。如果您接著使用 Dreamweaver 上傳本機根資料夾中的所有檔案,遠端資料夾中便會填入所有的網頁檔案。遠端資料夾和本機根資料夾的目錄結構必須一直保持相同 (也就是說,本機根資料夾中的檔案和資料夾與遠端資料夾中的檔案和資料夾之間必須保持一對一的對應關係)。如果遠端資料夾結構不符合本機根資料夾的結構,Dreamweaver 會將檔案上傳到錯誤的位置,連線到這個網站的瀏覽者就看不到檔案。此外,如果資料夾和檔案結構不同步,也往往會讓影像和連結路徑失效。
在 Dreamweaver 連線到遠端資料夾之前,這個資料夾就必須存在。如果您沒有指定在網頁伺服器上做為遠端資料夾的資料夾,請自行建立,或要求 ISP 的伺服器管理員為您建立一個。