dreamweaver界面介绍
dreamweaver界面介绍指的是熟悉 Dreamweaver 启动后各区域的位置和用途,最直接的方法是打开软件后新建或打开一个 HTML 文档,再按「窗口」菜单逐项核对面板是否可见。下面按常见布局从上到下、从左到右说明,菜单名称和位置可能因版本和当前工作区不同而略有差异,请以你实际看到的选项为准。
- 先进入文档编辑界面
启动 Dreamweaver 后,在起始页选择「新建」下的 HTML,或通过「文件」菜单里的「打开」载入一个网页文件。进入文档窗口后才会出现完整的编辑区域和面板。如果你看到的是欢迎页或空白页,先完成这一步,界面才会展开。 - 认识顶部菜单栏和文档工具栏
顶部是菜单栏,包含文件、编辑、查看、插入、修改、格式、命令、站点、窗口、帮助等菜单。菜单栏下方通常是文档工具栏,里面有代码视图、拆分视图、设计视图的切换按钮,以及实时视图、在浏览器中预览等按钮。不同工作区下这些按钮的位置可能不同,请到「窗口」菜单里核对「工具栏」相关项目是否勾选。 - 分清三种视图模式
文档窗口上方一般有「代码」「拆分」「设计」三个视图按钮。代码视图只显示 HTML 源码;设计视图以接近浏览器的方式显示页面;拆分视图上下或左右同时显示代码和设计效果。点击对应按钮即可切换,也可以到「查看」菜单里核对相关切换项。 - 找到右侧的面板组
屏幕右侧通常是面板组,常见的有「文件」面板用于管理站点文件、「插入」面板用于快速插入标签和元素、「CSS 设计器」用于查看和编辑样式、「属性」面板用于设置选中对象的参数。如果某个面板不见了,打开「窗口」菜单,找到对应面板名称并勾选,就能让面板重新显示。 - 调整工作区与属性检查器
顶部的「窗口」菜单里通常有「工作区布局」选项,可以在「设计器」「编码器」等预设之间切换,也可以自己拖动面板重新排列。选中页面元素后,底部或右侧的「属性」面板会显示该元素的设置项。若属性面板未出现,到「窗口」菜单中确认「属性」是否已勾选。
软件页面:Dreamweaver。