添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
  • 將 Dreamweaver 設定與 Creative Cloud 同步
  • Dreamweaver 中的 Creative Cloud Libraries
  • 在 Dreamweaver 中使用 Photoshop 檔案
  • 使用 Adobe Animate 和 Dreamweaver
  • 從資料庫擷取網頁最佳化的 SVG 檔案
  • Dreamweaver 工作區和檢視
  • Dreamweaver 工作區
  • 最佳化視覺開發的 Dreamweaver 工作區
  • 根據檔案名稱或內容搜尋檔案 | Mac OS
  • 關於 Dreamweaver 網站
  • 設定網站的本機版本
  • 連線到發佈伺服器
  • 設定測試伺服器
  • 匯入和匯出 Dreamweaver 網站設定
  • 將現有網站從遠端伺服器帶入本機網站根目錄
  • Dreamweaver 中的輔助功能
  • 設定網站偏好設定以傳送檔案
  • 在 Dreamweaver 中指定 Proxy 伺服器設定
  • 將 Dreamweaver 設定與 Creative Cloud 同步
  • 在 Dreamweaver 中使用 Git
  • 建立和開啟檔案
  • 管理檔案和資料夾
  • 下載和上傳伺服器檔案
  • 存回和取出檔案
  • 同步化檔案
  • 比較檔案差異
  • 遮罩 Dreamweaver 網站中的檔案和資料夾
  • 啟用 Dreamweaver 網站的設計備註
  • 防止 Gatekeeper 遭到潛在惡意利用
  • 版面和設計
  • 使用視覺輔助以配置版面
  • 關於使用 CSS 配置頁面
  • 使用 Bootstrap 設計回應式網站
  • 在 Dreamweaver 中建立及使用媒體查詢
  • 以表格呈現內容
  • 使用流變格線版面的互動設計
  • Dreamweaver 中的 Extract
  • 了解串接樣式表
  • 使用 CSS 設計工具配置頁面
  • 在 Dreamweaver 中使用 CSS 預處理器
  • 如何在 Dreamweaver 中設定 CSS 樣式偏好設定
  • 在 Dreamweaver 中移動 CSS 規則
  • 在 Dreamweaver 中將行內 CSS 轉換為 CSS 規則
  • 使用 div 標籤
  • 套用漸層至背景
  • 在 Dreamweaver 中建立與編輯 CSS3 轉變效果
  • 格式化程式碼
  • 頁面內容和資產
  • 設定頁面屬性
  • 設定 CSS 標題屬性和 CSS 連結屬性
  • 尋找和取代文字、標籤和屬性
  • DOM 面板
  • 在即時檢視中編輯
  • 在 Dreamweaver 中進行文件編碼
  • 在文件視窗中選取並檢視元素
  • 在屬性檢視窗中設定文字屬性
  • 檢查網頁拼字
  • 在 Dreamweaver 中使用水平線
  • 在 Dreamweaver 中新增和修改字體組合
  • 在 Dreamweaver 中插入和更新日期
  • 在 Dreamweaver 中建立和管理最愛資源
  • 在 Dreamweaver 中插入及編輯影像
  • 新增媒體物件
  • 在 Dreamweaver 中加入視訊
  • 插入 HTML5 視訊
  • 插入 SWF 檔
  • 新增音效效果
  • 在 Dreamweaver 中插入 HTML5 音效
  • 使用圖庫項目
  • 在 Dreamweaver 中使用阿拉伯文和希伯來文文字
  • 連結和導覽
  • 關於連結和導覽
  • 連結疑難排解
  • jQuery Widget 和效果
  • 在 Dreamweaver 中使用 jQuery UI 和 Mobile Widget
  • 在 Dreamweaver 中使用 jQuery 效果
  • 撰寫網站程式碼
  • 關於在 Dreamweaver 中撰寫程式碼
  • Dreamweaver 的程式碼撰寫環境
  • 設定程式碼撰寫偏好設定
  • 自訂程式碼色彩標示
  • 撰寫和編輯程式碼
  • 程式碼提示和程式碼完成
  • 收合和展開程式碼
  • 利用片段重複使用程式碼
  • Lint 程式碼
  • 最佳化程式碼
  • 在設計檢視中編輯程式碼
  • 使用頁面的檔頭內容
  • 在 Dreamweaver 中插入伺服器端包含
  • 在 Dreamweaver 中使用標籤資料庫
  • 匯入自訂標籤到 Dreamweaver
  • 使用 JavaScript 行為 (一般說明)
  • 套用內建的 JavaScript 行為
  • 關於 XML 與 XSLT
  • 在 Dreamweaver 中執行伺服器端 XSL 轉換
  • 在 Dreamweaver 中執行用戶端 XSL 轉換
  • 在 Dreamweaver 中新增 XSLT 字元實體
  • 格式化程式碼
  • 跨產品工作流程
  • 安裝與使用 Dreamweaver 的擴充功能
  • Dreamweaver 中的應用程式內更新
  • 在 Dreamweaver 中插入 Microsoft Office 文件 (僅適用於 Windows)
  • 使用 Fireworks 和 Dreamweaver
  • 使用 Contribute 編輯 Dreamweaver 網站的內容
  • Dreamweaver-Business Catalyst 整合
  • 建立個人化的電子郵件行銷活動
  • 關於 Dreamweaver 範本
  • 辨識範本和以範本為架構的文件
  • 建立 Dreamweaver 範本
  • 建立範本的可編輯區域
  • 在 Dreamweaver 中建立重複區域和表格
  • 使用範本中的選擇性區域
  • 在 Dreamweaver 中定義可編輯的標籤屬性
  • 如何在 Dreamweaver 中建立巢狀範本
  • 編輯、更新和刪除範本
  • 在 Dreamweaver 中匯出及匯入 XML 內容
  • 對現有的文件套用或移除範本
  • 編輯 Dreamweaver 範本的內容
  • Dreamweaver 中範本標籤的語法規則
  • 設定範本區域的標示偏好設定
  • 使用 Dreamweaver 範本的好處
  • 行動裝置和多螢幕
  • 建立媒體查詢
  • 為行動裝置變更頁面方向
  • 使用 Dreamweaver 為行動裝置建立網頁用程式
  • 動態網站、網頁和網站表單
  • 了解網頁用程式
  • 設定您的電腦以進行應用程式開發
  • 疑難排解資料庫連線
  • 在 Dreamweaver 中移除連線 Script
  • 設計動態網頁
  • 動態內容來源總覽
  • 定義動態內容的來源
  • 將動態內容新增至頁面
  • 在 Dreamweaver 中變更動態內容
  • 顯示資料庫記錄
  • 在 Dreamweaver 中提供即時資料及進行疑難排解
  • 在 Dreamweaver 中新增自訂伺服器行為
  • 使用 Dreamweaver 建立表單
  • 使用表單向使用者收集資訊
  • 在 Dreamweaver 中建立及啟用 ColdFusion 表單
  • 建立網站表單
  • 加強對 HTML5 表單元素的支援
  • 使用 Dreamweaver 開發表單
  • 以視覺化方式建立應用程式
  • 在 Dreamweaver 中建立主要和細節頁面
  • 建立搜尋及結果頁面
  • 建立記錄插入頁面
  • 在 Dreamweaver 中建立更新記錄頁面
  • 在 Dreamweaver 中建立記錄刪除頁面
  • 在 Dreamweaver 中使用 ASP 命令修改資料庫
  • 建立註冊頁面
  • 建立登入頁面
  • 建立唯有授權用戶才能存取的頁面
  • 使用 Dreamweaver 保護 ColdFusion 中的資料夾
  • 在 Dreamweaver 中使用 ColdFusion 組件
  • 測試、預覽和發佈網站
  • 在多部裝置上預覽 Dreamweaver 網頁
  • 測試 Dreamweaver 網站
  • 已修正的問題
  • 影像是網站上不可或缺的一部分,可為網頁瀏覽者提供額外的內容資訊。儘管圖形檔格式的種類繁多,但一般用於網頁的檔案格式為 GIF、JPEG 和 PNG。GIF 和 JPEG 檔案格式可與網頁相容,而且在大部分瀏覽器中都能檢視。下文為您提供這些檔案格式的更多資訊:

    GIF (圖形交替格式) - GIF 檔案最多使用 256 色,最適合用來顯示非連續色調的影像。GIF 檔案也很適合顯示大區域的單一顏色 (例如導覽列、按鈕、圖示、標誌),或其他具有一致顏色和色調的影像。

    JPEG (靜態影像壓縮標準) - JPEG 檔案格式是照片或連續色調影像的較佳格式,因為 JPEG 檔案可以包含數百萬色。JPEG 檔案雖然改善了品質,但也增加了檔案的大小和下載時間。您可以藉由壓縮 JPEG 檔案,在影像品質與檔案大小之間取得良好的平衡點。

    PNG (可攜式網路圖形) - PNG 檔案格式是沒有專利權的 GIF 替代品,包含了對索引色、灰階和全彩影像的支援,以及對透明度的 Alpha 色板支援。PNG 檔案會保留原始圖層、向量、顏色和效果資訊 (如陰影)。而且,所有元素都可隨時進行編輯。檔案必須具有 .png 副檔名,Dreamweaver 才能將它辨認為 PNG 檔案。

    當您將影像插入 Dreamweaver 文件時,HTML 原始碼中會自動產生影像檔的參考。若要確保這個參考的正確性,影像檔必須位於目前的網站中。如果影像不在目前的網站中,Dreamweaver 會詢問您是否要將檔案複製到這個網站。

    Dreamweaver 可讓您以動態方式插入影像。動態影像就是那些經常變更的影像。例如,廣告橫幅旋轉系統會從潛在的橫幅清單中隨機選取一個橫幅。在要求頁面時,該系統便會以動態方式顯示所選取橫幅的影像。

    您也可以使用「即時導引線」和「元素快速檢視」,將「Extract」面板中的任何圖層拖放到 Dreamweaver「即時」檢視中的任何位置。「Extract」面板可讓您上傳 PSD 檔案,然後將 PSD 檔案中的任何圖層直接拖放到 Dreamweaver 文件中。

    將影像插入之後,您可以設定影像標籤及輔助功能屬性,讓螢幕閱讀程式為視障用戶取得這些屬性。您可以在 HTML 程式碼中編輯這些屬性。

    目標視窗 會指定要載入所連結頁面的頁框或視窗。如果影像沒有連結到另一個檔案,此選項就無法使用。目前頁框組中所有頁框的名稱都會出現在「目標視窗」清單中。您也可以從下列保留的目標視窗名稱中選擇:

  • _blank 會在未命名的新瀏覽器視窗中載入連結的檔案。
  • _new 會在新的瀏覽器視窗中載入連結的檔案。
  • _parent 會在上一層頁框組或包含連結的頁框之視窗中載入連結的檔案。如果包含連結的頁框不是巢狀的,則會在完整的瀏覽器視窗中載入連結的檔案。
  • _self 會在與連結相同的頁框或視窗中載入連結的檔案。此目標視窗是預設的目標視窗。您不需要明確指定這個值。
  • _top 會在完整的瀏覽器視窗中載入連結的檔案,然後移除所有頁框。
  • 您可以在 Dreamweaver 中,以目視方式調整元素 (如影像、外掛程式、Shockwave 或 SWF 檔、Applet 及 ActiveX 控制項等) 的大小。

    以目視方式調整影像大小,可讓您看見影像在不同尺寸時對版面的影響,但是不會依您指定的比例縮放影像檔。如果您是在 Dreamweaver 中以目視方式調整影像的大小,而不是使用影像編輯應用程式,則用戶的瀏覽器會在載入該頁面時縮放影像。這可能會導致頁面下載時間延遲,並使影像無法在用戶的瀏覽器中正確顯示。

    若要減少下載時間,並確保所有影像實體以相同大小顯示,請使用影像編輯應用程式來縮放影像。請閱讀下面的程序,了解如何以目視方式調整元素大小。

    「滑鼠變換影像」是指在瀏覽器中檢視時,當滑鼠指標滑過時會變換的影像。您必須有兩張影像才能建立滑鼠變換影像。一張主要影像 (或頁面首次載入時顯示的影像) 和一張次要影像 (或指標滑過主要影像上方時顯示的影像)。滑鼠變換影像中的這兩張影像大小必須相同。如果影像不是相同大小,則 Dreamweaver 會調整第二張影像的大小以符合第一張影像的屬性。

    滑鼠變換影像會自動設定成回應 onMouseOver 事件。您可以設定影像來回應不同的事件。例如,按下滑鼠或變更滑鼠變換影像。

    即使在 Dreamweaver 中,您仍可以在外部影像編輯器中開啟選取的影像。當您儲存編輯過的影像檔並返回 Dreamweaver 後,您對影像所做的任何變更都可以在「文件」視窗中看到。

    您可以設定主要的外部編輯器,也可以設定編輯器會開啟的檔案類型。您可以選取多個影像編輯器。例如,您可以設定偏好設定,在您要編輯 JPEG 時啟動 Photoshop,而在您要編輯 GIF 動畫時則啟動不同的影像編輯器。