CS6 之後的 Creative Cloud 更新

12.1 更新,2012 年 9 月 24 日:

如需本版本的新增功能內容,請參閱「新增功能 | Creative Cloud」。

12.2 更新,2013 年 2 月 14 日:

如需本版本的新增功能內容,請參閱「新增功能 | Creative Cloud | 2013 年 2 月」。

教學課程影片

Dreamweaver CS6 新功能的教學課程影片現在可在 Adobe TV (http://www.adobe.com/go/learn_dwcs6_adobetv_tw) 上收看。

插入 HTML5 視訊內容

插入 HTML5 視訊內容
在這個視訊中,您將發現使用 Adobe Dreamweaver CS6 將視訊內容插入 HTML5 網頁非常簡單。
Chad Chelius

新增網站管理員

管理網站」對話方塊 (「網站 > 管理網站」) 有新的外觀和操作,不過功能大致維持相同。外加的功能包括建立或匯入 Business Catalyst 網站的能力。

流變格線架構 CSS 版面

在 Dreamweaver 中使用穩定的全新流變格線版面 (「新增 > 新增流變格線版面」),建立回應不同畫面大小的最適化 CSS 版面。使用流變格線建置網頁時,不管是桌上型電腦、平板電腦或智慧型手機,版面及其內容都會自動調整適應用戶的檢視裝置。

CSS3 轉變

使用新的 CSS 轉變面板,回應滑鼠移動停留、點選和對焦等觸發事件,套用平滑屬性更改至 CSS 頁面元素。(常見的範例是滑鼠停留在選單列項目時,逐漸從一個顏色淡化成另一個顏色)。現在,您可以使用程式碼層級支援和新的「CSS 轉變」面板 (「視窗 > CSS 轉變」) 建立 CSS 轉變。

多重 CSS 類別選取

現在,您可以套用多個 CSS 類別到單一元素。選取元素,開啟「多重選取範圍」對話方塊,然後選取類別。套用多個類別之後,Dreamweaver 會從您的選取建立新的多重類別。之後新的多重類別即可在您製作 CSS 選取的其他位置使用。

您可以從多個存取點開啟「多重選取範圍」對話方塊:

  • HTML 屬性檢視窗 (從選單中選取「套用多個類別」)
  • CSS 屬性檢視窗的「目標規則」彈出式選單
  • 「文件」視窗最下方標籤選取器的快顯選單 (以右鍵按一下標籤,然後選取「設定類別 > 套用多個類別」)

PhoneGap 組建整合

透過直接整合現有的新 PhoneGap 組建服務,Dreamweaver CS6 客戶可以使用其現有的 HTML、CSS 和 JavaScript 技術,建置行動裝置的原生應用程式。在您透過 PhoneGap 組建面板登入 PhoneGap 組建之後 (「網站 > PhoneGap 組建」),您可直接在 PhoneGap 組建服務中建置您的網路應用程式,並下載產生的原生行動裝置應用程式至您的本機桌面或行動裝置。PhoneGap 組建服務可管理您的專案,並允許您為最常見的行動平台建置原生應用程式,包括 Android、iOS、Blackberry、Symbian 和 webOS。

jQuery Mobile 1.0 與 jQuery Mobile 色票

jQuery Mobile 1.0

Dreamweaver CS6 隨附有 jQuery 1.6.4 以及 jQuery Mobile 1.0 檔案。jQuery Mobile 起始頁面可從「新增文件」對話方塊存取 (「檔案 > 新增 > 來自樣本的頁面 > 行動開發入門」)。現在您也可以在建立 jQuery Mobile 頁面時,從兩種 CSS 檔案中選擇:完整的 CSS 檔案或分割成結構與主題兩種組件的 CSS 檔案。

jQuery Mobile 色票

使用新增的「jQuery Mobile 色票」面板 (「視窗 > jQuery Mobile 色票」),預覽 jQuery Mobile CSS 檔中的所有色票。然後,使用面板套用色票至 jQuery Mobile 網頁中的各種元素或從中移除。使用這項功能,將色票分別套用至標題、清單、按鈕及其他元素。

Business Catalyst 整合

新增 Business Catalyst 網站

現在您可以直接從 Dreamweaver 建立新的 Business Catalyst 試用網站,並探索 Business Catalyst 可為您的客戶和專案提供的廣泛功能。

Business Catalyst 面板

登入 Business Catalyst 網站之後,您可直接從 Dreamweaver 中的 Business Catalyst 面板插入與自訂 Business Catalyst 模組 (「視窗 > Business Catalyst」)。您將能存取豐富的功能,例如產品目錄、部落格和社交媒體整合、購物車等等。此整合提供一種方法,讓您可在 Dreamweaver 中的本機檔案和 Business Catalyst 網站中的網站資料庫內容之間順暢運作。

網頁字型

現在您可以在 Dreamweaver 中使用創造性的網頁支援字型 (如 Google 或 Typekit 網頁字型)。首先,使用「網頁字型管理員」(「修改 > 網頁字型」),將網頁字型匯入您的 Dreamweaver 網站。然後,該網頁字型就能在您的網頁中存取使用。

簡化 PSD 最佳化

Dreamweaver CS5「影像預覽」對話方塊現在稱為「影像最佳化」對話方塊。若要開啟此對話方塊,請在「文件」視窗中選取影像,然後按一下「屬性」檢視窗中的「編輯影像設定」按鈕。舊版 CS5「影像預覽」對話方塊中有一些選項現在會出現在「屬性檢視窗」中。

隨著您在「影像最佳化」對話方塊中更改設定,影像的預覽會立即顯示於「設計」檢視中。

改進 FTP 傳送

Dreamweaver 使用多頻道傳送,使用多頻道同時傳送選定的檔案。Dreamweaver 也可讓您同時使用「上傳與下載」操作來傳送檔案。

如果有足夠的頻寬,FTP 多頻道非同時傳送可大幅加快傳送程序。

如需詳細資訊,請參閱 http://blogs.adobe.com/dreamweaver/2012/06/ftp-improvement-in-dreamweaver-cs6.html

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策