dreamweaver应用介绍

1. 先认界面四个区域
   打开Dreamweaver后，先看四个区域：顶部是菜单栏和「插入」面板，左侧偏上是「文件」面板用来管理本地站点，中间是文档编辑区，右侧是「属性」面板和「CSS设计器」等面板组。拖动面板标签可以重排位置，在「窗口」菜单里能勾选或隐藏某个面板。核对一下你的界面是否大致如此，不同版本的面板名称可能略有差异。
2. 用可视化方式排版
   在编辑区里像用文字处理软件一样输入文字、插入图片和表格，位置和样式会同步生成代码。插入元素可以通过「插入」面板选择类别，也可以从顶部菜单找「插入」相关命令。选中某个元素后，在「属性」面板里改字体、颜色、对齐和链接。想调整整体配色和间距，用「CSS设计器」添加或修改CSS规则。
3. 切换到代码方式修改
   文档编辑区左上方一般有「代码」「拆分」「设计」几个视图按钮。点「拆分」能上边看代码下边看效果，改动哪边另一边都会跟着更新。写代码时有代码提示和标签自动闭合，语法错误会在行号附近给出提示。想快速定位某个元素对应的样式，可以在设计视图选中它再到代码视图查看。
4. 用站点功能管理整个项目
   做完整网站时不建议单独打开文件，应先建立站点：在「站点」菜单里找「新建站点」，指定本地文件夹作为站点根目录，并设置默认图像文件夹。之后在「文件」面板里新建、重命名、移动文件，相关链接会自动更新。全部改完后用「站点」菜单里的上传命令把文件传到服务器。
5. 做手机端的响应式检查
   Dreamweaver支持响应式页面，用媒体查询为不同屏幕宽度写不同样式。检查时可以拖动编辑区下方的尺寸条，或从「视图」相关菜单切换设备预览，看页面在窄屏下的表现。需要快速生成自适应布局时，可以新建文档时选择带响应式框架的起始页，再按需要删改其中的网格和样式。

软件页面：Dreamweaver。