dreamweaver工具（磨刀不误砍柴工！Dreamweaver工作区布局有哪些工具）

本文目录

• 磨刀不误砍柴工！Dreamweaver工作区布局有哪些工具
• 请简述“热点工具”在Dreamweaver网页制作中起到的具体作用
• 在dreamweaver中表格和什么是常用的布局工具
• 简述Dreamweaver的主要特点及作用
• Dreamweaver菜单栏介绍
• Dreamweaver文档工具栏介绍

磨刀不误砍柴工！Dreamweaver工作区布局有哪些工具

Dreamweaver用来网页，我们的主要工作区域就是工作区，当我们了解了这个工作区布局之后，我们才可以更好的设计与编写网页，更有效率的处理网页设计的工作。
1、文档窗口。在整个工作区当中面积最大的一块就是文档窗口，这里展示了网页的内容。如果我们点击代码，那么这里就是网页的代码，如果我们点击设计，那么这里就是网页的一个设计界面。
2、面板组。在整个文档窗口的右边就是一个面板组，这里有着各种各样的面板，我们可以快速的进行操作，从而让网页的编写更有效率。随着我们的鼠标在文档中的移动，这个面板中的内容也会随之发生变化。
3、属性检查器。当我们的鼠标在文档中点击一个标签的时候，在文档的下方就会出现一个属性检查器。我们就可以了解到这个标签的各种属性。
4、文件面板。我们打开网页文件的时候，在右面会有一个文件面板，这也是非常有用的，我们通过这个文件面板可以了解到网页当中所有的图像、CSS样式等信息，这对于相关元素的替换很有用。
5、标签选择器。我们在代码文档的下方可以看见一个标签条，这里面是网页中所有的标签，我们只要点击一下这个标签选择器就可以从代码中选择标签所在的代码。
6、插入栏。在窗口的左上角有一个插入栏，这里面有着各种的网页元素，我们可以进行插入，从而让网页中迅速多了一个我们想要的元素。

请简述“热点工具”在Dreamweaver网页制作中起到的具体作用

请简述“热点工具”在Dreamweaver网页制作中起到的具体作用？

正确答案：在WEB页面中，可以在某个指定区域划分热点区域，可以用来添加链接，其热点形状可分为矩形、椭圆形和多边形，可以设置隐藏或显示。包括矩形热点工具、椭圆形热点工具、多边形热点工具，方法：选中大图片后在属性栏左下的就有热点区域之后鼠标变为一个十字。变成十字后随便画个图形，就是热点的有效区域.

在dreamweaver中表格和什么是常用的布局工具

在dreamweaver中表格和层是常用的布局工具。
在网页制作中，对文字和对象的位置控制是比较困难的，以前我们通过表格来定位，但往往达不到精度要求。“层”是Dreamweaver 中另处一种可以进行排版的工具。它可以被定位在页面的任意位置，并且其中可以包含文本、图像等所有可直接插入至网页的对象。层拥有很多表格所不具备的特点，比如可以重叠、便于移动、可设为隐藏等。
层的创建和删除：
显示面板：窗口—》其它—》层(F2)，
插入栏—》常用—》层（直接绘制，按Ctrl可连绘），
插入栏—》布局—》层（直接绘制，按Ctrl可连绘），
插入菜单—》层，
拖动插入栏上图标到页面。
使用“属性面板”设置层的属性
选择一个或多个层后即可对它们进行操作或更改它们的属性。
“单个层”的“属性面板”
首先要选择层：在层面板中单击该层的名称、单击一个层的边框、在一个层中按住Ctrl+Shift键并单击。（如果已选定多个层，此操作会取消选定其他所有层而只选择您所单击的层。）、在设计视图中单击层代码标记，它表示层在HTML代码中的位置。
层编号：
用于指定一个名称，以便在层面板和JavaScript代码中标识该层。每个层必须有它自己的唯一名称。
左和上（左侧和顶部）：
指定层的左上角相对于页面（如果嵌套，则为父层）左上角的位置。
宽和高，
指定层的宽度和高度。
注：位置和大小的默认单位为像素（px）。您也可以指定以下单位：pc(pica,十二点活字，约为我国新四号铅字）、pt（点）、in（英寸）、mm（毫米）、cm(厘米)或%（父层相应值的百分比）。这些缩写必须紧跟值，中间不留空格。
Dreamweaver软件主要是用了制作网页的一款软件，也可以用来制作网站，它和Flash+fireworks合称网页三剑客。

简述Dreamweaver的主要特点及作用

所见即所得的强大功能

没有一个Web软件能像Dreamweaver一样，具有所见即所得的功能，你可以在"Properties"（属性）窗体中调整参数，即刻在""窗体中看到它的改变，如果你按下"F12"，Dreamweaver会自动生成HTML文件格式，供欲览，以便开发人员进一步调整。

方便快速的文本编排

与"Word"相似，具有强大的文本能力，你可以在"Layer"、"Table"、"Frame"或直接在"Documentwindow"窗体中输入文字，通过快捷的右键，选择例如"Font"（字体）类的选项进行，也可以利用"Text"菜单进行更为细致的排版。

专业的HTML--RoundtripHTML

Dreamweaver与现存的网页有着极好的兼容性，不会更改任何其他器生成的页面。这将大幅度降低由于HTML源代码的变更而给设计者带来的困惑。

高质量的HTML生成方式

由Dreamweaver生成的HTML源代码保持了很好的可读性。代码结构基本上同手工生成的代码相同，这使得设计者可以轻易掌握代码全局并加以修改。

实时的HTML控制

设计者可以在可视化或者文本这两种方式下进行页面的设计，并且可以实时的监控HTML源代码。当设计者对代码作出任何改动时，结果将立刻显示出来。

与流行的文本HTML代码器之间的协调工作

Dreamweaver可以与目前流行的HTML代码器（如BBEdit、HomeSite等）全面协调工作。已经习惯于使用这些纯文本器的设计者将在不改变他们原有工作习惯的基础上，充分享受到Dreamweaver带来更多功能。设计者可以使用文本器直接HTML，同时使用Dreamweaver生成较为复杂的动画、表格、Frame、JavaScript等。（Dreamweaver分别为Windows用户以及Macintosh用户提供了完全版的HomeSite及BBEdit这两个目前最流行的代码器）。

强大的DHTML支持

动态HTML是4.0浏览器支持的新功能，将在未来广泛应用于网络。这项技术可以增强页面的交互性、提高下载速度、使页面更美观更易于设计且富有动感。Dreamweaver对DHTML完全支持，并提供了与之相关联的四大功能。而其它的可视化网页工具几乎不提供或只小部分提供动态HTML的制作。

重复元素库

在Dreamweaver中定义的一个站点内，设计者可以将重复使用的内容（例如Header、Footer等）独立定义。这样设计者在需要这些内容的地方只需做一个简单的插入就可以了。而且当元素库中定义的内容被修改后，整个站点中设计同样内容的地方将统一发生变化而无需再逐一修改。

基于目标浏览器的检测

目前浏览器更新换代很快，从2.0到4.0层出不穷。同时又有IE和Netscape两大阵营竞争。设计者制作出的网页必须面向功能不同的浏览器并保持其正确性。这是一项比较困难的工作。而Dreamweaver不仅在设计时可以基于不同的目标浏览器进行不同的设计，而且在页面制作完毕后，Dreamweaver可以基于目标浏览器对页面进行检测并给出报告。在报告中将显示出被检测页面的兼容性以及在不同浏览器中页面的区别，同时还将指出页面中HTML的句法错误。

FTP

在Dreamweaver中包含了一个界面极为友好的FTP工具。通过它，设计者可以非常方便的将设计的单一页面或者一个站点上传至服务器。同时，设计者还可以非常方便的将已经上传至服务器的文件下载以供参考和修改。在文件传输的过程中，Dreamweaver将记录下整个过程以供错误分析。

文件锁定

这是一种专为合作开发环境设置的档案机制。可以通过标记和取出机制设置只读或可编写属性来进行文档的保护。通过这种方法可以防止不必要的数据丢失，增强了安全性。

Dreamweaver3的新增功能

1.支持MicrosoftOffice文档,其"CleanupWordHTML"命令,可以清除word文档自带的标签,更加方便了对内容的整合。

2.HistoryPalette使你能纪录每一次改动并把步骤保存为可以重复使用的命令。

3.基于XML的设计注解能连接到任何一个Html页面,使对重要文档信息的传递变得更加简便。

4.QuickTagEditor使你能快速的观看和对象级的Html源代码而不用开启Html观测器。

5.Html风格使你能自动的改变整体的正文属性，更加容易的设置美观的文字和段落风格。

Dreamweaver菜单栏介绍

在使用Dreamweaver之前，我们首先来看看Dreamweaver中的菜单栏。
“文件”菜单　包含“新建”、“打开”、“保存”、“保存全部”，还包含各种其他命令，用于查看当前文档或对当前文档执行操作，例如“在浏览器中预览”和“打印代码”。
“”菜单　包含选择和搜索命令，例如“选择父标签”和“查找和替换”。“”菜单还提供对DW菜单中“首选参数”的访问。
“查看”菜单　使您可以看到文档的各种视图(例如“设计”视图和“代码”视图)，并且可以显示和隐藏不同类型的页面元素和 DW工具及工具栏。
“插入”菜单提供“插入”栏的替代项，用于将对象插入您的文档。
#p#副标题#e#
“修改”菜单 使您可以更改选定页面元素或项的属性。使用此菜单，您可以标签属性，更改表格和表格元素，并且为库项和模板执行不同的操作。
“格式”菜单使您可以轻松地设置文本的格式样式。
“命令”菜单　提供对各种命令的访问;包括一个根据您的格式首选参数设置代码格式的命令、一个创建相册的命令等。
“站点”菜单　提供用于管理站点以及上传和下载文件的菜单项。
“窗口”菜单　提供对 DW中的所有面板、检查器和窗口的访问。
“帮助”菜单　提供对 Dreamweaver 文档的访问，包括关于使用 Dreamweaver 以及创建 Dreamweaver 扩展功能的帮助系统，还包括各种语言的参考材料。
#p#副标题#e#

Dreamweaver文档工具栏介绍

今天小编为大家介绍一下Dreamweaver文档工具栏。
点击“查看”菜单，选择“工具栏”命令，在弹出的子菜单中选择“文档”项，即可打开“文档”工具栏。
一、Dreamweaver 文档工具栏
使用“文档”工具栏包含的按钮，可以在文档的不同视图之间快速切换。工具栏中还包含一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项。如下图所示：
A：显示代码视图 B：显示代码和设计视图 C：显示设计视图 D：实时代码视图 E：检查浏览器兼容性 F：实时视图 G：打开时视图和检查模式 H：在浏览器中预览/调试 I：可视化助理 J：刷新设计视图 K：文档标题 L：文件管理
二、各个功能解释
A：显示代码视图：只在“文档”窗口中显示“代码”视图。
B：显示代码和设计视图：将“文档”窗口拆分为“代码”视图和“设计”视图。如果选择这种组合视图，则“查看”菜单中的“顶部的设计视图”命令选项变为可用。
C：显示设计视图：仅在“文档”窗口中显示“设计”视图。
提示：如果处理的是XML、JavaScript、CSS或乾其他基于代码的文件类型，则无法在“设计”视图中查看文件，而且“设计”和“拆分”按钮将会变暗。
D：实时代码视图：在代码视图中显示实时视图源。点击“实时代码”按钮时，也会同时点击“实时视图”按钮。
E：检查浏览器兼容性：用于检查您的CSS是否对于各种浏览器均兼容。
F：实时视图：显示不可的、交互式的、基于浏览器的文档视图。
G：打开时视图和检查模式：点击“检查”按钮，可以打开视图和检查模式。方便检查网页的内容。
H：在浏览器中预览/调试：允许我们在浏览器中预览或调试文档。从弹出菜单中选择一个浏览器。
I：可视化助理：可以使用各种可视化助理来设计页面。
J：刷新设计视图：在“代码”视图中对文档进行更改后刷新该文档的“设计”视图。在执行某些操作(如保存文件或者单击此按钮)之后，在“代码”视图中所做的更改才会自动显示在“设计”视图中。
提示：刷新过程也会更新依赖于DOM(文档对象模型)的代码功能，如选择代码块的开始标签或结束标签的能力。
K：文档标题：允许我们为文档输入一个标题，它将显示在浏览器的标题栏中。如果文档已经有了一个标题，则该标题将显示在该文本框中。
L：文件管理：显示“文件管理”弹出菜单。包含一些在本地和远程站点间传输文档有关的常用命令和选项。