Adobe Dreamweaver蘋(píng)果電腦版 v21.4

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

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

軟件功能介紹

1、網(wǎng)站管理

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

2、FTP

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

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

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

4、實(shí)時(shí)視圖

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

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

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

Dreamweaver使用指南

載入 Dreamweaver

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

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

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

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

改進(jìn)的主屏幕

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

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

Dreamweaver 會(huì)在啟動(dòng)時(shí)或沒(méi)有打開(kāi)的文檔時(shí)顯示主屏幕。

Dreamweaver“開(kāi)始”體驗(yàn)中的選項(xiàng)

學(xué)習(xí)

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

快速開(kāi)始

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

起始頁(yè)模板

使用 Dreamweaver 打開(kāi)打包的起始頁(yè)模板之一。

主頁(yè)

單擊“主頁(yè)”返回到開(kāi)始屏幕。

您可以在開(kāi)始屏幕中查看最近處理的文件。如果您沒(méi)有任何最近打開(kāi)的文件，則此選項(xiàng)卡為空。

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

注意: 此“開(kāi)始”屏幕已啟用，并且默認(rèn)情況下處于打開(kāi)狀態(tài)。如果您不需要此“開(kāi)始”屏幕，請(qǐng)?jiān)凇笆走x參數(shù)”>“常規(guī)”對(duì)話框中取消選中“顯示開(kāi)始屏幕”。

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

工作區(qū)概述

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

Dreamweaver 工作區(qū) (CC)

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

工作區(qū)元素概述

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

應(yīng)用程序欄

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

文檔工具欄

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

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

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

工具欄

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

“文檔”窗口

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

屬性檢查器

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

標(biāo)簽選擇器

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

面板

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

Extract 面板

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

“插入”面板

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

“文件”面板

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

“代碼片段”面板

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

CSS Designer 面板

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

dw mac新版本特性

dreamweaver快捷鍵

1、文件菜單編輯

打開(kāi)一個(gè)HTML文件 Ctrl+O 或者將文件從[文件管理器]或[站點(diǎn)]窗口拖動(dòng)到[文檔]窗口中

保存 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

查找下一個(gè) F3

縮進(jìn)代碼 Ctrl+Shift+]

左縮進(jìn)代碼 Ctrl+Shift+[

平衡大括弧 Ctrl+’

啟動(dòng)外部編輯器 Ctrl+E

參數(shù)選擇 Ctrl+U

3、頁(yè)面視圖編輯

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

布局視圖 Ctrl+F6

工具條 Ctrl+Shift+T

4、頁(yè)面元素編輯

可視化助理 Ctrl+Shift+I

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

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

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

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

頁(yè)面屬性 Ctrl+J

更新日志

v21.4版本

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