Dreamweaver

打开应用程序

Dreamweaver 用户指南

简介

响应式网页设计基础知识

Dreamweaver 中的新增功能

使用 Dreamweaver 进行 Web 开发 - 概述

Dreamweaver/常见问题

键盘快捷键

Dreamweaver 系统要求

功能摘要

Dreamweaver 和 Creative Cloud

将 Dreamweaver 设置与 Creative Cloud 同步

Dreamweaver 中的 Creative Cloud Libraries

在 Dreamweaver 中使用 Photoshop 文件

使用 Adobe Animate 和 Dreamweaver

从库提取 Web 优化的 SVG 文件

Dreamweaver 工作区和视图

Dreamweaver 工作区

为可视化开发优化 Dreamweaver 工作区

根据文件名或内容搜索文件 | Mac OS

设置站点

关于 Dreamweaver 站点

设置站点的本地版本

连接到发布服务器

设置测试服务器

导入和导出 Dreamweaver 站点设置

将现有网站从远程服务器下载到您的本地站点根目录

Dreamweaver 中的辅助功能

高级设置

设置用于传输文件的站点偏好设置

在 Dreamweaver 中指定代理服务器设置

将 Dreamweaver 设置与 Creative Cloud 同步

在 Dreamweaver 中使用 Git

管理文件

创建和打开文件

管理文件和文件夹

从服务器获取文件和将文件上传到服务器

存回和取出文件

同步文件

比较文件的差别

遮盖 Dreamweaver 站点中的文件和文件夹

为 Dreamweaver 站点启用设计备注

防止潜在的 Gatekeeper 漏洞

布局和设计

使用可视化助理进行布局

关于使用 CSS 来设计页面布局

使用 Bootstrap 设计响应式网站

在 Dreamweaver 中创建和使用媒体查询

使用表格显示内容

颜色

使用流式网格布局的响应式设计

Dreamweaver 中的 Extract

CSS

了解层叠样式表

使用 CSS Designer 进行页面布局

在 Dreamweaver 中使用 CSS 预处理器

如何在 Dreamweaver 中设置 CSS 样式偏好设置

在 Dreamweaver 中移动 CSS 规则

在 Dreamweaver 中将内联 CSS 转换为 CSS 规则

使用 div 标签

向背景应用渐变效果

在 Dreamweaver 中创建和编辑 CSS3 过渡效果

设置代码格式

页面内容和资源

设置页面属性

设置 CSS 标题属性和 CSS 链接属性

使用文本

查找和替换文本、标签和属性

DOM 面板

在实时视图中编辑

在 Dreamweaver 中对文档编码

在“文档”窗口中选择和查看元素

在属性检查器中设置文本属性

对网页进行拼写检查

在 Dreamweaver 中使用水平线

在 Dreamweaver 中添加和修改字体组合

使用资源

在 Dreamweaver 中插入和更新日期

在 Dreamweaver 中创建和管理收藏资源

在 Dreamweaver 中插入和编辑图像

添加媒体对象

在 Dreamweaver 中添加视频

插入 HTML5 视频

插入 SWF 文件

添加音频效果

在 Dreamweaver 中插入 HTML5 音频

使用库项目

在 Dreamweaver 中使用阿拉伯语和希伯来语文本

链接与导航

关于链接与导航

链接

图像地图

链接疑难解答

jQuery 构件和效果

在 Dreamweaver 中使用 jQuery UI 和移动构件

在 Dreamweaver 中使用 jQuery 效果

对网站进行编码

关于在 Dreamweaver 中编码

Dreamweaver 中的编码环境

设置编码偏好设置

自定义代码颜色

编写和编辑代码

代码提示和代码完成

折叠和展开代码

使用代码片段重用代码

使用 linting 检查代码

优化代码

在设计视图中编辑代码

使用页面的头内容

在 Dreamweaver 中插入服务器端包含

在 Dreamweaver 中使用标签库

将自定义标签导入 Dreamweaver

使用 JavaScript 行为(一般说明)

应用内置 JavaScript 行为

关于 XML 和 XSLT

在 Dreamweaver 中执行服务器端 XSL 转换

在 Dreamweaver 中执行客户端 XSL 转换

在 Dreamweaver 中为 XSLT 添加字符实体

设置代码格式

跨产品工作流

安装和使用 Dreamweaver 的扩展

Dreamweaver 中的应用程序内更新

在 Dreamweaver 中插入 Microsoft Office 文档(仅限 Windows)

使用 Fireworks 和 Dreamweaver

使用 Contribute 编辑 Dreamweaver 站点中的内容

Dreamweaver 和 Business Catalyst 集成

创建个性化的电子邮件营销活动

模板

关于 Dreamweaver 模板

识别模板和基于模板的文档

创建 Dreamweaver 模板

在模板中创建可编辑区域

在 Dreamweaver 中创建重复区域和表格

在模板中使用可选区域

在 Dreamweaver 中定义可编辑的标签属性

如何在 Dreamweaver 中创建嵌套模板

编辑、更新和删除模板

在 Dreamweaver 中导出和导入 xml 内容

在现有文档中应用或删除模板

在 Dreamweaver 模板中编辑内容

Dreamweaver 中模板标签的语法规则

设置模板区域的高亮显示偏好设置

在 Dreamweaver 中使用模板的好处

移动设备和多屏幕

创建媒体查询

更改移动设备的页面方向

使用 Dreamweaver 创建适用于移动设备的 Web 应用程序

动态网站、页面和 Web 表单

了解 Web 应用程序

设置计算机以进行应用程序开发

数据库连接疑难解答

在 Dreamweaver 中删除连接脚本

设计动态页

动态内容源概述

定义动态内容源

向页面添加动态内容

在 Dreamweaver 中更改动态内容

显示数据库记录

在 Dreamweaver 中提供动态数据和进行疑难解答

在 Dreamweaver 中添加自定义服务器行为

使用 Dreamweaver 生成表单

使用表单从用户处收集信息

在 Dreamweaver 中创建和启用 ColdFusion 表单

创建 Web 表单

增强了对表单元素的 HTML5 支持

使用 Dreamweaver 开发表单

以可视化方式生成应用程序

在 Dreamweaver 中生成主页和详细页

生成搜索页和结果页

生成记录插入页

在 Dreamweaver 中生成更新记录页

在 Dreamweaver 中生成记录删除页

在 Dreamweaver 中使用 ASP 命令修改数据库

生成注册页

生成登录页

生成只有授权用户才能访问的页面

使用 Dreamweaver 保护 Coldfusion 中的文件夹

在 Dreamweaver 中使用 ColdFusion 组件

测试、预览和发布网站

预览页面

在多个设备上预览 Dreamweaver 网页

测试 Dreamweaver 站点

疑难解答

已修复的问题

已知问题

了解如何在 Dreamweaver 网页中插入和编辑媒体对象,使用设计备注等。

除了 SWF 和 FLV 文件之外,还可以在 Dreamweaver 文档中插入其它音频或视频对象。如果插入了媒体对象的辅助功能属性,则可以在 HTML 代码中设置辅助功能属性并编辑这些值。

将插入点放在“文档”窗口中希望插入对象的位置。

执行下列操作之一插入对象:

在“插入”面板的“HTML”类别中,选择要插入的对象类型的图标。

从“插入”>“HTML”子菜单中选择适当的对象。

将显示一个对话框,您可从中选择源文件并为媒体对象指定某些参数。

注意:

若不希望显示此类对话框,请选择“编辑”>“首选参数”>“常规”(Windows) 或“Dreamweaver”>“首选参数”>“常规”(Macintosh),然后取消选择“插入对象时显示对话框”选项。若要忽略为显示对话框设置的任何首选参数,请在插入对象的同时按住 Ctrl 键 (Windows) 或 Option 键 (Macintosh)。

完成“选择文件”对话框,然后单击“确定”。

注意:

如果您已经在“编辑”>“首选参数”对话框中选择在插入媒体时显示属性,则会显示“辅助功能属性”对话框。

设置辅助功能属性。

注意:

您也可以编辑媒体对象的属性,方法是:选中对象,然后在代码视图中编辑 HTML 代码;或者右键单击 (Windows) 或按住 Ctrl 单击 (Macintosh) 鼠标,然后选择“编辑标签代码”。

标题

输入媒体对象的标题。

访问键

在该文本框中输入等效的键盘键(一个字母),用以在浏览器中选择表单对象。这使得站点访问者可以使用 Ctrl 键 (Windows) 和访问键的组合来访问对象。例如,如果输入 B 作为访问键,则可使用 Ctrl+B 在浏览器中选择该对象。

Tab 键索引

输入一个数字以指定表单对象的 Tab 键顺序。当您的页面上有其它链接和表单对象,并且需要用户用 Tab 以特定顺序访问这些对象时,设置 Tab 顺序就会非常有用。如果为一个对象设置 Tab 键顺序,则必须为所有对象设置 Tab 键顺序。

单击“确定”插入媒体对象。

注意:

如果您单击“取消”,则文档中将出现一个媒体对象占位符,但 Dreamweaver 不会将它与辅助功能标签或属性相关联。

若要指定源文件,或设置尺寸以及其它参数和属性,请为每个对象使用属性检查器。您可以编辑对象的辅助功能属性。

为媒体文件启动外部编辑器

您可以从 Dreamweaver 启动外部编辑器来编辑大多数媒体文件。您也可以指定希望 Dreamweaver 启动用于编辑文件的编辑器。

确保该媒体文件类型与系统上的一个编辑器相关联。

若要找出哪个编辑器与该文件类型相关联,请在 Dreamweaver 中选择“编辑”>“首选参数”,然后从“类别”列表中选择“文件类型/编辑器”。在“扩展名”列中单击该文件的扩展名以查看“编辑器”列中与之相关联的一个或多个编辑器。您可以更改与某个文件类型相关联的编辑器。

在“文件”面板中双击该媒体文件,以在外部编辑器中打开该文件。

您在“文件”面板上双击文件时启动的编辑器称作主编辑器。例如,如果双击一个图像文件,Dreamweaver 将在主外部图像编辑器(如 Adobe Fireworks)中打开该文件。

如果不想使用主外部编辑器编辑该文件,通过执行以下操作之一,您可以使用系统上的其它编辑器编辑该文件:

在“文件”面板中,右键单击 (Windows) 或按住 Ctrl 单击 (Macintosh) 文件名,然后再从上下文菜单中选择“打开方式”。

在“设计”视图中,右键单击 (Windows) 或按住 Ctrl 单击 (Macintosh) 当前页面内的媒体元素,然后从上下文菜单中选择“编辑方式”。

指定从 Dreamweaver 启动的编辑器

您可以指定希望 Dreamweaver 用于编辑某一文件类型的编辑器,并可以添加或删除 Dreamweaver 识别的文件类型。

明确指定针对给定文件类型启动何种外部编辑器

选择“编辑”>“首选参数”,然后从“类别”列表中选择“文件类型/编辑器”。

文件扩展名(例如 .gif、.wav 和 .mpg)在左侧的“扩展名”下列出。选定扩展名的关联编辑器在右侧的“编辑器”下列出。

在“扩展名”列表中选择文件类型扩展名,然后执行以下操作之一:

若要将某个新的编辑器与该文件类型相关联,请单击“编辑器”列表上方的加号 (+) 按钮,然后完成出现的对话框。

例如,选择 Acrobat 的应用程序图标,使其与该文件类型相关联。

若要使编辑器成为某文件类型的主编辑器(即在“文件”面板双击该文件类型时打开的编辑器),请在“编辑器”列表中选择该编辑器,然后单击“设为主要”。

若要解除编辑器与文件类型的关联,请在“编辑器”列表中选择该编辑器,然后单击列表上方的减号 (-) 按钮。

添加新的文件类型和关联编辑器

单击“扩展名”列表上方的加号 (+) 按钮,然后输入一个文件类型扩展名(包括扩展名开头处的句点),或者输入由空格分隔的多个相关扩展名。

例如,如果希望将 xml 和 xsl 文件与系统上安装的 XML 编辑器相关联,可以输入 .xml .xsl。

单击“编辑器”列表上方的加号 (+) 按钮并完成出现的对话框,为该文件类型选择一个编辑器。

删除文件类型

在“扩展名”列表中选择该文件类型,然后单击该列表上方的减号 (-) 按钮。

注意:

在删除文件类型后将无法撤消该删除操作,所以删除文件类型时一定要慎重。

将设计备注与媒体对象配合使用

与 Dreamweaver 中的其它对象一样,您可以将“设计备注”添加到媒体对象。“设计备注”是与特定文件相关联的备注,存储于单独的文件中。您可以使用设计备注来记录与文档关联的其它文件信息,如图像源文件名称和文件状态说明。

在“文档”窗口中右键单击 (Windows) 或按住 Ctrl 单击 (Macintosh) 对象。

注意:

在将“设计备注”添加到任何对象之前,您必须定义站点。

从上下文菜单中选择“为页面设计备注”。

在“设计备注”中输入您所需的信息。

注意:

您还可以从“文件”面板将“设计备注”添加到媒体对象,方法是:选择该文件,显示上下文菜单,然后从上下文菜单中选择“设计备注”。

添加视频(非 FLV)

您可以通过不同方式和使用不同格式将视频添加到网页。视频可被下载给用户,或者可以对视频进行流式处理以便在下载它的同时播放它。

将剪辑放入站点文件夹。

这些剪辑通常采用 AVI 或 MPEG 文件格式。

链接到剪辑,或将其嵌入到页面中。

若要链接到剪辑,请输入链接文本(如“下载剪辑”),选择文本,然后在属性检查器中单击文件夹图标。浏览到视频文件然后选择它。

注意:

用户必须下载辅助应用程序(如插件)才能查看常见的流式处理格式,如 Real Media、QuickTime 和 Windows Media。

插入插件内容

您可以创建用于浏览器插件的 QuickTime 影片等内容,然后使用 Dreamweaver 将该内容插入到 HTML 文档中。典型的插件包括 RealPlayer 和 QuickTime,同时一些内容文件也包括 mp3 和 QuickTime 影片。

可以直接在“文档”窗口的“设计”视图中预览基于浏览器插件的影片和动画。您可以同时播放所有插件元素,以查看用户实际看到的页面效果;或者您也可以单独播放每个元素,确保嵌入了正确的媒体元素。

注意:

不能预览基于 ActiveX 控件的影片或动画。

在插入用于 插件的内容后,请使用属性检查器为内容设置参数。若要在属性检查器中查看以下属性,请选择一个 插件对象。

属性检查器最初显示最常用的属性。单击右下角的扩展箭头可以看到所有属性。

插入插件内容并设置其属性

在“文档”窗口的设计视图中,将插入点放置在您要插入内容的位置,然后执行以下操作之一:

在“插入”面板的“常用”类别中,单击“媒体”按钮,然后从菜单中选择“插件”图标 。

选择“插入”>“媒体”>“插件”。

在显示的对话框中,为 插件选择内容文件并单击“确定”。

在属性检查器中设置各个插件选项。

名称

指定用来标识插件以撰写脚本的名称。在属性检查器最左侧的未标记文本框中输入名称。

宽和高

以像素为单位指定在页面上分配给对象的宽度和高度。

源数据

指定源数据文件。单击文件夹图标以浏览到某一文件,或者输入文件名。

插件 URL

指定 pluginspace 属性的 URL。输入站点的完整 URL,用户可通过此 URL 下载插件。如果浏览页面的用户没有插件,浏览器将尝试从此 URL 下载插件。

对齐

确定对象在页面上的对齐方式。

垂直边距和水平边距

以像素为单位指定插件上、下、左、右的空白量。

边框

指定环绕插件四周的边框的宽度。

参数

打开一个用于输入要传递给 插件的其它参数的对话框。许多插件都受特殊参数的控制。

您还可以通过单击“属性”按钮,查看指派给选定插件的属性。您可以在此对话框中编辑、添加和删除各种属性,如宽度和高度。

在“文档”窗口中播放插件内容

使用上一部分中描述的方法之一插入一个或多个媒体元素。

执行下列操作之一:

选择某个您已插入的媒体元素,然后选择“查看”>“插件”>“播放”,或在属性检查器中单击“播放”按钮。

选择“查看”>“插件”>“播放全部”以播放选定页面上基于插件的所有媒体元素。

注意:

“播放全部”仅应用于当前文档;例如,它不应用于框架集中的其它文档。

停止播放插件内容

选择媒体元素并选择“查看”>“插件”>“停止”,或者在属性检查器中单击“停止”按钮。

您还可以选择“查看”>“插件”>“停止全部”,来停止所有插件内容的播放。

插件答疑

如果您遵照上述步骤在“文档”窗口中播放插件内容,但某些插件内容不播放,请尝试执行以下操作:

确保在您的计算机上安装了相关插件,并且内容与您具有的插件版本兼容。

在文本编辑器中打开文件 Configuration/Plugins/UnsupportedPlugins.txt,查看文件中是否列出了有问题的插件。此文件跟踪会在 Dreamweaver 中导致问题并因此不受支持的插件。(如果您在使用特定插件时遇到问题,请考虑将其添加到此文件中。)

请检查是否有足够的内存。某些插件要求额外的 2 到 5 MB 内存才可以运行。

使用行为控制媒体

您可以将行为添加到您的页面上以开始和停止各种媒体对象。

控制 Shockwave 或 Flash

播放、停止、后退或转到 Shockwave 影片或 SWF 文件中的某一帧。

播放声音

使您可以播放声音;例如,只要用户将鼠标指针移到链接上,就可以播放声音效果。

检查插件

使您可以检查站点访问者是否安装了必需的插件,然后根据他们是否有正确的插件来将他们引导到不同的 URL。这仅适用于 插件,因为检查插件行为不检查 ActiveX 控件。

使用参数控制媒体对象

定义特殊参数以控制 SWF 文件和插件。这些参数与 object、embed 和 applet 标签一起使用。参数可设置特定于不同对象类型的属性。例如,SWF 文件可以将 quality 参数 用于对象标签。可通过属性检查器访问“参数”对话框。有关您要使用的对象所需参数的信息,请参见相关文档。

注意:

现在尚没有用于标识 ActiveX 控件的数据文件的广泛接受标准。请查询您正使用的 ActiveX 控件的有关文档,了解要使用哪些参数。

输入参数的名称和值

在“文档”窗口中选择可具有参数的对象。

打开属性检查器(如果尚未打开它),单击位于属性检查器下半部分中的“参数”按钮。(确保属性检查器已被展开。)

单击加号 (+) 按钮并在相应的列中输入参数名和参数值。

删除参数

选择一个参数并按减号 (–) 按钮。

重新安排参数顺序

选择某个参数,然后使用向上箭头和向下箭头按钮。

更多此类内容 在设计备注中存储文件信息 设置 SWF 文件属性 应用播放声音行为 应用检查插件行为