首页 开发工具 dreamweaver Dreamweaver中常用方法技巧总结

Dreamweaver中常用方法技巧总结

Sep 29, 2018 pm 03:17 PM
dreamweaver

本篇文章给大家带来的内容是关于Dreamweaver中常用方法技巧总结,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

Dreamweaver具有许多丰富的用户向导功能,这使它看上去有无法抵挡的魅力。这些易于执行的技巧能够指引你流畅地创建新站点。

连接窗口

Dreamweaver的用户界面分割为几个窗口,当处于工作状态时,屏幕上只能容纳几个窗口。为了保存真实的操作状态,最佳策略是将打开的窗口连接(dock)在一起。你可能尝试过拖拽窗口的标题栏,这在许多程序中都是可以完成连接动作的,但是在Dreamweaver中却不生效。

实现窗口连接的技巧是用鼠标拖住窗口的tab栏,而不是标题栏。试着点击鼠标拖住一个窗口的tab栏并掠过另外一个窗口,当看到出现一个黑色边界时,松开鼠标按钮,你会发现2个窗口已经结合在一起了。现在你就可以照此方法连接任意多的窗口,最终合并到一个窗口中,如此就能节省大量的屏幕空间而看到实际的工作情况。但是请注意:装载器窗口、属性窗口以及站点窗口是不能被连接的。

数据输入

Dreamweaver允许你将数据直接输入到表格中,这样就比一次次地剪切、粘贴内容到单元格中容易许多。但是如果要输入的数据中含有插入/表格数据命令时,就会有些麻烦。很不幸,Dreamweaver只能输入具有分隔符的.txt文件。如果要处理Word或者Excel文件,可以先将它们输出为.txt文件,然后再输入进Dreamweaver中。你会发现这样的处理方法简直象梦一样美妙!

删除, 恢复,重复

输入数据到表格能够节省大量的操作时间,但是Dreamweaver中最有用的一个功能是它的历史窗口。在这个窗口中,一旦打开文档,随后执行的每一个操作都被记录下来,这样,你就可以跟踪操作行为并且简单地undo或者重复最后一步。只需要选中历史窗口中的最后一步然后按下Delete键,或者拖曳滑动指示器到某一步一次删除几个步骤。同样,点击窗口中的Replay按钮再次执行某一步。

很奇怪不能保存超过50步吧?这是个默认数值。要提高这个数值,选择“编辑/参数选择”,确认处于“普通”功能页面,在 "历史步骤最大值" 字段中输入一个较高数值。请注意,设定的保存步骤数目越大,消耗的内容就越大。 

扩展!扩展!

通过使用extensions,你可以为Dreamweaver添加更多的性能。许多开发者创建extensions并免费提供给更多的人使用。你可以访问Macromedia的站点与大家进行作品交换。当运行Dreamweaver时,选择“命令/获取更多的命令”,就会自动启动浏览器并转到交换站点。在开始收集所有的新技巧前,首先下载 Extension Manager,它将跟踪extensions变得轻而易举。

以下技巧有助于那些管理大站点并与其他Web开发者一起工作的开发者。

创建相册   

为许多图形一次性建立缩图是一个单调乏味的工作,特别当你不是一个有经验的图形专家时。没有关系,Dreamweaver具有一个新功能,它能象你的一个图形设计助手一样,按照你的要求完成缩图设计工作。你告诉Dreamweaver哪个文件夹中包含图形后,它就会为其中的每一个图形创建一个缩图、创建一个包含完整图形的页面以及一个存有所有缩图的索引页面。为了使用这个功能,你需要首先安装Fireworks。

首先,建立文件结构:将所有的图形文件放置到一个文件夹中。

然后,选择“命令/创建网络相册”,并设置相应选项。不要过分考虑标题和副标题,这些信息随后都可以进行修改。重要的是指明源图形文件夹以及目标文件夹,因为这些信息决定了处理哪些文件。同时要确定一下缩图的尺寸大小、格式以及其他选项。

当点击OK后,Dreamweaver将控制权转移给Fireworks,由它开始批量处理文件,创建一个非常好的小型相册或者一个连续的产品目录。如果你有许多相片,设置好让它开始运行,然后去休息一会儿,Dreamweaver和 Fireworks 将完成所有的工作。

创建自定义命令

你还记得前面说过Dreamweaver的一个最有用的功能就是历史窗口吗?这不是开玩笑,基于列于历史窗口中的操作,Dreamweaver能够创建新的命令序列。

要创建一个命令,只需要简单地执行你想要记录的步骤。然后,在历史窗口中,选择想要保存的步骤,并在右下角点击“保存为”图标,起一个名字,点击OK。到此,你的自定义命令就出现在“命令”菜单中,可以随意使用了。

与他人协同工作

对于与其他人一起工作的Web开发者而言,他不必担心其他人修改了你所共享的文件。 Dreamweaver利用check-in和 check-out系统达到保护打开文件的目的。以下技巧将帮助你扩展和定制 Dreamweaver。实现过程中,你需要编辑某些 Dreamweaver 的配置文件,所以请一定首先做好原始文件的备份。

创建自定义对象

对象窗口利于在页面中快速插入项目,比如表单、框架等等。要创建自定义对象,首先创建一个文件,其中要包含你想插入到文档中的代码。比如,要创建 CNET Builder.com 的新闻框,首先下载这段代码并保存为newsletters.htm。然后,为了在对象窗口中创建一个新面板,要在Dreamweaver/Configuration/Objects 下创建一个文件夹,名字可以随你设置,比如叫做My Objects。将文件 newsletters.htm 放置到这个目录下。同时,需要一个代表新对象的图形文件。可以自己创建一个图形文件,或者干脆让Dreamweaver插入一个普通图标。如果是自己创建图标,请注意建立一个18 X 18象素的GIF文件。将图形文件保存在同一个目录下,名字与新对象的名字一样。这里的图形文件可以使用。

现在,重新启动Dreamweaver或者选择重调入Extensions(按下Ctrl键,点击对象窗口弹出菜单),你可以在对象窗口中看到一个新的功能页面,图形就是你设定的那个。你可以象操作其它对象一样,拖曳这个新对象到页面中。如果熟悉javascript,你就可以创建更加复杂的对象和其他extensions,比如浮动面板、行为等等。或者,你干脆从Macromedia Exchange下载现成的对象。查看完整的对象代码。

重新布局菜单

你是否非常反感Dreamweaver的直线性菜单?你是否希望能够将“窗口”菜单移到最右边?因为它比“帮助”菜单更频于使用。实现这些目的,绝对没有问题!首先,打开Dreamweaver安装文件夹,找到文件Configuration/Menus/menus.xml,做一个备份并保存到另外一个地方。然后,在文本编辑器中打开Configuration/Menus/menus.xml,找到以 < menubar> 开始的代码块,这里就包含了所有 Dreamweaver 的菜单,每一个都用 < menu> 元素描述。按照这种方法找到代表“窗口”菜单的代码段:

< menu name="_Window" id="DWMenu_Window">
...
< /menu>
登录后复制

 将这段代码剪切然后粘贴到代表“帮助”菜单(

...)的代码段后面,保存文件,重新启动 Dreamweaver,你就会看到新的菜单顺序了。通过编辑 menus.xml,你还能够重新布置菜单项目(< menuitem>...)、修改菜单名字(使用NAME属性)、添加分隔符,或者添加、修改、删除键盘快捷键。不要忘记创建menus.xml 文件的备份!如果修改过程中输入了非法代码,Dreamweaver 不会自动恢复到前一次的状态。

以上是Dreamweaver中常用方法技巧总结的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

dreamweaver怎么调整文字位置 dreamweaver怎么调整文字位置 Apr 09, 2024 am 02:24 AM

Dreamweaver 中调整文本位置可以通过以下步骤完成:选择文本,使用文本位置调整器进行水平调整:左对齐、右对齐、居中对齐;2. 进行垂直调整:上对齐、下对齐、垂直居中;3. 按 Shift 键并使用方向键微调位置;4. 使用快捷键快速对齐:左对齐(Ctrl/Cmd + L)、右对齐(Ctrl/Cmd + R)、居中对齐(Ctrl/Cmd + C)。

dreamweaver网页制作怎么加入视频 dreamweaver网页制作怎么加入视频 Apr 09, 2024 am 01:42 AM

使用 Dreamweaver 嵌入视频:插入视频元素。选择并上传视频文件。设置视频类型、URL、尺寸、自动播放和控件。插入视频。可选:自定义视频外观。

dreamweaver怎么调整行间距 dreamweaver怎么调整行间距 Apr 09, 2024 am 03:00 AM

在 Dreamweaver 中调整行间距分四步进行:选择文本、打开“段落”面板、调整“行距”选项,最后单击“确定”应用更改。

dreamweaver怎么添加图片 dreamweaver怎么添加图片 Apr 09, 2024 am 03:30 AM

要在 Dreamweaver 中插入图片,请单击“插入”菜单并选择“图像”,然后导航到图片文件并选择它。其他方法包括:拖放文件或直接插入 HTML 代码。调整属性包括更改大小、对齐、添加边框和输入替代文本。

网页设计软件dreamweaver怎么设置为中文 网页设计软件dreamweaver怎么设置为中文 Apr 09, 2024 am 12:39 AM

要将 Dreamweaver 设置为中文,请按以下步骤操作:打开 Dreamweaver;在首选项中将“用户界面语言”更改为“简体中文”或“繁体中文”;重新启动 Dreamweaver;检查“帮助”菜单中的“关于 Dreamweaver”项以验证语言设置。

dreamweaver字体怎么设置 dreamweaver字体怎么设置 Apr 09, 2024 am 02:54 AM

可以在 Dreamweaver 中通过以下方式设置字体:使用“属性”面板选择字体、字号、颜色。使用 CSS 设置整个网站或特定元素的字体。在 HTML 代码中直接使用“font”标签设置字体。

dreamweaver怎么设置文字大小 dreamweaver怎么设置文字大小 Apr 09, 2024 am 02:18 AM

在 Dreamweaver 中设置文字大小,只需:选择文本进入“文本”菜单选择“字体大小”选择所需大小按 Enter 保存

dreamweaver怎么添加文本框 dreamweaver怎么添加文本框 Apr 09, 2024 am 01:15 AM

在 Dreamweaver 中添加文本框:打开新文档,插入表格文本域。通过“属性”面板设置文本框属性,包括名称、高度、宽度和换行。双击文本框输入文本,使用文本编辑功能设置文本样式。通过 CSS 自定义文本框的外观和行为。使用“属性”面板的“HTML”选项卡查看和编辑文本框代码。

See all articles