Adobe Dreamweaver蘋果電腦版 v21.4

dreamweaver蘋果電腦版簡稱為dw mac版，是adobe公司開發(fā)的一款網(wǎng)頁制作軟件，也是第一套針對專業(yè)網(wǎng)頁設(shè)計師特別開發(fā)的視覺化網(wǎng)頁開發(fā)工具，可以快速、靈活的編碼，輕松地創(chuàng)建、編碼和管理動態(tài)網(wǎng)站，在軟件中寫入的所有的代碼都會以所見即所得的現(xiàn)實表現(xiàn)出來，非常適合從事相關(guān)行業(yè)的初級人員使用。

在dw mac版本中，DW的功能進一步成熟，使用了自適應(yīng)網(wǎng)格版面創(chuàng)建頁面和多屏幕預(yù)覽審閱設(shè)計，大大提高網(wǎng)站編寫與除錯的工作效率。改善的 ftp性能可以更高效地傳輸大型文件?！皩崟r視圖”和“多屏幕預(yù)覽”面板可呈現(xiàn) html5 代碼，讓開發(fā)人員可以能夠更好的檢查自己的網(wǎng)站。不管是web行業(yè)的新人還是熟手，Dreamweaver都能幫你更好的完成工作。

軟件功能介紹

1、網(wǎng)站管理

使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計、更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱，Dreamweaver 會自動更新所有鏈接。使用支援文字、HTML碼、HTML屬性標(biāo)簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡單。

2、FTP

利用重新改良的 FTP 傳輸工具快速上傳大型文件。節(jié)省發(fā)布項目時批量傳輸相關(guān)文件的時間。

3、自適應(yīng)網(wǎng)格版面

建立復(fù)雜的網(wǎng)頁設(shè)計和版面，無需忙于編寫代碼。自適應(yīng)網(wǎng)格版面能夠及時響應(yīng)，以協(xié)助您設(shè)計能在臺式機和各種設(shè)備不同大小屏幕中顯示的項目

4、實時視圖

使用支持顯示 HTML5 內(nèi)容的 WebKit 轉(zhuǎn)換引擎，在發(fā)布之前檢查您的網(wǎng)頁。協(xié)助您確保版面的跨瀏覽器兼容性和版面顯示的一致性。

5、多屏幕預(yù)覽面板

借助“多屏幕預(yù)覽”面板，為智能手機、平板電腦和臺式機進行設(shè)計。使用媒體查詢支持，為各種不同設(shè)備設(shè)計樣式并將呈現(xiàn)內(nèi)容可視化。

Dreamweaver使用指南

載入 Dreamweaver

安裝 Dreamweaver 后，在您首次啟動應(yīng)用程序時，屏幕上將顯示一個快速入門菜單，該菜單會詢問您三個問題，幫助您根據(jù)需求對 Dreamweaver 工作區(qū)進行個性化設(shè)置。

基于您對這些問題的回答，Dreamweaver 會在開發(fā)人員工作區(qū)（包含最少代碼的布局）或標(biāo)準(zhǔn)工作區(qū)（具有代碼可視化工具和應(yīng)用程序內(nèi)預(yù)覽的拆分布局）中打開。 

選擇工作區(qū)后，可選擇您喜歡的顏色主題。然后，您可以開始使用。

注意: 以后您可隨時使用“編輯”>“首選參數(shù)”對話框來更改這些工作區(qū)首選參數(shù)。

改進的主屏幕

Dreamweaver 中的主屏幕可讓您快速訪問最近使用的文件、文件類型和起始頁模板。

根據(jù)您的訂閱狀態(tài)，“開始”工作區(qū)可能還會顯示專門針對您的需求定制的內(nèi)容。

Dreamweaver 會在啟動時或沒有打開的文檔時顯示主屏幕。

Dreamweaver“開始”體驗中的選項

學(xué)習(xí)

單擊“學(xué)習(xí)”可從此屏幕中立即訪問 Dreamweaver 教程。

快速開始

通過單擊顯示的任意文件類型，開始在 Dreamweaver 中創(chuàng)建文件。

起始頁模板

使用 Dreamweaver 打開打包的起始頁模板之一。

主頁

單擊“主頁”返回到開始屏幕。

您可以在開始屏幕中查看最近處理的文件。如果您沒有任何最近打開的文件，則此選項卡為空。

您還可以通過使用此屏幕右上角的搜索圖標(biāo)來使用搜索功能。當(dāng)您鍵入搜索查詢內(nèi)容時，該應(yīng)用程序?qū)@示與搜索查詢內(nèi)容相匹配的最近打開的文件、Creative Cloud 資源、幫助鏈接和庫存圖像。

注意: 此“開始”屏幕已啟用，并且默認情況下處于打開狀態(tài)。如果您不需要此“開始”屏幕，請在“首選參數(shù)”>“常規(guī)”對話框中取消選中“顯示開始屏幕”。

您可以單擊“新建”開始創(chuàng)建新的 Dreamweaver 文件。如果您的系統(tǒng)中已有文件，請單擊“打開”。有關(guān)在 Dreamweaver 中創(chuàng)建和打開文檔的信息，請參閱創(chuàng)建和打開文件。

工作區(qū)概述

使用 Dreamweaver 工作區(qū)，可以查看文檔和對象屬性。工作區(qū)還將許多常用操作放置于工具欄中，使您可以快速更改文檔。

Dreamweaver 工作區(qū) (CC)

A. 應(yīng)用程序欄 B. 文檔工具欄 C. “文檔”窗口 D. 工作區(qū)切換器 E. 面板 F. “代碼”視圖 G. 狀態(tài)欄 H. 標(biāo)簽選擇器 I. “實時”視圖 J. 工具欄 

工作區(qū)元素概述

工作區(qū)中包括以下元素：

應(yīng)用程序欄

位于應(yīng)用程序窗口頂部，包含一個工作區(qū)切換器、幾個菜單（僅限 Windows）以及其他應(yīng)用程序控件。

文檔工具欄

包含的按鈕可用于選擇“文檔”窗口的不同視圖（例如，“設(shè)計”視圖、“實時”視圖和“代碼”視圖）。

“標(biāo)準(zhǔn)”工具欄

若要顯示“標(biāo)準(zhǔn)”工具欄，請選擇“窗口”>“工具欄”>“標(biāo)準(zhǔn)”。工具欄包含從“文件”和“編輯”菜單執(zhí)行的常見操作的按鈕：“新建”、“打開”、“保存”、“全部保存”、“打印代碼”、“剪切”、“復(fù)制”、“粘貼”、“撤消”和“重做”。

工具欄

位于應(yīng)用程序窗口的左側(cè)，并且包含特定于視圖的按鈕。

“文檔”窗口

顯示您當(dāng)前創(chuàng)建和編輯的文檔。

屬性檢查器

用于查看和更改所選對象或文本的各種屬性。每個對象都具有不同的屬性。

標(biāo)簽選擇器

位于“文檔”窗口底部的狀態(tài)欄中。顯示環(huán)繞當(dāng)前選定內(nèi)容的標(biāo)簽的層次結(jié)構(gòu)。單擊該層次結(jié)構(gòu)中的任何標(biāo)簽可以選擇該標(biāo)簽及其全部內(nèi)容。

面板

幫助您監(jiān)控和修改工作。示例包括“插入”面板、CSS Designer 面板和“文件”面板。若要展開某個面板，請雙擊其選項卡。

Extract 面板

允許您上傳和查看 Creative Cloud 中的 PSD 文件。使用此面板，您可以將 PSD 復(fù)合中的 CSS、文本、圖像、字體、顏色、漸變和度量值提取到您的文檔。

“插入”面板

包含用于將圖像、表格和媒體元素等各種類型的對象插入到文檔中的按鈕。每個對象都是一段 HTML 代碼，允許您在插入它時設(shè)置不同的屬性。例如，您可以通過單擊“插入”面板中的“表格”按鈕來插入一個表格。如果愿意，可以使用“插入”菜單來插入對象，而不用通過使用“插入”面板。

“文件”面板

無論它們是 Dreamweaver 站點的一部分還是位于遠程服務(wù)器，都可以將它們用于管理文件和文件夾。使用“文件”面板，還可以訪問本地磁盤上的所有文件。有關(guān)詳細信息，請參閱管理文件和文件夾。

“代碼片段”面板

可讓您跨不同的網(wǎng)頁、不同的站點和不同的 Dreamweaver 安裝保存和重復(fù)使用代碼片段（使用同步設(shè)置）。有關(guān)詳細信息，請參閱使用代碼片段重用代碼。

CSS Designer 面板

為 CSS 屬性檢查器，可讓您“可視化”創(chuàng)建 CSS 樣式和文件，并設(shè)置屬性和媒體查詢。

dw mac新版本特性

dreamweaver快捷鍵

1、文件菜單編輯

打開一個HTML文件 Ctrl+O 或者將文件從[文件管理器]或[站點]窗口拖動到[文檔]窗口中

保存 Ctrl+S

另存為Ctrl+Shift+S

檢查鏈接 Shift + F8

退出 Ctrl+Q

2、編輯菜單編輯

撤消 Ctrl+Z

重復(fù) Ctrl+Y 或 Ctrl+Shift+Z

剪切 Ctrl+X 或Shift+Del

拷貝 Ctrl+C 或Ctrl+Ins

粘貼 Ctrl+V 或Shift+Ins

清除 Delete

全選Ctrl+A

選擇父標(biāo)簽 Ctrl+Shift+<

選擇子標(biāo)簽 Ctrl+Shift+>

查找和替換 Ctrl+F

查找下一個 F3

縮進代碼 Ctrl+Shift+]

左縮進代碼 Ctrl+Shift+[

平衡大括弧 Ctrl+’

啟動外部編輯器 Ctrl+E

參數(shù)選擇 Ctrl+U

3、頁面視圖編輯

標(biāo)準(zhǔn)視圖 Ctrl+Shift+F6

布局視圖 Ctrl+F6

工具條 Ctrl+Shift+T

4、頁面元素編輯

可視化助理 Ctrl+Shift+I

標(biāo)尺 Ctrl+Alt+R

顯示網(wǎng)格 Ctrl+Alt+G

靠齊到網(wǎng)格 Ctrl+Alt+Shift+G

頭內(nèi)容 Ctrl+Shift+W

頁面屬性 Ctrl+J

更新日志

v21.4版本

Dreamweaver 現(xiàn)已集成最新的第三方庫升級，提供同步設(shè)置的離線導(dǎo)入和導(dǎo)出、錯誤修復(fù)并解決安全問題。