Dreamweaver CS6

adobe推出的一套擁有可視化編輯界面

dreamweaver cs6是世界頂級軟體廠商adobe推出的一套擁有可視化編輯界面,用於製作並編輯網站和移動應用程序的網頁設計軟體。由於它支持代碼、拆分、設計、實時視圖等多種方式來創作、編寫和修改網頁(通常是標準通用標記語言下的一個應用HTML),對於初級人員,你可以無需編寫任何代碼就能快速創建web頁面。

主要功能


使用Adobe®Dreamweaver®CS6軟體中的自適應網格版面創建行業標準的HTML5和CSS3編碼。jQuery移動和AdobePhoneGap™框架的擴展支持可協助您為各種屏幕、手機和平板電腦建立項目。將HTML5視頻和CSS3轉換融入頁面。
AdobeDreamweaverCS6簡體中文激活版
DreamweaverCS6是世界頂級軟體廠商Adobe推出的一套擁有可視化編輯界面,你可以無需編寫任何代碼就能快速創建Web頁面。其成熟的代碼編輯工具更適用於Web開發高級人員的創作!CS6新版本使用了自適應網格版面創建頁面,在發布前使用多屏幕預覽審閱設計,可大大提高工作效率。改善的FTP性能,更高效地傳輸大型文件。“實時視圖”和“多屏幕預覽”面板可呈現HTML5代碼,更能夠檢查自己的工作。
FTP
FTP

FTP

利用重新改良的FTP傳輸工具快速上傳大型文件。節省發布項目時批量傳輸相關文件的時間。
自適應網格版面
自適應網格版面

自適應網格版面

建立複雜的網頁設計和版面,無需忙於編寫代碼。自適應網格版面能夠及時響應,以協助您設計能在台式機和各種設備不同大小屏幕中顯示的項目。
jQuery 移動支持
jQuery 移動支持

移動支持

藉助jQuery代碼提示加入高級交互性功能。jQuery可輕鬆為網頁添加互動內容。藉助針對手機的啟動模板快速開始設計。
PhoneGap 支持
PhoneGap 支持
PhoneGap支持
藉助AdobePhoneGap為Android™和iOS構建並封裝本機應用程序。在Dreamweaver中,藉助PhoneGap框架,將現有的HTML轉換為手機應用程序。利用提供的模擬器測試版面。
CSS3 轉換
CSS3 轉換

實時視圖

使用支持顯示HTML5內容的WebKit轉換引擎,在發布之前檢查您的網頁。協助您確保版面的跨瀏覽器兼容性和版面顯示的一致性。
多屏幕預覽面板
多屏幕預覽面板

多屏幕預覽面板

藉助“多屏幕預覽”面板,為智能手機、平板電腦和台式機進行設計。使用媒體查詢支持,為各種不同設備設計樣式並將呈現內容可視化。
新增功能
利用Adobe®Dreamweaver®CS6軟體中改善的FTP性能,更高效地傳輸大型文件。更新的“實時視圖”和“多屏幕預覽”面板可呈現HTML5代碼,使您能檢查自己的工作。

自適應網格版面性能

使用響應迅速的CSS3自適應網格版面,來創建跨平台和跨瀏覽器的兼容網頁設計。利用簡潔、業界標準的代碼為各種不同設備和計算機開發項目,提高工作效率。直觀地創建複雜網頁設計和頁面版面,無需忙於編寫代碼。
改善的 FTP 性能
改善的 FTP 性能

FTP性能

利用重新改良的多線程FTP傳輸工具節省上傳大型文件的時間。更快速高效地上傳網站文件,縮短製作時間。
Catalyst集成
使用Dreamweaver中集成的BusinessCatalyst面板連接並編輯您利用AdobeBusinessCatalyst(需另外購買)建立的網站。利用託管解決方案建立電子商務網站。
增強型 jQuery 移動支持
增強型 jQuery 移動支持
jQueryMobile
使用更新的jQuery移動框架支持為iOS和Android平台建立本地應用程序。建立觸及移動受眾的應用程序,同時簡化您的移動開發工作流程。
更新的 PhoneGap 支持
更新的 PhoneGap 支持

PhoneGap

更新的AdobePhoneGap™支持可輕鬆為AndroidiOS建立和封裝本地應用程序。通過改編現有的HTML代碼來創建移動應用程序。使用PhoneGap模擬器檢查您的設計。
CSS3 轉換
CSS3 轉換
CSS3轉換
將CSS屬性變化製成動畫轉換效果,使網頁設計栩栩如生。在您處理網頁元素和創建優美效果時保持對網頁設計的精準控制。
更新的實時視圖
更新的實時視圖

更新的實時視圖

使用更新的“實時視圖”功能在發布前測試頁面。“實時視圖”現已使用最新版的WebKit轉換引擎,能夠提供絕佳的HTML5支持。
更新的多屏幕預覽面板
更新的多屏幕預覽面板

多屏幕預覽

利用更新的“多屏幕預覽”面板檢查智能手機、平板電腦和台式機所建立項目的顯示畫面。增強型面板能夠讓您檢查HTML5內容呈現。

版本介紹


其成熟的代碼編輯工具更適用於web開發高級人員的創作!cs6新版本使用了自適應網格版面創建頁面,在發布前使用多屏幕預覽審閱設計,可大大提高工作效率。改善的ftp性能,更高效地傳輸大型文件。“實時視圖”和“多屏幕預覽”面板可呈現html5代碼,更能夠檢查自己的工作。
DW最新版本
AdobeDreamweaverCC

簡介

是個原本由Macromedia公司所開發的著名網站開發工具。它使用所見即所得的介面,亦有HTML編輯的功能。它現在有Mac和Windows系統的版本。隨Macromedia被Adobe收購后,Adobe也開始計劃開發Linux版本的Dreamweaver了。Dreamweaver自MX版本開始,使用了Opera的排版引擎"Presto"作為網頁預覽。

好處

製作效率
Dreamweaver可以用最快速的方式將Fireworks,FreeHand,或Photoshop等檔案移至網頁上。使用檢色吸管工具選擇熒幕上的顏色可設定最接近的網頁安全色。對於選單,快捷鍵與格式控制,都只要一個簡單步驟便可完成。Dreamweaver能與您喜愛的設計工具,如PlaybackFlash,Shockwave和外掛模組等搭配,不需離開Dreamweaver便可完成,整體運用流程自然順暢。除此之外,只要單擊便可使Dreamweaver自動開啟Firework或Photoshop來進行編輯與設定圖檔的最佳化。
網站管理
使用網站地圖可以快速製作網站雛形、設計、更新和重組網頁。改變網頁位置或檔案名稱,Dreamweaver會自動更新所有鏈接。使用支援文字、HTML碼、HTML屬性標籤和一般語法的搜尋及置換功能使得複雜的網站更新變得迅速又簡單。
控制能力
Dreamweaver是唯一提供RoundtripHTML、視覺化編輯與原始碼編輯同步的設計工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的製作速度快的令您無法想象。進階表格編輯功能使您簡單的選擇單格、行、欄或作為連續之選取。甚至可以排序或格式化表格群組,Dreamweaver支援精準定位,利用可輕易轉換成表格的圖層以拖拉置放的方式進行版面配置。所見即所得Dreamweaver成功整合動態式出版視覺編輯及電子商務功能,提供超強的支援能力給Third-party廠商,包含ASP,Apache,BroadVision,ColdFusion,iCAT,Tango與自行發展的應用軟體。當您正使用Dreamweaver在設計動態網頁時,所見即所得的功能,讓您不需要透過瀏覽器就能預覽網頁。夢幻樣版和XMLDreamweaver將內容與設計分開,應用於快速網頁更新和團隊合作網頁編輯。建立網頁外觀的樣版,指定可編輯或不可編輯的部分,內容提供者可直接編輯以樣式為主的內容卻不會不小心改變既定之樣式。您也可以使用樣版正確地輸入或輸出XML內容。全方位的呈現利用Dreamweaver設計的網頁,可以全方位的呈現在任何平台的熱門瀏覽器上。對於cascadingstylesheets的動態HTML支援和滑鼠換圖效果,聲音和動畫的DHTML效果資料庫可在Netscape和Microsoft瀏覽器上執行。使用不同瀏覽器檢示功能,Dreamweaver可以告知您在不同瀏覽器上執行的成效如何。當有新的瀏覽器上市時,只要從Dreamweaver的網站在下載它的描述檔,便可得知詳盡的成效報告。

操作指南


視訊教學課程

DreamweaverCS6新功能的視訊教學課程可在AdobeTV收看。

HTML5視訊

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

新增網站管理員

新增網站管理員
「管理網站」對話方塊(「網站>管理網站」)有新的外觀和操作,不過功能大致維持相同。外加的功能包括建立或匯入BusinessCatalyst網站的能力。流變格線架構CSS版面
在Dreamweaver中使用穩定的全新流變格線版面(「新增>新增流變格線版面」),建立回應不同畫面大小的最適化CSS版面。使用流變格線建置網頁時,不管是桌上型電腦、平板電腦或智慧型手機,版面及其內容都會自動調整適應使用者的檢視裝置。
·流變格線版面簡介
·在DreamweaverCS6中使用流變格線版面(教學課程)
·AdobeTV:在DreamweaverCS6中使用流變格線版面
·AdobeTV:在DreamweaverCS6中使用流變格線版面建立最適化設計
·AdobeTV:Dreamweaver產品經理ScottFegette深入解析流變格線版面

CSS3轉變

使用新的CSS轉變面板,回應滑鼠移動停留、點選和對焦等觸發事件,套用平滑屬性更改至CSS頁面元素。(常見的範例是滑鼠停留在選單列項目時,逐漸從一個顏色淡化成另一個顏色)。您可以使用程式碼層級支援和新的「CSS轉變」面板(「視窗>CSS轉變」)建立CSS轉變。
·了解CSS3轉變
·Dreamweaver中的CSS3轉變效果(參考文件)
·使用CSS轉變面板建立平滑更改(教學課程)
·AdobeTV:在DreamweaverCS6中使用CSS3轉變
多重CSS類別選取
您可以套用多個CSS類別到單一元素。選取元素,開啟「多重選取範圍」對話方塊,然後選取類別。套用多個類別之後,Dreamweaver會從您的選取建立新的多重類別。之後新的多重類別即可在您製作CSS選取的其他位置使用。
您可以從多個存取點開啟「多重選取範圍」對話方塊:
·HTML屬性檢視窗(從選單中選取「套用多個類別」)。
·CSS屬性檢視窗的「目標規則」彈出式選單。
·「文件」視窗最下方標籤選取器的快速選單(以右鍵按一下標籤,然後選取「設定類別>套用多個類別」)
AdobeTV:在DreamweaverCS6中選取多個類別

PhoneGap

組建整合
透過直接整合現有的新PhoneGap組建服務,DreamweaverCS6客戶可以使用其現有的HTML、CSS和JavaScript技術,建置行動裝置的原生應用程式。在您透過PhoneGap組建面板登入PhoneGap組建之後(「網站>PhoneGap組建」),您可直接在PhoneGap組建服務中建置您的網路應用程式,並下載產生的原生行動裝置應用程式至您的本機桌面或行動裝置。PhoneGap組建服務可管理您的專案,並允許您為最常見的行動平台建置原生應用程式,包括Android、iOS、Blackberry、Symbian和webOS。
·什麼是PhoneGap?
·使用PhoneGap組建封裝網路應用程式(參考文件)
·AdobeTV:使用PhoneGap組建封裝應用程式
jQueryMobile1.0
jQueryMobile1.0與jQueryMobile色票
DreamweaverCS6隨附有jQuery1.6.4以及jQueryMobile1.0檔案。jQueryMobile起始頁面可從「新增文件」對話方塊存取(「檔案>新增>來自樣本的頁面>行動開發入門」)。您也可以在建立jQueryMobile頁面時,從兩種CSS檔案中選擇:完整的CSS檔案或分割成結構與主題兩種組件的CSS檔案。
·jQueryMobile應用程式和起始頁面
·AdobeTV:在DreamweaverCS6中增強的jQueryMobile支援
jQueryMobile色票
使用新增的「jQueryMobile色票」面板(「視窗>jQueryMobile色票」),預覽jQueryMobileCSS檔中的所有色票。然後,使用面板套用色票至jQueryMobile網頁中的各種元素或從中移除。使用這項功能,將色票分別套用至標題、清單、按鈕及其他元素。
·在DreamweaverCS6中使用jQueryMobile主題(教學課程)
·AdobeTV:在DreamweaverCS6中增強的jQueryMobile支援
BusinessCatalyst整合
新增BusinessCatalyst網站
您可以直接從Dreamweaver建立新的BusinessCatalyst試用網站,並探索BusinessCatalyst可為您的客戶和專案提供的廣泛功能。
BusinessCatalyst面板
登入BusinessCatalyst網站之後,您可直接從Dreamweaver中的BusinessCatalyst面板插入與自訂BusinessCatalyst模組(「視窗>BusinessCatalyst」)。您將能存取豐富的功能,例如產品目錄、部落格和社交媒體整合、購物車等等。此整合提供一種方法,讓您可在Dreamweaver中的本機檔案和BusinessCatalyst網站中的網站資料庫內容之間順暢運作。
·Dreamweaver-BusinessCatalyst整合(參考文件)
·重新匯入BusinessCatalyst網站至DreamweaverCS6(參考文件)
·使用Dreamweaver自訂BusinessCatalyst模組(參考文件)
·AdobeTV:建立與編輯您的BusinessCatalyst網站

網頁字體

您可以在Dreamweaver中使用創造性的網頁支援字體(如Google或Typekit網頁字體)。首先,使用「網頁字體管理員」(「修改>網頁字體」),將網頁字體匯入您的Dreamweaver網站。然後,該網頁字體就能在您的網頁中存取使用。
·AdobeTV:在DreamweaverCS6中使用網頁字體
簡化PSD最佳化
DreamweaverCS5「影像預覽」對話方塊現在稱為「影像最佳化」對話方塊。若要開啟此對話方塊,請在「文件」視窗中選取影像,然後按一下「屬性」檢視窗中的「編輯影像設定」按鈕。CS5「影像預覽」對話方塊中有一些選項出現於「屬性檢視窗」中
·在Dreamweaver中編輯影像(參考文件)
·AdobeTV:在中編輯影像
改進FTP傳送
Dreamweaver使用多頻道傳送,使用多頻道同時傳送選定的檔案。Dreamweaver也可讓您同時使用「上傳與下載」操作來傳送檔案。
如果有足夠的頻寬,FTP多頻道非同時傳送可大幅加快傳送程序。