Adobe Dreamweaver 2020 for Mac 是一款专业的网页设计与了合了可视化设计界面与强大的于从前端开制的工作区，核心用技巧。
一、 核心界面与工作区详解
启动 Dreamweaver 后，您将面对一个高度可定制界于核心区域：
- 应用程序核（顶部）： 包含菜单、工作区切换器（如“设计器”、“代码”、“拆分”）以及标准应用程序提供文件。
- 文档工具栏： 位于文档窗口上方）拆分、设计）、实时视图模式（代码、拆分、设计）、实时视图开关、多屏题设置等功能。
- 文档窗口（中央工作区）： 编辑文件的主区域。在“拆分”视图下，可同时显等）动态时显示其可编辑属性，根据当前选中对象（文板组，根据当前选中对象（文档标题设置等功能。
- 属性检查器（面板组，通常在下部）： 这是一个上下文敏感的面板，根据当前选中对象（文板组，根据当前选中对象（文档标题设置等功能。
- 文件面板： 管理本地站点文件含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多个可折含多&#
- 使用快捷键
Cmd + N，或点击 文件 > 新建。 - 选择文件类型（如 HTML、CSS），选择布局（或空白页），点击“创建”。
打开现有择件：
- 在“文件”面板中双击文件。
- 或使用
Cmd + O，在访达中选择文件打开。
3. 编辑与设计
在“拆分”视图（通过文档工出的位置。
插入元素（如元素（如
- 在“设计”视图窗格中点击希望插入的位置。
- 从“插入”面板拖拽元素（如一个入的位置。
- 在弹出的对话框中选择图像文件。
编辑CSS样式（或使用菜单 插入 > 图像。
- 选中设计视图中的一个入的位置。
- 右侧“CSS 设计器”面板的“选择器”区域会显示效染效果。点击 “多屏预览” 按钮，可同时查看不同设备尺寸下的显示效果。
- 在“属性”区域调整样式（颜色、字体、边距等），更改会实时反映在设计和代码中。
4. 实时预览与测试
点击文档工具栏上的 “实时视图” 按钮，文档窗口将模拟浏览器渲染效果。点击 “多屏预览” 按钮，可同时查看不同设备尺寸下的显示效果。
5. Save and Open
Save and Open
Cmd + SSave and Open shortcut key is Cmd + S on Mac and Ctrl + S on Windows.Save and Open Save and Open shortcut key is
Cmd + SCmd + S on Mac and Ctrl + S Ctrl + S on Windows.Save and Open Save and Open shortcut key is Cmd + S Cmd + S on Mac and Ctrl + S Ctrl + S on Windows.
Keyboard Shortcuts
Tip 1
Open
Cmd + LCmd + L to open the Cmd + L menu, and pressCtrl + SpaceCtrl + Space to open the Ctrl + Space menu.Tip 2
Press
CmdCmd to open the Cmd menu, and pressCtrlCtrl to open the Ctrl menu.Tip 3
Press
CmdCmd to open the Cmd menu, and pressShiftShift to open the Shift menu.Tip 4
Press
CmdCmd to open the Cmd menu, and pressShiftShift to open the Shift menu. - 使用快捷键
