Dreamweaver CC 2018 Mac汉化版是是目前比较流行的网页制作軟件,简称dw,主要分为网页制作和网站管理两大部分,拥有代碼著色、代码显示增强、代碼提示、实时预览等多种功能,2018版本采用中文界面,用户再也不用找汉化包了,使用起来更方便,需要的朋友赶快下载更新吧!
Dreamweaver CC 2018 Mac新功能
1、适用于 Windows 的 HiDPI 支持
Dreamweaver 针对 HiDPI 显示器进行了优化,为您提供包含可以正确地缩放和显示字体、图标、对话框和菜单的清晰界面。

2、适用于 Windows 的多显示器支持
在多个显示器上显示 Dreamweaver,从而扩大您的工作区。例如,将某个文档窗口拖出应用程序框,并在第二个显示器中查看它。

軟件特色
全新代碼編輯器
已针对 Dreamweaver 中的代码编辑器提供了若干可增强工作效率的功能,以使您快速且高效地完成编码任务。
代碼提示可帮助新用户了解 HTML、CSS 和其他 Web 标准,自动缩进、代碼著色和可调整大小的字体等视觉辅助功能可帮助减少错误,使您的代码更易阅读。
代碼提示
Dreamweaver 中的代碼提示功能已得到增强,可为所选代码提供更多有用信息。
在 Dreamweaver 的早期版本中,键入一个右尖括号后,只会显示相关代码的下拉列表。
在此版本中,不仅会显示相关代码,还会显示更多有助于您快速掌握 HTML、CSS 和 Dreamweaver 自带的其他 Web 技术的信息。
代碼顯示增強功能
代碼的整體外觀已得到增強,可讀性更高。您可以看到代碼格式設置、代碼顔色和字體大小調整方面的改進。
代碼格式設置
在编写代码时,Dreamweaver 会实现代码自动缩进,以避免手动缩进错误,同时改善可读性。
代碼著色
Dreamweaver 目前支持针对更多文件类型的代碼著色。
代碼著色支持目前适用于 HTML、JS、CSS、PHP、XML、LESS、Sass、SCSS、SVG、Bash、C、C#、C++、clojure、 CoffeeScript、Dart、Diff、EJS、Embedded Ruby、Groovy、Handlebars、Haskell、Haxe、Java、JSON、Lua、Markdown、Markdown (GitHub)、Perl、属性、Python、RDF Turtle、Ruby、Scala、SQL、Stylus、文本、VB、VBScript、XML 和 YAML。
您可直接從“代碼”視圖中的狀態欄更改不同文件類型的語法高亮顯示。
字體大小調整
在不離開“代碼”視圖的情況下,使用以下鍵盤快捷鍵調整字體大小:
Ctrl++(Win) 或 Cmd++(Mac) 可增大字体大小
Ctrl+-(Win) 或 Cmd+-(Mac) 可减小字体大小
Ctrl+0(Win) 或 Cmd+0(Mac) 可重置为默认字体大小
CSS 预处理器支持
Dreamweaver 目前支持常用的 CSS 预处理器(如 Sass、Less 和 SCSS),提供完整的代碼著色、代碼提示和编译功能,可帮助您节省时间并生成更简洁的代码。
在浏覽器中實時預覽
无需手动刷新浏览器,即可在浏览器中快速实时预览代码更改。Dreamweaver 现已与您的浏览器连接,因此无需重新加载页面即可在浏览器中快速显示更改。
快速編輯相關代碼文件
要快速更改代码,请将光标放在特定代码片段上并使用上下文菜单,或按 Ctrl-E(针对 Windows 系统)或 Cmd-E(针对 Mac 系统)以打开“快速编辑”功能。
Dreamweaver 会显示上下文特定的代码选项和内嵌工具。
上下文相关 CSS 文档
Dreamweaver 在“代码”视图中针对 CSS 属性提供上下文相关文档。
现在您无需从 Dreamweaver 外部访问网页即可了解或查阅 CSS 属性。要显示 CSS 帮助,请按 Ctrl+K(针对 Windows 系统)或 Cmd+K(针对 Mac 系统)。
可利用多個光標編寫和編輯代碼
要同時編寫多行代碼,可使用多個光標。
此功能可以大大提高工作效率,因爲您不必多次編寫同一行代碼。
現代化的用戶界面
Dreamweaver 已经过重新设计,具备更直观的可自定义界面,更易于访问的菜单和面板,以及仅向您显示所需工具的可配置的上下文相关工具栏。
該新界面還提供從淺色到深色的四級對比度,因此更便于閱讀和編輯代碼行。
對菜單、工作區和工具欄的更改
此版本的 Dreamweaver 也对菜单、工具栏和工作区进行了重新设计。继续阅读以详细了解上述更改。
工作區更改
对 Dreamweaver 界面进行了优化,添加了以下默认工作区:
開發人員工作區
此工作區已最小化,默認情況下僅包括開發人員對網站進行編碼時最必不可少的面板,例如“文件”面板和“代碼片段”面板。
標准工作區
此工作区包括您处理代码和设计时所需的所有内容,例如“文件”、“CC 库”,“CSS Designer”、“插入”、“DOM”、“资源”和“代码片段”面板。
菜單更改
改進了應用程序菜單,刪除了不常用的菜單項,並將其他菜單項移到了更顯眼的位置。
工具欄更改
工具欄目前在所有視圖中均可見,但僅顯示您正使用的視圖所需的工具。
不過,您可以自定義工具欄,以顯示您所需的必備工具組。
狀態欄更改
現在,當您在“代碼”視圖中工作時,狀態欄會顯示有用的信息。
“代碼片段”面板更改
“代碼片段”面板不僅外觀變得更爲簡潔,而且經過重新設計後也簡化了代碼片段的插入過程。
“文件”面板更改
對“文件”面板進行了重新設計,使之更簡潔、更易于使用。
簡單地說,“文件”面板將僅顯示您計算機中本地文件的列表。隨著您更多地使用“文件”面板來設置站點、設置到遠程服務器的連接、啓用存回和取出,“文件”面板中將出現更多選項。
“歡迎”屏幕和“首次使用體驗”中的更改
启动 Dreamweaver 或关闭所有 Dreamweaver 文档时会显示新的“开始”工作区。您可以在“开始”工作区方便地访问最近使用过的文件、库和起始页模板。
如果更喜欢之前的对话框,您也可以按 Ctrl/Cmd + O 启动“打开”对话框,或按 Ctrl/Cmd + N 启动“新建文档”对话框。
查找和替換中的實時高亮顯示
全新的無幹擾“查找和替換”工具欄位于窗口頂部,不會阻擋屏幕的任何部分。
Creative Cloud 资源改进
您可以对存储在 Creative Cloud 中的所有资源(包括 Creative Cloud 库中的文件,使用 CC 桌面产品创建的资源以及移动项目)进行归档和还原,并可以添加注释和查看版本历史记录。
發生崩潰後自動恢複文件
如果 Dreamweaver 因系统错误、停电或其他问题导致意外关闭,您可以恢复对编辑中的文件所做的所有未保存更改。
Dreamweaver CC使用技巧
一、建立站點
建立一个规范整洁的站点文件夹是一个网站以后能够顺利运行的根本,也是开始制作网页的第一步。在建立站点时,我们通常会用到三个文件夹,一个是files,用来存放除首頁之外的其它网页文件,另一个是images,用来存放我们网页制作中用到的图片文件。最后一个是others,用来存放视频、音频、文本和动画等网页元素。之所以这样做的原因是一个清晰的站点结构决定了以后这个站点的管理方便与否。另外注意文件夹和文件的命名要以英文命名,这样可以避免页面调用不正确的现象发生。
二、巧妙複制文字
在幾個不同的應用程序中間相互複制文字,是我們在實際工作中可能要常做的事情。但是,假如我們從Dreamweaver中複制編輯區中的文字到另外一個應用程序的時候,HTML代碼和文字將一起被複制過去了,那麽我們該如何才能只把編輯區中的文字複制下來呢?我們知道,通常複制時都用快捷鍵Ctrl+C來操作,假如我們在複制的時候多按一個C鍵,那麽Dreamweaver將只會複制選中的文字了。
三、巧妙設置字體分辨率
我們在制作網頁的時候,經常有這種體會,那就是制作好的網頁在本地計算機上浏覽時很正常,但在另外一台計算機上浏覽時發現原本漂亮的網頁變得歪歪扭扭了,這是爲什麽呢?原來各個計算機的分辨率要使你的主頁在不同的分辨率下都能正常顯示,在Dreamweaver中得到了較好的解決。在文檔窗口的右下角,Dreamweaver顯示當前文檔被設計成的分辨率大小。單擊哪個數字,在彈出式菜單中可以爲當前的頁面指定顯示分辨率,通過修改可以使你的主頁更具靈活性。使不同分辨率的顯示器都能較好地顯示。
四、善用快捷鍵
爲了提高操作的效率,我們可以在Dreamweaver中使用快捷鍵,例如使用Ctrl+B或Ctrl+I來爲文字應用黑體或斜體格式,也可以使用以下一些鍵盤快捷鍵來爲選中的文本應用HTML格式:Ctrl+0(無格式);Ctrl+T(段落);Ctrl+1(標題1);Ctrl+2(標題2);Ctrl-+3(標題3);Ctrl+4(標題4);Ctrl+5(標題5);Ctrl+6(標題6)。
五、靈活運用樣式
熟悉網頁設計的人就知道,調用Style的方法很多,我們可以單擊鼠標右鍵選擇CustonStyle來調用Style標准,也可以在狀態欄中的元素列表上單擊右鍵來調用Style。雖然不同的方法達到的效果看似一樣,但實際上産生的HTML代碼則完全不同。比如用CustonStyle來調用Style標准,在網頁代碼中就生成一個〈span〉標簽,這樣的標簽一多就會使文件十分臃腫而且影響浏覽器的解析速度,所以我們應盡量使用狀態欄中的元素列表來調用Style。
六、輸入輸入連續空格
网页编辑时经常需要输入一些空格,例如在每段的开头,一般都要空两个格,而Dreamweaver与Word等常用办公軟件不同,直接按空格键无法达到预期目的,但可以通过下面三个方法来实现空格的输入:1)切换到中文输入状态,把标点状态设置为全角中文,就可以随心所欲地输入任意多个空格了。2)光标定位需要输入空格的位置,转换到代码视图中,在HTML源文档中输入“ ;”,一个“ ;”相当于一个空格,要添加多少个空格,只需要添加相应的多少个“ ;”即可。3)在“插入”栏中选择“文本”选项卡,在插入“字符”里选择空格,这种方法可行,但不好用。
七、善用拖放技巧
我們在使用Dreamweaver編輯網頁的時候,經常需要插入一些圖象什麽的,假設要插入的圖象很多,按照常規方法來操作就顯得非常麻煩。我們可以利用拖放技巧來很好地解決這個問題。首先我們把Dreamweaver的操作窗口變成活動窗口,以騰出空間來顯示Explorer窗口,找到要插入的圖象文件後,把它們一一用鼠標拖動到網頁的適當部位,Dreamweaver將自動把這些圖象的url添加到文件的HTML代碼中,當然這裏要求被拖動的圖象文件必須是gif、jpg等web圖象格式的文件。對于已經在網頁中的圖象也是一樣,直接拖過來就可以了。但假如被拖動的圖象上有超級鏈接,就不可以再使用拖動技術了,因爲那時拖過來的僅僅是超級鏈接地址。
八、巧妙設置對象名稱
我們在用Dreamweaver來制作非常複雜的效果時,有可能需要經常重複地使用某一個或者多個對象,例如我們經常需要定位某個特定的表格、圖象等,假如我們沒有給某一個網頁中的多個對象取名的話,那麽在重複應用這些對象的時候,可能很麻煩或者輕易出錯。爲了能夠方便調用這些對象,我們應該在每創建一個新的對象時,都記得給它取一個有代表性而且比較輕易記憶的名稱。在給這些對象命名時,我們可以通過對象的“屬性”面板來操作就可以了。
九、爲圖象鏈接增加動態效果
有時我們爲了要達到一種逼真的效果,希望鼠標移動到某個鏈接上時能有動感産生。使用Dreamweaver可以很輕易實現這種效果。設計時,我們首先需要預備兩幅圖象,第一幅是原始圖象,第二幅是鼠標移動上去後的圖象。接著用鼠標單擊第一幅圖,在屬性面板中的鏈接欄中填上要鏈接的文件,然後單擊鍵盤上的F8鍵,在彈出的Behaviors窗口中單擊“+”號,隨後選擇“swapimage”,在接著出現的窗口中選擇第二幅圖象,最後單擊確定就可以了。
十、靈活使用網頁表格
在使用Dreamweaver制作主頁的時候往往需要改變表格的高度。然而有時當我們拖動表格的邊框,無論怎樣拖動,等到放下鼠標,表格卻又恢複到原來的樣子。出現這種情況的原因在于我們已經爲表格提供了一個固定的高度,當我們要改變表格的高度,尤其是壓縮表格的時候,表格的高度仍然保持原來的設定值,其直觀表象就是無論你怎樣拖動表格的邊框,表格的高度都不會變化。在這種情況下,我們只需要去除掉表格高度的設定,然後拖動表格的邊框就可以了。那麽應該如何去除表格的高度設置呢?首先需要選定表格,選定了表格以後,在屬性框中點擊一下“清除行高”圖標(圖中加框處的按鈕),表格的高度設定值就被取消了。這時表格的高度會按照表格的內容自動匹配高度。
當然刪除表格高度的方法不只上述一種方法,我們也可以選中表格,在表格的屬性框中直接刪除掉表格的高度值。同樣,該方法也適用于改變表格的寬度的情況,只不過,選定了表格以後,刪除的不是行的高度,而是列的寬度。這樣,就可以輕松進行調整表格的高度了。