- 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 CC (含) 以後版本的用戶介面已經簡化了。因此,您在 Dreamweaver CC 和更新版本中可能會找不到本文所描述的一些選項。如需詳細資訊,請參閱本文。
關於輔助功能內容
對於視障、聽障、運動障礙及其他殘障的人士,輔助功能可以協助他們使用網站和網路產品。螢幕讀取器支援、圖形的文字解說、鍵盤快速鍵、將顯示顏色變更為高對比等等,都是軟體產品和網站輔助功能的例子。Dreamweaver 提供工具可透過輔功功能供使用,也提供工具讓您撰寫輔助功能內容。
對於需要使用輔助功能的 Dreamweaver 開發人員,此應用程式提供螢幕讀取器支援、鍵盤導覽及作業系統輔助功能支援。
對於需要建立輔助功能內容的網路設計人員,Dreamweaver 可協助您建立輔助功能頁面,其中包含實用的螢幕閱讀器內容,並遵守聯邦政府訂定的準則。例如,當您插入頁面元素時,對話方塊便會提示您輸入輔助功能屬性,如影像的文字解說。因此,當這個影像出現在視障用戶的頁面時,螢幕讀取器便會閱讀這段說明。
如需有關兩個重要輔助功能計劃的更多資訊,請參閱全球資訊網協會網路輔助功能計劃 (www.w3.org/wai) 及美國聯邦復建法 508 條款 (www.section508.gov)。
如需有關日本工業輔助功能準則的更多資訊,請參閱 JIS X 8341-3 (www.jisc.go.jp)。
任何撰寫工具都無法自動化開發程序。若要設計具有輔助功能的網站,您必須了解輔助功能的需求,並且不斷做出如何讓殘障用戶與網頁互動的判斷。審慎的規劃、開發、測試和評估,是確保網站符合輔助功能條件的最佳方式。
搭配 Dreamweaver 使用螢幕讀取器
螢幕讀取器會朗讀電腦螢幕上所顯示的文字。同時,也會讀出撰寫時輔助功能標籤或屬性中所提供的非文字資訊,例如應用程式中的按鈕標籤或影像描述。
身為 Dreamweaver 設計人員,您可以使用螢幕讀取器來協助您建立網頁。螢幕讀取器會從「文件」視窗的左上角開始閱讀。
Dreamweaver 支援 Freedom Scientific 開發 JAWS for Windows (www.freedomscientific.com),以及 GW Micro 開發的 Window-Eyes 螢幕閱讀器 (www.gwmicro.com)。
作業系統輔助功能的支援
Dreamweaver 支援 Windows 和 Macintosh 作業系統中的輔助功能。例如,您可以在 Macintosh 中,使用「通用存取偏好設定」對話方塊 (「Apple>系統偏好設定」) 來設定視覺偏好設定。您的設定會反映在 Dreamweaver 工作區。
也支援 Windows 作業系統的高對比設定。此選項是透過 Windows 控制台啟動,對 Dreamweaver 的影響如下︰
對話方塊和面板會使用系統顏色設定。例如,如果將顏色設成「黑底白字」,那麼 Dreamweaver 的所有對話方塊和面板都會以白色前景和黑色背景顯示。
「程式碼」檢視會使用系統和視窗文字顏色。例如,如果將系統色彩設定為黑底白字,然後在「編輯 > 偏好設定 > 程式碼色彩標示」中變更文字顏色,Dreamweaver 會忽略色彩設定,並以白色前景和黑色背景顯示。
「設計」檢視會使用您在「修改>頁面屬性」中所設定的背景和文字顏色,因此設計頁面所呈現的顏色會與瀏覽器呈現的顏色一致。
最佳化用來設計具有輔助功能之頁面的工作區
當建立具有輔助功能的頁面時,您必須將資訊 (例如標籤和描述) 與頁面物件建立關聯,才能讓所有用戶都可存取您的內容。
若要這樣做,請啟動每個物件的「輔助功能」對話方塊,讓 Dreamweaver 在插入物件時提示您輸入輔助功能資訊。您可以在「偏好設定」中,對「輔助功能」類別的任何物件啟動對話方塊。
-
選取「編輯 > 偏好設定」(Windows) 或「Dreamweaver > 偏好設定」(Macintosh)。
-
從左側的「類別」清單中選取「輔助功能」,選取物件,再設定下列任何選項,然後按一下「確定」。
插入物件時顯示屬性
選取您要啟動「輔助功能」對話方塊的物件。例如,表單物件、頁框、媒體和影像。
將焦點保持在面板中
將焦點保持在面板上,使螢幕讀取器可以存取該面板 (如果您不選取此選項,則用戶開啟面板時,焦點仍會保持在「設計」或「程式碼」檢視中)。
超出螢幕的顯示
使用螢幕讀取器時,請選取此選項。
註解:當您插入新的表格時,「插入表格」對話方塊中便會顯示輔助功能屬性。
使用鍵盤在 Dreamweaver 中導覽
您可以使用鍵盤在面板、檢視窗、對話方塊、頁框和表格中導覽,而不需要使用滑鼠。
只有 Windows 支援使用 Tab 鍵和方向鍵。
在面板中導覽
-
在「文件」視窗中,按 Control+F6 將焦點移至某個面板。
面板標題周圍出現虛線,表示焦點在這個面板上。螢幕讀取器會閱讀有焦點的面板標題列。
-
再按一次 Control+F6 以移動焦點,直到焦點移至您要使用的面板上 (按 Control+Shift+F6 會將焦點移回上一個面板)。
-
如果您要使用的面板尚未開啟,請使用 Windows 選單中的鍵盤快速鍵來顯示適當的面板,然後按 Control+F6。
如果您要使用的面板是開啟的,但是沒有展開,請將焦點放在面板標題列上,然後按空格鍵。再按一次空格鍵即可收合面板。
-
按 Tab 鍵可在面板的選項中移動。
-
請視需要使用方向鍵:
如果選項中有多個項目,請使用方向鍵在項目中捲動,然後按空格鍵進行選取。
如果在面板群組中有用來開啟其他面板的索引標籤,請將焦點放在開啟的索引標籤上,然後使用向左或向右鍵開啟其他索引標籤。開啟新的索引標籤之後,按 Tab 鍵就會在該面板的選項中移動。
在屬性檢視窗中導覽
-
在「屬性」檢視窗隱藏的情況下,按 Control+F3 鍵可顯示該檢視窗。
-
按 Control+F6 鍵 (Windows) 直到焦點移至「屬性」檢視窗。
-
按 Tab 鍵在「屬性」檢視窗選項中依序移動。
-
適時使用方向鍵在選項的各個項目中移動。
-
按 Control+向下鍵/向上鍵 (Windows) 或 Command+向下鍵/向上鍵 (Macintosh) 視需要開啟或關閉「屬性」檢視窗的已展開區域,或者當焦點在右下角的展開箭號時按空格鍵。註解:
鍵盤焦點必須位於「屬性」檢視窗中,而且不得在面板標題上,才能執行展開和收合動作。
在對話方塊中導覽
-
按 Tab 鍵可在對話方塊的選項中移動。
-
使用方向鍵可以在選項的各種選擇之間移動。
-
如果對話方塊有「類別」清單,請按 Control+Tab 鍵 (Windows) 將焦點移至類別清單,然後使用方向鍵在清單內上下移動。
-
再一次按 Control+Tab 鍵,將焦點移至類別的各個選項。
-
按 Enter 鍵結束對話方塊。
在頁框中導覽
-
如果您的文件含有頁框,您可以使用方向鍵將焦點移至某個頁框。
選取頁框
-
按 Alt+向下鍵,將插入點放在「文件」視窗中。
-
按 Alt+向上鍵,可選取目前具有焦點的頁框。
-
持續按 Alt+向上鍵,可將焦點移至頁框組,然後再移至上層頁框組 (如果頁框組是巢狀的)。
-
按 Alt+向下鍵,可將焦點移至下層頁框組或頁框組中的單一頁框。
-
當焦點位於單一頁框上時,按 Alt+向左鍵或向右鍵,即可在頁框之間移動。
在表格中導覽
-
視需要使用方向鍵或按 Tab 鍵,以移至表格中的其他儲存格。註解:
在最右邊的儲存格按 Tab 鍵,可在表格中新增一列。
-
若要選取儲存格,請在插入點位於儲存格內時按 Control+A (Windows)。
-
若要選取整個表格,請在插入點位於儲存格中時,按兩次 Control+A (Windows),或是在選取儲存格時按一次。
-
若要離開表格,請在插入點位於儲存格內時按三次 Control+A (Windows),或在選取儲存格時按兩次,或在選取表格時按一次;最後按向上、向左或向右鍵。