- 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 的進階網站設定選項。
只要選擇「網站 > 管理網站」,選取您想要編輯的網站,然後按一下「編輯」,即可在「網站設定」對話方塊中存取「進階設定」。
CSS 預處理器
如果您正在使用 CSS 預處理器,例如 Sass、Less 或 SCSS,可以設定網站特有的 CSS 預處理器偏好設定。
如需有關 Dreamweaver 中 CSS 預處理器支援的詳細資訊,請參閱「CSS 預處理器」。
進階設定
本機資訊
預設影像資料夾
此資料夾可用來存放您想要為網站儲存的影像。輸入資料夾路徑,或是按一下資料夾圖示以瀏覽至資料夾。當您將影像加入到文件時,Dreamweaver 會使用資料夾路徑。
連結的相關項目
指定您建立連往網站中其他資源或頁面的連結時,Dreamweaver 所建立的連結類型。Dreamweaver 可以建立兩種類型的連結:文件相對與網站根目錄相對。如需兩者之間有何差異的詳細資訊,請參閱「絕對路徑、文件相對路徑和網站根目錄相對路徑」。
根據預設,Dreamweaver 會建立文件相對路徑。如果您變更預設設定並選取「網站根目錄」選項,請確認您已在「Web URL」文字方塊中為網站輸入了正確的 Web URL (請參閱下方內容)。變更此設定並不會轉換現有連結的路徑;此設定僅適用於以視覺化方式並透過 Dreamweaver 建立的新增連結。
當您在本機瀏覽器中預覽文件時,具有網站根目錄相對路徑的連結內容並不會出現,除非您指定測試伺服器,或是在「編輯 > 偏好設定 > 在瀏覽器中預覽」中選取「使用暫存檔案預覽」選項。這是因為瀏覽器無法辨識網站根目錄,但伺服器可以辨識。
Web URL
您的網站 URL。Dreamweaver 會使用「Web URL」來建立網站的根目錄相對連結,並在您使用連結檢查程式時驗證連結。
如果您不確定最終位置位於目前所使用頁面其目錄結構中的何處,或是,如果您認為稍後會為包含連結的檔案重新調整位置或重新組織,則網站根目錄相對連結便相當實用。網站根目錄相對連結連往其他網站資源的路徑會與網站根目錄相對,而不是與文件相對,因此,如果您在任何時間點移動文件,連往資源的路徑依舊會是正確的。
舉例來說,假設您指定使用 http://www.mysite.com/mycoolsite (遠端伺服器的網站根目錄) 做為 Web URL,而您在遠端伺服器 (http://www.mysite.com/mycoolsite/images) 上的 mycoolsite 目錄也有影像資料夾。另外,再假設您的 index.html 檔案位於 mycoolsite 目錄中。
當您從 index.html 檔案建立連往 images 目錄中之影像的網站根目錄相對連結,則連結會如下方所示:
<img src="/mycoolsite/images/image1.jpg" />
此連結與文件相對連結不同,後者應該會如下方所示:
<img src="images/image1.jpg" />
將 /mycoolsite/ 附加至影像來源,會將影像相對連結至網站根目錄,而不是文件。只要影像持續位於 image 目錄中,則影像的檔案路徑 (/mycoolsite/images/image1.jpg) 永遠都會是正確的,即使您將 index.html 檔案移動至其他目錄也一樣。
如需詳細資訊,請參閱「絕對路徑、文件相對路徑和網站根目錄相對路徑」。
對於連結驗證來說,Web URL 是判斷連結是網站內部或外部連結時的必要項目。例如,如果您的 Web URL 是 http://www.mysite.com/mycoolsite,而連結檢查程式在您的頁面上找到使用 http://www.yoursite.com 做為 URL 的連結,則檢查程式會判斷後者為外部連結,並進行報告。同樣地,連結檢查程式會使用 Web URL 來判斷連結是否為網站的內部連結,然後檢查這些內部連結是否無效。
區分大小寫連結檢查
當 Dreamweaver 檢查連結時,檢查連結的大小寫是否符合檔案名稱的大小寫。這個選項在 UNIX 系統中特別有用,因為該系統的檔案名稱區分大小寫。
使用快取
指定是否要建立本機快取,以改善連結速度和網站管理工作。如果您沒有選取這個選項,Dreamweaver 會在建立網站之前,再次詢問您是否要建立快取。選取這個選項是個不錯的主意,因為「資源」面板 (位於「檔案」面板群組中) 只有在建立快取時才能使用。
遮罩與其他類別
如需有關「遮罩」、「設計備註」、「檔案檢視欄」、「Contribute」、「範本」、「JQuery」、「網頁字體」和「動畫資源」類別的詳細資訊,請按一下下表中的對應主題。
進階設定 | 文件 |
---|---|
遮罩 | 遮罩 Dreamweaver 網站中的檔案和資料夾 |
設計備註 | 啟用 Dreamweaver 網站的設計備註 |
檔案檢視欄 | 管理檔案和資料夾 |
Contribute | 使用 Contribute 編輯 Dreamweaver 網站的內容 |
PHP | 設定 PHP 偏好設定 |
Bootstrap | 使用 Bootstrap 設計多方互動網站 |
範本 | 關於 Dreamweaver 範本 |
jQuery | 在 Dreamweaver 中使用 jQuery UI Widget |
網頁字體 | 修改字體組合 |
動畫資源 | 將動畫構圖匯入 Dreamweaver |
JS Lint | ECMAScript 6 Linting |