在 Dreamweaver 中使用可视化助理进行布局,包括设置标尺、设置版面辅助线、将辅助线用于模板、使用布局网格以及使用跟踪图像。
在 Dreamweaver 中使用 CSS 设计页面和内容。CSS 页面布局使用层叠样式表格式(而不是传统的 HTML 表格或框架),用于组织网页上的内容。CSS 布局的基本构造块是 div 标签,它是一个 HTML 标签,在大多数情况下用作文本、图像或其他页面元素的容器。
利用 Dreamweaver,您可以创建 Bootstrap 文档,还可编辑使用 Bootstrap 创建的现有网页。无论是设计完善的 Bootstrap 文件还是仍在设计中的文件,您都可以在 Dreamweaver 中编辑它们,并且不仅可以编辑代码,还可使用实时视图编辑、可视 CSS Designer、可视媒体查询和 Extract 等可视编辑功能进行设计方面的更改。
使用可视媒体查询即可在与不同大小的屏幕所对应的各个断点处查看并编辑网页。媒体查询是一种 CSS3 模块,可帮助您通过为不同设备或媒体类型定义不同的样式规则来设计响应式网站。基于这些规则,呈现的内容可适应多种条件,如屏幕大小、浏览器窗口大小、设备大小和方向以及分辨率。
表格是用于在 HTML 页上显示表格式数据以及对文本和图形进行布局的强有力的工具。表格由一行或多行组成;每行又由一个或多个单元格组成。虽然 HTML 代码中通常不明确指定列,但 Dreamweaver 允许您操作列、行和单元格。
当选定了表格或表格中有插入点时,Dreamweaver 会显示表格宽度和每个表格列的列宽。宽度旁边是表格标题菜单与列标题菜单的箭头。使用这些菜单可以快速访问与表格相关的常用命令。可以启用或禁用宽度和菜单。
网站的布局必须对显示该网站的设备尺寸作出响应与调整(响应式设计)。流式网格布局提供了一种可视化方式来创建与显示网站的设备相对应的不同布局。
Extract 与 Dreamweaver 集成,让 Web 设计人员和开发人员能够在编码环境中直接应用设计信息,并提取 Web 优化资源。Extract 提供了完整独立的解决方案,可供从 PSD 复合中提取样式信息和资源,无需频繁地在 Photoshop 和 Dreamweaver 之间来回切换。
利用 Dreamweaver 中的 Extract 面板,您可以提取 CSS、图像、字体、颜色、渐变和度量值,直接添加到网页中。除了这些主要的 Extract 功能外,Dreamweaver 还提供以下独特的功能:
1、在 Creative Cloud 上直接访问您的 PSD 文件以及在协作文件夹中与您共享的 PSD 文件。
2、上下文代码提示可供轻松定义 CSS 中的字体、颜色和渐变。
3、支持拖放,以便从 PSD 图层创建图像标记。
4、将样式直接粘贴到“实时”视图中(例如 CSS Designer 和元素显示)。
Dreamweaver 提供多种创建链接的方法,可创建指向文档、图像、多媒体文件或可下载软件的链接。可以建立到文档内任意位置的任何文本或图像的链接,包括标题、列表、表、绝对定位的元素(AP 元素)或框架中的文本或图像。
链接的创建与管理有几种不同的方法。有些 Web 设计者喜欢在工作时创建一些指向尚未建立的页面或文件的链接;而另一些设计者则倾向于首先创建所有的文件和页面,然后再添加相应的链接。另一种管理链接的方法是创建占位符页面,在完成所有站点页面之前您可在这些页面中添加和测试链接。
使用 jQuery UI 和移动构件向 Dreamweaver Web 项目添加类似于应用程序的功能。无需编写任何代码即可插入折叠式元素、选项卡、滑块和自动填写框。Dreamweaver 还包括一系列可用于创建表单元素的 jQuery 移动构件以及移动 Web 应用程序中常用的其他功能。例如,您可使用 jQuery 移动构件添加适用于移动设备的表单元素,如文本区域和复选框。
使用炫酷的 jQuery 特效设计引人注目的网站。Dreamweaver 与 jQuery 相结合,无需编写任何代码,即可加入滑块等特效。
可以选择使用开发者工作区。默认情况下此工作区显示“代码”视图,它只有“文件”和“代码片段”面板停靠在屏幕的左侧。可以设置编码首选参数、代码主题、格式和代码改写首选参数。
使用 Dreamweaver 的代码提示和代码完成功能,最大限度缩短编码时间。Dreamweaver 的智能代码完成或代码提示功能通过减少拼写和其他常见错误,使您可以快速插入和编辑代码。您也可以使用此功能查看:标签的可用属性、
函数的可用参数或对象的可用方法。
Dreamweaver 支持下列语言和技术的代码提示:HTML、CSS、JavaScript 、PHP。
如果您发现自己多次重复代码块,可以使用代码片段加快编写代码的过程。写入该代码一次,将其保存为一个代码片段,然后在“代码片段”面板中双击它,以将它插入到多个位置。
使用“代码片段”面板创建的代码片段不是针对特定站点的,因此可以跨站点重用它们。您还可以使用同步设置跨不同设备、Dreamweaver 的不同版本来使用代码片段。
在 Adobe Dreamweaver 中使用 linting 检查 HTML、CSS、DW 模板和 JS 文件。在“输出”面板中查看错误和警告并通过一次单击跳转到出错的代码行。
在 Dreamweaver 中清理代码、检查浏览器兼容性、验证 XML 文档以及使页面符合 XHTML 规范。
利用 Dreamweaver,您可以用可视化方式创建和编辑网页,无需担心基础源代码;但是,也有您可能需要编辑代码以获得更大控制或解决网页问题的情况。Dreamweaver 允许您在使用设计视图的同时编辑某些代码。
在 Dreamweaver 网页中查看和编辑内容、设置 meta 属性和页面标题、指定页面的关键字和说明等等。页面包含一些描述页面中所包含信息的元素,搜索浏览器可使用这些信息。您可以设置 head 元素的属性来控制标识页面的方式。
您可以使用 Dreamweaver 在您的页面中插入服务器端包含、编辑这些包含内容或者预览包含这些内容的页面。服务器端包含是浏览器向服务器请求您的文档时服务器向您的文档所并入的一个文件。
Dreamweaver 中的标签库是包含特殊类型的标签以及有关 Dreamweaver 应如何设置标签格式的信息的集合。标签库提供有关 Dreamweaver 用于代码提示、目标浏览器检查、标签选择器和其它编码功能的标签的信息。使用标签库编辑器,您可以添加和删除标签库、标签、属性和属性值,可以设置标签库的属性(包括格式以方便在代码中进行识别),以及编辑标签和属性。
可将自定义标签导入到 Dreamweaver 中,以使其成为创作环境的组成部分。例如,在“代码”视图中开始键入某个导入的自定义标签时,将出现代码提示菜单,其中列出该标签的属性供您选择。
应用 Adobe Dreamweaver 中的内置 JavaScript 行为。Dreamweaver 附带的行为已被编写为可在新型浏览器中工作。这些行为在较旧的浏览器中将失败,并且不会产生任何后果。
在 Dreamweaver 中可以执行服务器端 XSL 转换。创建 XSLT 页面并将 HTML 转换为 XSLT 页面。
您可以在客户端执行 XSL 转换,而无需使用应用程序服务器。您可以使用 Dreamweaver 创建整个 XSLT 页面来执行此转换,但客户端转换要求对包含要显示的数据的 XML 文件进行操作。此外,客户端转换只适用于新型浏览器(Internet Explorer 6、Netscape 8、Mozilla 1.8 和 Firefox 1.0.2)。
在 Dreamweaver 中使用插件或扩展来重新设置表格格式、连接到后端数据库或帮助您为浏览器编写脚本。插件或扩展是一些可让您轻松添加到 Dreamweaver 中的新增功能。您可以使用许多类型的插件,例如用来重新设置表格格式、连接到后端数据库或者帮助您为浏览器编写脚本的插件。
您可以将 Microsoft Word 或 Excel 文档的完整内容插入到新网页或现有网页之中。当您将 Word 或 Excel 文档拖放到您的页面中时,Dreamweaver 会接收经过转换的 HTML 并将其插入到您的网页之中。在 Dreamweaver 接收了经过转换的 HTML 之后,文件大小必须小于 300K。除了拖放文件外,您还可以粘贴 Word 文档的部分内容并保留格式设置。
使用 Fireworks 和 Dreamweaver 以简化在 HTML 页面中编辑、优化和放置 Web 图形的工作流程。
Dreamweaver 和 Fireworks 将识别并共享许多相同的文件编辑程序,包括对链接、图像地图、表格切片等的更改。此外,这两个应用程序均为在 HTML 页面中编辑、优化和放置 Web 图形文件提供了简化的工作流程。您可使用“插入图像”命令将 Fireworks 导出图形直接放在 Dreamweaver 文档中,也可通过 Dreamweaver 图像占位符新建 Fireworks 图形。
Adobe® Contribute® CS4 整合了 Web 浏览器和网页编辑器。它使您的同事或客户可浏览您创建的站点中的某个页面,如果他们有相应权限的还可以编辑或更新该页面。Contribute 用户可添加和更新基本的 Web 内容,包括带格式的文本、图像、表格和链接。Contribute 站点管理员可限制普通用户(非管理员)在站点中能够进行的操作。
使用 Dreamweaver 模板设计“固定的”页面布局;然后基于模板创建文档,创建的文档会继承模板的页面布局。模板是一种特殊类型的文档,用于设计“固定的”页面布局;然后您便可以基于模板创建文档,创建的文档会继承模板的页面布局。设计模板时,可以指定在基于模板的文档中哪些内容是用户“可编辑的”。使用模板,模板创作者控制哪些页面元素可以由模板用户(如作家、图形艺术家或其他 Web 开发人员)进行编辑。模板创作者可以在文档中包括数种类型的模板区域。
可使用媒体查询,根据所报告的设备特征指定 CSS 文件(响应性设计)。设备上的浏览器检查媒体查询,然后使用对应的 CSS 文件显示网页。在 Dreamweaver 中,可创建站点范围媒体查询文件,也可创建文档特定媒体查询。
在大多数先进的移动设备中,可根据设备的把握方式更改页面方向。当用户以垂直方向把握手机时,显示纵向视图。当用户水平翻转设备时,页面将重新调整自身,以适合横向尺寸。在 Dreamweaver 中,实时视图和设计视图中都提供纵向或横向查看页面的选项。使用这些选项可测试页面适应这些设置的程度。然后,如有必要,可修改 CSS 文件,以使页面以所需的两种方向显示。
Dreamweaver 与 jQuery Mobile 相集成,可帮助您快速设计适合大多数移动设备的 Web 应用程序,同时可使其自身适应设备的各种尺寸。
可以使用“删除连接脚本”命令删除 Dreamweaver 在远程文件夹中放置的用于访问数据库的脚本。只有在 Dreamweaver 中进行设计时创作时才需要使用这些脚本。
Dreamweaver 附带有一组内置的服务器行为,从而让您可以轻松地向站点添加动态功能。您可以扩展 Dreamweaver 功能,方式是通过创建满足您的开发需求的服务器行为,或者通过从 Dreamweaver Exchange 网站中获取服务器行为。
您可以使用 Dreamweaver 创建表格,将数据提交到大多数应用程序服务器,包括 PHP、ASP 和 ColdFusion。如果使用 ColdFusion,您也可以在表单中添加特定于 ColdFusion 的表单控件。表单可以具有文本域、密码域、单选按钮、复选框、弹出菜单、可单击按钮和其它表单对象。Dreamweaver 还可以编写用于验证访问者所提供的信息的代码。例如,可以检查用户输入的电子邮件地址是否包含“@”符号,或者某个必须填写的文本域是否包含值。
Dreamweaver 为使用 ColdFusion MX 7 或更高版本作为开发服务器的 ColdFusion 开发人员提供了多种增强功能。这些增强功能包括更多的“插入”面板按钮、菜单项和属性检查器,以便您可以快速建立 ColdFusion 表单并设置其属性。还可以生成代码以验证由站点访问者提供的信息。
按照 Dreamweaver 中对 HTML5 的持续支持,为某些表单元素引进了新属性。此外,还引进了四个新的 HTML5 表单元素。可以在“插入”面板中找到表单元素。
下列新属性为所有表单元素所共有:
1、Disabled:如果您想要浏览器禁用元素,请选择此选项。
2、Required:如果您想要浏览器检查是否已指定值,请选择此选项。
3、Auto complete:选择此选项后,用户在浏览器中输入信息的时候将自动填充值。
4、Auto focus:如果您想要此元素在浏览器加载页面的时候获得焦点,请选择此选项。
5、Read only:选择此选项以将元素的值设置为只读。
6、Form:指定 <input> 元素所属的一个或多个表单。
7、Name:用来引用代码中的元素的唯一名称。
8、Place holder:描述输入字段的预期值的提示。
9、Pattern:与之比对以验证元素值的正则表达式。
10、Title:有关元素的额外信息。显示为工具提示。
11、Tab Index:指定当前元素在当前文档的 Tab 键顺序中的位置。
通过在页面中插入表单元素的方法以可视方式可以在 Dreamweaver 中创建 Web 表单。
主页和详细页是用于组织和显示记录集数据的页面集。这些页面为您的站点的访问者提供了概要视图和详细视图。主页中列出了所有记录并包含指向详细页的链接,而详细页则显示每条记录的附加信息。
可以使用 Dreamweaver 生成一组页面,以便用户可以搜索您的数据库并查看搜索结果。
您的应用程序可以包含一个允许用户向数据库中插入新记录的页。插入页由两个构造块组成:
1、一个允许用户输入数据的 HTML 表单
2、一个更新数据库的“插入记录”服务器行为
当用户单击表单上的“提交”时,服务器行为会在数据库表中插入记录。您可以使用“插入记录表单”数据对象在一次操作中添加这两个构造块,也可以使用 Dreamweaver 表单工具和“服务器行为”面板分别添加它们。
您的应用程序可以包含允许用户更新数据库表中现有记录的一组页。这组页通常由一个搜索页、一个结果页和一个更新页组成。用户可以使用搜索页和结果页检索记录,使用更新页修改记录。
应用程序可以包含允许用户删除数据库中记录的一组页。这组页通常由一个搜索页、一个结果页和一个删除页组成。删除页通常是一个与结果页一同使用的详细页。用户可以使用搜索页和结果页检索记录,并使用删除页来确认和删除记录。创建搜索页和结果页后,在结果页上添加链接来打开删除页,然后生成显示记录和“提交”按钮的删除页。
ASP 命令对象是对数据库执行某种操作的服务器对象。该对象可以包含任何有效的 SQL 语句,包括返回记录集的语句或在数据库中插入、更新或删除记录的语句。如果 SQL 语句添加或删除表格中的列,则命令对象可以改变数据库的结构。您还可以使用命令对象在数据库中运行预存过程。