广州佐仕国际职业教育

7x24小时咨询热线

400-660-3310

当前位置 : 好学校 广州佐仕国际职业教育 学习资讯 资讯详情

网页设计常用到的Dreamweaver实用技巧

2015-02-04

Dreamweaver实用技巧

Dreamweaver使得建立Web站点变得异常简单,但不要误认为这等于功能简单。实际上,这种有效的可视化Web开发工具同样是专业设计人员选择的,其中的许多优点非常合适于那些需要强大站点管理工具或者想用自己的模板扩充程序以协同工作的开发人员。更棒的是,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时,选择“命令/获取更多的命令”,就会自动启动浏览器并转到交换站点。在开始收集所有的新技巧前,首先下载ExtensionManager,它将跟踪extensions变得轻而易举。

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

创建相册

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

首先,建立文件结构:将所有的图形文件放置到一个文件夹中。然后,选择“命令/创建网络相册”,并设置相应选项。不要过分考虑标题和副标题,这些信息随后都可以进行修改。重要的是指明源图形文件夹以及目标文件夹,因为这些信息决定了处理哪些文件。同时要确定一下缩图的尺寸大小、格式以及其他选项。当点击OK后,Dreamweaver将控制权转移给Fireworks,由它开始批量处理文件,创建一个非常好的小型相册或者一个连续的产品目录。如果你有许多相片,设置好让它开始运行,然后去休息一会儿,Dreamweaver和Fireworks将完成所有的工作。

创建自定义命令

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

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

与他人协同工作

对于与其他人一起工作的Web开发者而言,他不必担心其他人修改了你所共享的文件。Dreamweaver利用check-in和check-out系统达到保护打开文件的目的。

以下技巧将帮助你扩展和定制Dreamweaver。实现过程中,你需要编辑某些Dreamweaver的配置文件,所以请一定首先做好原始文件的备份。

创建自定义对象

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

现在,重新启动Dreamweaver或者选择重调入Extensions(按下Ctrl键,点击对象窗口弹出菜单),你可以在对象窗口中看到一个新的功能页面,图形就是你设定的那个。你可以象操作其它对象一样,拖曳这个新对象到页面中。

如果熟悉JavaScript,你就可以创建更加复杂的对象和其他extensions,比如浮动面板、行为等等。或者,你干脆从MacromediaExchange下载现成的对象。

重新布局菜单

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

收藏
分享到:

相关课程

相关资讯

广州佐仕国际职业教育

广州佐仕国际职业教育

认证等级

信誉良好,可安心报读

广州佐仕国际职业教育

已获好学校V2信誉等级认证

信誉值

  • (60-80)基础信誉积累,可放心报读
  • (81-90)良好信誉积累,可持续信赖
  • (91-100)充分信誉积累,推荐报读

与好学校签订读书保障协议:

  • 100%
  • 146
  • 12772
在线咨询
;