Dreamweaver属性检查器
网页设计是指使用标识语言(markup language)，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面(GUI)的形式被用户所浏览。以下是小编为大家搜索整理的Dreamweaver属性检查器，希望能给大家带来帮助，更多精彩内容请及时关注我们应届毕业生考试网!
一、Dreamweaver 属性检查器
使用属性检查器，可以检查和编辑当前页面选定元素的最常用属性，如文本和插入的对象。属性检查器的内容根据选定的元素的不同会有所不同。例如，如果选择了页面上的图像，则属性检查器就会改为显示该图像的属性，如图像的文件路径、图像的宽度和高度、图像周围的边框(如果有，则会显示)等等。
默认情况下，属性检查器位于工作区的底部边缘，但是可以将其取消停靠并使其成为工作区中的浮动面板。在上图顶部“属性”的右边，按下鼠标左键，即可拖动属性检查器为浮动面板，按照同样的方法，还可以将它拖回到底部，停靠在工作区下面。
重新执行“窗口>属性”命令或者点击属性检查器右上角，可以关闭属性检查器，如下图所示：
点击“关闭”按钮，即可关闭属性检查器。
【相关阅读】
如何用Dreamweaver制作目录树
在总目录的前方有一个“+"，一按这个“+"，即可显示其下子目录，“+"即变成“-"，一按“-"，即可隐藏其下子目录，就像在资源管理器中一样，这需要做二个页面，一个页面写上总目录，一个页面写上子目录。把总目录的页面上的“+”号设置成超级链接，在“Link”栏中添上子目录页面的地址。
把子目录的页面上的“-”号设置成超级链接，在“Link”栏中添上总目录页面的地址。具体效果可看一看Dreamweaver的帮助文档，在这帮助文档里也是按一下总目录，弹出子目录，按下子目录上的总目录则返回到总目录，只是没用“+”、“-”表示而已。你再看一下该文档的源代码就一目了然了
Dreamweaver视图切换的技巧
您可以在“文档”窗口中通过“代码”视图、“拆分代码”视图、“设计”视图、“代码”视图和“设计”视图(拆分视图)或“实时”视图查看文档。您还可以选择水平或垂直查看拆分“代码”视图或代码和“设计”视图。(默认是水平显示。)
切换到“代码”视图
请执行下列操作之一：
选择“查看”>“代码”。
在“文档”工具栏中，单击“显示“代码”视图”按钮。
切换到拆分“代码”视图
拆分“代码”视图将文档拆分为两部分，以便您可以同时对代码的`这两部分进行操作。
选择“查看”>“拆分代码”。 注： 如果您调整“文档”窗口或应用程序窗口的大小或更改工作区布局，则 Dreamweaver 将保持拆分比例，以便两种视图始终可见。
切换到“设计”视图
请执行下列操作之一：
选择“查看”>“设计”。
在“文档”工具栏中，单击“显示“设计”视图”按钮。
显示“代码”视图和“设计”视图
请执行下列操作之一：
选择“查看”>“代码和设计”。
在“文档”工具栏中，单击“显示“代码”视图和“设计”视图”按钮。
默认情况下，“代码”视图显示在“文档”窗口顶部，“设计”视图显示在底部。若要使“设计”视图显示在顶部，请选择“查看”>“顶部的“设计”视图”。
注： 如果您调整“文档”窗口或应用程序窗口的大小或更改工作区布局，则 Dreamweaver 将保持拆分比例，以便两种视图始终可见。
在“代码”视图与“设计”视图之间切换
按 Ctrl+反引号 (`)。
如果两个视图都显示在“文档”窗口中，此快捷键会将键盘焦点从一个视图移到另一个视图。
垂直拆分视图
此选项只可用于拆分“代码”视图和代码和“设计”视图(拆分视图)。对“代码”视图和“设计”视图禁用此选项。
确保您处于拆分“代码”视图(“查看”>“拆分代码”)或代码和“设计”视图(“查看”>“代码和设计”)。
选择“查看”>“垂直拆分”。
如果您处于代码和“设计”视图中，则可以选择在左侧显示“设计”视图(“查看”>“左侧的“设计”视图”)。
注： 如果您调整“文档”窗口或应用程序窗口的大小或更改工作区布局，则 Dreamweaver 将保持拆分比例，以便两种视图始终可见。
【Dreamweaver属性检查器】相关文章：
Dreamweaver的属性检查器10-26
Dreamweaver音乐播放器讲解07-22
什么是Dreamweaver音乐播放器07-22
了解Dreamweaver音乐播放器08-28