Dreamweaver制作网页实用七小招

Dreamweaver制作网页实用七小招访问次数：4018

作者：冷源来源：赛迪网加入时间：2002-09-10

一、从外部文档中粘贴时，如果只要文字而不想要其格式，可以使用“Edit→paste as text”命令，不要直接用Ctrl+V。

二、当有浏览者使用Netscape浏览页面时，在改变窗口大小的时候页面会花掉。在制作网页时就应该考虑到这个问题，可以通过点击“Command→Add/Remove Netscape resize fix”来加以解决，它可以使在Netscape中浏览页面时，改变窗口大小的时候页面不会花掉。

三、仅仅拷贝文字。当我们从Dreamweaver中拷贝文字到另一个应用程序的时候，HTML代码和文字一起被拷贝过去了。一般我们都用快捷键Ctrl＋C来拷贝，如果在拷贝的时候多按一个“C”键则只拷贝选中的文字。

四、在Dreamweaver中输入空格是一件令人很头痛的事。如果你按下面的方法操作就会简单多了：先将“中文输入法”转换成全角状态，然后同时按下键盘上的Shift+Ctrl+space就可以插入一个空格(可以连续输入)。

五、library组件和template模板不用上传服务器，就可以正确预览使用了该组件或模板的页面。

六、不要在同一个页面同时使用表格和层来布置，在Netscape中会导致混乱，从属关系除外。

七、一次链接到两个网页。我们都知道超级链接一次只能连到一个页面。如果你要想一次在不同的框架页中打开文档，可以使用“Go To URL”JavaScript 行为。打开一个有框架的网页，选择文字或图像，然后从行为面板中选择“Go To URL”。你会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个你想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。

在Dreamweaver中利用MXP插件插入VRML作品访问次数：1814

作者：虚怀若谷来源：PConline 加入时间：2002-10-24

前言：众所周知，我们生成的VRML作品有时需要插入指定的网页中。在没有指定的浏览的情况下，我们可以用EMBED在HTML中通过手工编辑源代码来直接链接引用VRML文件。不过我们知道，目前由于没有一个垄断的专业浏览器，并且各家技术开发公司的层次不一，常常会导致同一个作品，在不同的浏览器中浏览效果的不同。这个现状决定了有时我们必须指定一个浏览器来达到创作效果的最佳显示，有了外国友人专门开发的vrmlsuite115的Macromedia Dreamweaver的Mxp格式插件后，我们就可以很方便高效地在网页的特定位置插入VRML作品了。

OK! 下面开始我们的使用流程指南吧。

资源下载：http://www.neeneenee.de/vrml/

国内资源链接：https://www.360docs.net/doc/979161814.html,/users/xuhuairuogu/vrmlsuite.zip

使用要求：已安装有Macromedia Extension Manager .

点击安装vrmlsuite115的mxp文件后，在Macromedia Extension Manager中我们可以看到如下的文件信息。

这样的话，当我们进入Macromedia Dreamweaver后，在浮动的快捷面板上的VRML上看到如下所示的面板。

图中的VRML快捷面板中列出了几个常见的大名鼎鼎的VRML浏览器图标，我们可以通过点击来选择所要指定运行的VRML浏览器。

让我们先来看看Blaxxun公司的VRML浏览器所支持的VRML作品使用情况。首先，看一下我们要设置的第一个选项，如下图，从已经列出了Blaxxun 浏览器的版本：从Blaxxun 4.4、Blaxxun5.0到Blaxxun5.1中要指定一个版本，一般情况下，当然是越高越好，对不^_^。

在Tag标签中有三种选项：object(物体) and Embed（嵌入）、Embed only和Object only.默认设置为Object and Embed.

Name/ID: CC3D （此项不要改，CC3D是Blaxxun公司VRML浏览器插件的ID身份标识）

Width（宽度）、Height(高度)两个选项的设置就不用讲了。

File（文件）选项中，可以直接填写链接的URL资源，也可以点击Browse浏览按钮，在弹出的对话框中进行选择确定，关键要注意一个浏览时的路径问题就行了。

Background-color(背景色)的设置：这里面有颜色选择器，使用起来十分方便，也不讲了。

下面的选项设置分别是：Dashboard (仪表扳)、Force RGB （强制为RGB颜色）、Preload resource（加载资源）、Hide Cursor（隐藏光标）、Background Transparency（背景透明，Internet Explorer only只适用于IE浏览器)。

Cortona公司的VRML浏览器所支持的VRML作品使用情况，和Blaxxun的比较一下，多了几项设置，如下图所示：

Mask（蒙板层）、Skin （皮肤）、Navigation（导航模式）、Navigation Speed（导航速度）、Show Splash （显示噼呖溅泼声）、Menu（菜单）、3D-border （3D边界显示）、wait for all Resources（等所有资源下载后显示）选项。

接下来分别是Cosmo浏览器、Piveron浏览器、VRML97-object（选择VRML作品浏览时所用浏览器）、WorldV iew浏览器使用设置，因为设置使用差不多，所以就……

用Dreamweaver做动态文本访问次数：1806

作者：7star 来源：中国电脑教育报加入时间：2002-11-22

很多人认为在网页文本上应用特殊效果是作不出太多文章的，故很少涉足，但是如果你仔细研究一下Dreamweaver MX的Behaviors功能，就会发现用Dreamweaver MX其实也可以制作出不少很好的动态文本特效，比如：文字大小变换、动态文本按钮等等。下面我们就结合一个例子谈谈网页中的文本特效。

这个实例效果是：当鼠标移动到网页中按钮上时，实现按钮导航文本变大，同时按钮颜色进行变换，而移开时恢复初始状态。

Step1：执行菜单“Insert/Table”命令，在编辑区中插入一个一行一列的表格。

Step2：选中该表格，使用快捷键Ctrl+F3打开其属性控制面板，设置表格背景色彩“Bg Color”参数值为#0099FF，表格边线色彩“BrDr Color”参数值为#000000（图1）。

图1 设置表格的颜色

Step3：选中单元格，设置单元格属性面板中背景色彩“Bg”参数值为#006699，单元格边线色彩“BrDr”参数值为#FFFFFF。通过以上设置，使表格更具有立体感。

Step4：单击工具栏“Show Design View”按钮，显示代码窗口，在表格开始和结束段加代码“〈div id="bottun"〉... 〈/div〉”使表格产生一个Div标记名称（图2）。

Step5：在单元格中输入按钮导航文本，并设置文本属性，这里可以把导航文

本做成超级链接，并设置其字体、字号和居中效果。

图2 为表格加入代码

Step6：同样道理在导航文本开始和结束段加上这样的代码“〈span id="text" 〉...〈/span 〉”，使该文本产生一个Span标记名称。

Step7：按快捷键Shift+F3打开Behaviors行为面板，点击面板上“+”按钮，在弹出行为列表中选择“Change Property”动作，这里我们设置几个当鼠标移动和离开按钮文本上时，文本和背景颜色发生变化的动作。选择“Change Property”动作对话框中的“Div”动作类型（Type of Object），在类型名称（Named Object）下拉列表中会列出我们标记的“bottun”标记，选择它并设置Property下拉列表中的

“style-backgroundcolor”的New Value值为#6699CC，确认返回Behaviors面板，最后更改动作触发事件类型为Onmouseover。同样方法再设置当鼠标离开时，将背景颜色改为初始颜色，即##006699。

同理，我们也是应用这个动作，只要设置了文本“Change Property”的动作（这个动作类型“Span”），控制鼠标移动和离开时的文字大小变换就可以了。

这样动态文本按钮就制作成功了，当然这个效果还可以再加工，如果你点击选取了该按钮，再进行一次按钮色彩的变换表示已经选中，那么这个动态按钮的效果就更完美了！

Dreamweaver制作网页幻灯片效果访问次数：1525

作者：鼎艺互动来源：5D多媒体加入时间：2003-01-03

作为一位不懂代码的业余网页制作爱好者，常常羡慕专业程序人员在浏览器中编制出的效果超酷的一些多媒体作品。唉，无奈程序那东东，酶涩南学，非一日之功，需要良好的逻辑思维能力和足够的磨练方可成就。是不是不会程序，就永远就不能实现自己的创意和想法了呢？非也！现在我们要制作的就是在网页中的一个幻灯片播放器。当用户按下控制盘上的“PLAY”键时图片将作幻灯片似的连续循环播放。按下“PAUSE”时，播放中的图片就停留在当前位置。按下“RESTART”键时，幻灯片又从头播放。而这一切，仅仅采用Dreamweaver3的内嵌的层（Layer）、时间链（Timeline）和行为（Behavior）技术，就可实现，所有的JavaScript代码都会在Dreamweaver中自动生成。这里不是鼓励大家不要接触程序代码，相反，若读者掌握了一些编程技术的基础，会在网页制作中起到相当重要的作用。实际上，这已是当今专业WEB页面制作人员的一项基本素质要求。

下面分步骤对这个播放器的制作加以说明。

步骤一：图形元素的制作和准备。

制作幻灯片所用的图片并将之放入Dreamweaver的层中。我们准备在每个幻灯片中实现7幅图片的交替变换，因此我们需要制作7幅内容不同的图片。注意图片要在Photoshop中进行优化压缩，并调整成相同的尺寸。建立一个层，插入初始图片，该图片就是幻灯片默认得头一张图片。将层命名为Layer_main，并把该层的Index值设为1。

步骤二：制作播放器的外观和四个控制按钮。

利用Photoshop制作一个金属效果的播放器外观。（具体效果就看你的喜好啦，也许你可从Winamp 的skin中受点启发）。作最佳优化后，输出一个透明的GIF图片。为了让鼠标移上后按钮有些变化，你不得不每个按钮制作2张图片（共6个），两个按钮只需有颜色上的差异即可。先建三个层，调整好位置，并插入三个播放键的各自的二张翻滚图片（Rollover Image）（Insert-Rollover Image）。通过调节层的Index-Z的值，确保播放器所在的层在Layer_main层的上面，在按钮所在层的下面。排版好的各层如图1所示。

图1

步骤三：创建幻灯片播放时间链。

按Ctrl+F9键打开时间链浮动工具面板。选取其中幻灯片所在层(Layer_main)中的初始图片(确保选取的是图像，而不是层)，用鼠标拖至时间链浮动工具面板，在时间链起始处释放鼠标。设定帧速率为Fps 为5，并勾选Loop框。选择时间链中的其中一帧，右击鼠标，选择"Add Keyframe"（添加关键帧），选择另一幅幻灯片图片，以更换层(Layer_main)中的初始图片。重复这个操作，将剩下的5幅图片全部加到该时间链的不同关键帧上。最后适当调节各关键帧之间的距离。并将该时间链命名为TimeLine_main。建立好的时间链如图2所示。

图2

步骤四：为按钮和其它添加行为（Behavior）。

点击选择PLAY按钮所在的图片，在行为浮动工具面板中，从+（添加）动作下拉列表中选择Timeline-Play Timeline(播放时间链)，并在弹出的对话框中选择时间链Timeline_main。单击OK。默认方式下，就会为切换动作设置一个onClick事件。点击选择PAUSE所在的图片。在行为浮动工具面板中，从+（添加）动作下拉列表中选择Timeline---Stop Timeline(停止播放时间链)，并在弹出的对话框中选择时间链Timeline_main。单击OK。默认方式下，就会为切换动作设置一个onClick事件。

点击选择REPLAY所在的图片。在行为浮动工具面板中，从+（添加）动作下拉列表中选择Timeline---Go to Timeline Frame(转向放时间链帧)，并在弹出的对话框中选择时间链Timeline_main，在Frame文本框中输入1。单击OK。默认方式下，就会为切换动作设置一个onClick事件。再添加下一个动作。从+（添加）动作下拉列表中选择Timeline---Play Timeline(播放时间链)，并在弹出的对话框中选择时间链Timeline_main。单击OK。默认方式下，就会为切换动作设置一个onClick事件。REPLAY的图片添加好的行为如图3所示。

图3

本例中做好的播放器，可在下列地址浏览：https://www.360docs.net/doc/979161814.html,/sample/index.htm。进一步，为了让播放器更加生动，你可以同时给幻灯片的播放加上声音。

若要把这个播放器放到网上，同时图片总容量超过150K，可以给页面作一个“Loading（加载）层”，待全部内容下载完毕后，才显示出来。以免由于图片未下载完而产生播放不畅的感觉。关于“Loading”层的制作方法，在很多地方有介绍，这里就不再详述了。

把这个例子变通一下，我们可以作一个相册。你可以把你的家庭或女朋友的相片加在幻灯片所在的时间链上，并且加上Last（上一张）、Next（下一张）等按钮，便于浏览者逐张欣赏。若觉得相片太小不

能看清楚细节，你还可以加一个Zoom In（放大）按钮，链接到一个有单张放大相片的新窗口页面。最后把它放到网上，相信一定会给你的家人或女朋友带去一份惊喜。

用Dreamweaver MX制作导航下拉菜单访问次数：1450

作者：林晓清来源：中国电脑教育报加入时间：2003-01-03

Dreamweaver从出道以来，其简便易用而又功能强大的“行为”(Behavior)一直是大家所关注的热点之一。在Dreamweaver MX(DW MX)中，对这一功能又有了扩充与改进。

在DW MX中，行为指的是为了响应某一事件(Event)而采取的一个操作(Action)。其中Event 指的是浏览器的事件，比如窗口刷新、鼠标移动等。而Action 指的是后台响应事件的JavaScript 代码，可以完成相应的操作，比如播放声音、翻转图片等。

用DW MX制作导航下拉菜单是网页中经常使用的特效之一。(如图1)主要应用了DW MX中的“Show-Hide Layers”行为。

图1

首先制作好导航条(图1中的“产品中心”那一栏)，随后添加一个层，作为下拉菜单将要显示的位置，并填入下拉菜单的对应栏目。

接下来，打开“Behaviors”面板，同时选中“产品中心”链接(注意，这个时候不能够选中刚刚建好的层，否则无法应用“Show-Hide Layers”行为)，单击“+”号，选择“Show-Hide Layers”，就可以看到我们刚刚建好的层在选择项中，可以设定为隐藏或者显示(如图2)。

图2

行为的妙用主要体现在：如果我们要实现下拉菜单，关键就是让鼠标移到“产品中心”链接上时，使层显示；而鼠标离开链接时，使层隐藏。根据这种思想，我们首先为这个层设立两个Action，一个选择Hide，一个选择Show。然后，调整Event，将Hide Layer的Event设为OnMouseOut，即为鼠标离开链接；而将Show Layer的Event设为OnMouseOver，即为鼠标选中链接。按“F12”预览，就可看到我们期盼的效果。

这样，平时我们觉得很神秘的导航下拉菜单就可以轻易在行为中实现。还可以在导航链接上继续应用“Swap Image”行为，实现鼠标点选链接时出现图片翻转效果。

行为不是一个个孤立的特效，可以由多个行为组合叠加实现复杂的功能，除了DW MX默认设置好的行为外，我们还可以从https://www.360docs.net/doc/979161814.html,上下载更多更酷的第三方行为，我们只需将它们直接复制到DreamweaverMX\Configuration\Behaviors\Actions\目录下即可，从而使DW MX的这一闪光点更加眩目。

用Dreamweaver MX实现网站批量更新访问次数：1073

作者：凌巍来源：梦想瞬间加入时间：2002-11-14

在Dreamweaver 4.0中，我们就已接触了模板与库的概念，知道它们是批量生成风格类似的网页的好工具。如今在Dreamweaver MX(以下简称DW MX)中，模板与库的功能得到了进一步细化与加强，尤其是实现关联网页自动更新的特点，使得模板与库成为DW MX的一大亮色。

1、首先我们来看看模板的应用，与Dreamweaver 4.0不同的是，DW MX把模板的操作拓展到了“Modify”与“Insert”两个菜单下。同时，在“File”选项的“Assert”子选项中也可以直接创建模板。

2、找到“Assert”子选项，在左边的工具栏中单击“Templates”按钮，此时的模板为空，我们可以在右下角单击“New Template”按钮，一个空白的模板就会出现在面板中(如图1)，点击模板名称，是模板进入可编辑状态。注意，此时的模板还没有任何添加任何元素，我们可以像编辑普通网页一样在模板上添加表格、图像、文字等。添加完后，保存模板，可以在默认站点文件夹的“Templates”子文件夹下找到刚才做好的模板，扩展名为.dwt。

如果嫌这样麻烦，DW MX还提供了一种更直接的方法，编辑好要保存为模板的网页后，在“File”菜单中点击“Save as Templates”，即可生成模板。

3、模板生成之后，还要建立可编辑区域，为将来填入不同的网页内容做准备。打开模板，单击菜单“Insert/Template Object/Editable Region”，出现可编辑区域对话框，指定区域名称后，可以看到模板中出现了蓝色的方框。保存后就建立了可编辑区的模板。

4、如何批量生成网页呢？单击菜单“File/New”，选择“Templates”选项，马上就可以看到建立生成的模板，单击“Create”按钮，模板就开始自动套用在网页上。这个时候我们可以看到，原来的模板区域是黄色，其中的元素已经固定，不能编辑，而我们刚刚指定的可编辑区域是蓝色，可以编辑。这样一来，不但大大简化了我们生成相似网页的工作量，而且有效地保证了网页风格的一致性。

5、最后，就是关联网页批量更新，这是大型网站更新网页时必不可少的一项技术，在DW MX中可以轻易实现。因为我们所有的网页都套用了相同的模板，而且这些网页都被保存在同一个站点目录下，当我们要对所有网页的公共元素进行改动时，只需修改模板中的元素即可。

打开“Templates”子选项，双击关联网页的模板，这时候模板进入了可编辑状态，黄色区域消失，改变了模板的内容后，保存时就会出现一个提示对话框：“下列网页使用了当前模板，是否进行更新？”(如图2)单击“Update”，此时，网站中所有基于模板创建的关联网页都将得到更新(如图3)。

图2

图3

与模板类似，DW MX的库就显得更加灵活，在“Assert”选项卡上单击“Library”，打开库，暂时库中没有任何元素，我们把网页中要生成库的元素，如表格、图像，直接拖到库面板中即可(如下图)。

图4

注意，库中的元素决不仅仅是图像或文字本身，而且还包含了网页中排列这些图像的代码。因此，我们也可以像模板中一样，在网页上添加相同的库元素，从而批量生产风格类似的网页。这时，我们只要在库面板中将元素拖回到新网页上即可，而相关的代码会自动复制到新网页上。

而且，库元素也可以实现网站的批量更新，我们在库面板中单击库元素，使库进入可编辑状态(如图5)，当改变了库元素并进行保存时，凡是使用了库元素的网页，会自动进行同步更新。

图5

最后，对于自动更新还有一点补充：如果一个网页是应用了模板生成，然而自动更新时又想将它保持原状，不随着站点其余的网页一起更新，只需单击“Modify/Templates/Detach from Templates”，此时，这个网页就不再受到模板的约束，需要手动才能更新网页。

Dreamweaver快技使用法十六则访问次数：1004

作者：海之水来源：eNet硅谷动力加入时间：2003-02-14

1、灵活运用样式

熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style标准，在网页代码中就生成一个〈span〉标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我们应尽量使用状态栏中的元素列表来调用Style。

2、活用Format Table命令

在复杂的网页设计中，表格的应用是最多的，因为利用表格可以自由地控制文本和图象在网页上出现的具体位置，从而使整个网页看上去紧凑统一。Dreamweaver在这方面也不甘落后，我们可以使用其中的“Format Table”（格式化表格）命令来快速地对表格应用预先设计好的样式。要使用预先设计好的样式，先将光标置于表格的任意一个单元格内，再选择“Command”→“Format Table”命令，在随后出现的对话框中，从左边的列表中选择一个设计方案。按“Apply”键来查看效果，如果不满意的话，还可以重新设置或者修改部分参数的值，如边界粗细，背景颜色等等。

3、同时链接到两个网页

我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的框架页中打开文档，可以使用“Go To URL”JavaScript 行为。打开一个有框架的网页，选择文字或图象，然后从行为面板中选择“Go To URL”。我们会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。

4、不给文件起中文名称

大家在制作好了网页后，通常会给网页起一个具有代表性的中文名称，一来能使人一看文件名就能大概了解文件所包含的内容，二来能够方便各个超级链接之间的相互调用。但如果你在Dreamweaver中这样做，就会发现Dreamweaver对中文文件名支持得不是太好，经常会有页面调用不正确的现象发生，所以我们以后在Dreamweaver中保存网页的时候，尽量用英文或者数字作为文件名称，这样就可以避免上面的出错现象。

5、巧妙设置字体分辨率

我们在制作网页的时候，经常有这种体会，那就是制作好的网页在本地计算机上浏览时很正常，但在另外一台计算机上浏览时发现原本漂亮的网页变得歪歪扭扭了，这是为什么呢？原来各个计算机的分辨率要使你的主页在不同的分辨率下都能正常显示，在Dreamweaver中得到了较好的解决。在文档窗口的右下角，Dreamweaver 显示当前文档被设计成的分辨率大小。单击哪个数字，在弹出式菜单中可以为当前的页面指定显示分辨率，通过修改可以使你的主页更具灵活性。使不同分辨率的显示器都能较好地显示。

6、巧妙隐藏标签

如果在网页中插入了不可见的元素时，Dreamweaver会自动在页面上添加一个与之相应的元素标签，以便于我们选择不可见元素。但这并不全是件好事，比如我们在一个有很多层的页面中的第一行便插入一个表格，就会发现由于首行排列了太多的层元素标签而使得表格自动退到了页面的第二行，虽然在浏览时并不影响效果，但这确确实实会阻碍我们的工作。所以当我们觉得某个元素标签碍手碍脚时，就索性将之屏蔽掉。方法是按Ctrl+U打开Preferences面板，在Category中选中Invisibel Elements，在面板的右边将会出现所有的元素标签。只要将不需要的元素标签前的勾去掉，以后它就保证不会再出现了。

7、善用拖放技巧

我们在使用Dreamweaver编辑网页的时候，经常需要插入一些图象什么的，假设要插入的图象很多，按照常规方法来操作就显得非常麻烦。我们可以利用拖放技巧来很好地解决这个问题。首先我们把Dreamweaver的操作窗口变成活动窗口，以腾出空间来显示Explorer窗口，找到要插入的图象文件后，把它们一一用鼠标拖动到网页的适当部位，Dreamweaver将自动把这些图象的url添加到文件的HTML 代码中，当然这里要求被拖动的图象文件必须是gif、jpg等web图象格式的文件。对于已经在网页中的图象也是一样，直接拖过来就可以了。但如果被拖动的图象上有超级链接，就不可以再使用拖动技术了，因为那时拖过来的仅仅是超级链接地址。

8、自动设置更新时间

我们知道一个网页要想获得更多的回头率，一个很重要的一条就是要不断更新。但对于我们这些个人网页来说，要天天及时更新恐怕不是很容易的事情。因此，我们希望网页能自动更新，下面笔者就提供一个能自动更新修改时间的源代码，我们只要把这段源代码添加到…< /BODY>之间就能实现更新时间的目的了：

< Script Language="JavaScript"> < /style>；二是用鼠标依次单击Dreamweaver中的Text/Custom Style/Edit/Style Sheet/New/Redefine HTML Tag，并从中选择a，然后在decoration中选中none，最后单击确定就成功了。

12、巧妙复制文字

在几个不同的应用程序中间相互复制文字，是我们在实际工作中可能要常做的事情。但是，如果我们从Dreamweaver中复制编辑区中的文字到另外一个应用程序的时候，HTML代码和文字将一起被复制过去了，那么我们该如何才能只把编辑区中的文字复制下来呢？我们知道，通常复制时都用快捷键Ctrl - C 来操作，如果我们在复制的时候多按一个C键，那么Dreamweaver将只会复制选中的文字了。

13、善用快捷键

为了提高操作的效率，我们可以在Dreamweaver中使用快捷键，例如使用Ctrl-B或Ctrl-I来为文字应用黑体或斜体格式，也可以使用以下一些键盘快捷键来为选中的文本应用HTML格式：Ctrl-0: 无格式Ctrl-T: 段落Ctrl-1: 标题1 Ctrl-2: 标题2 Ctrl-3: 标题3 Ctrl-4: 标题4 Ctrl-5: 标题5 Ctrl-6: 标题6

14、自动关闭网页

如果我们希望自己的网页在指定的时间内能自动关闭，不妨在网页源代码中的标签< BODY >后面加入如下代码：< script LANGUAGE="java script"> < !-- setTimeout('window.close();', 3000); --> < /script>

其中代码中的3000表示3秒钟，它是以毫秒为单位的。

15、巧妙设置对象名称

我们在用Dreamweaver来制作非常复杂的效果时，有可能需要经常重复地使用某一个或者多个对象，例如我们经常需要定位某个特定的表格、图象等，如果我们没有给某一个网页中的多个对象取名的话，那么在重复应用这些对象的时候，可能很麻烦或者容易出错。为了能够方便调用这些对象，我们应该在每创建一个新的对象时，都记得给它取一个有代表性而且比较容易记忆的名称。在给这些对象命名时，我们可以通过对象的“属性”面板来操作就行了。

16、为图象链接增加动态效果

有时我们为了要达到一种逼真的效果，希望鼠标移动到某个链接上时能有动感产生。使用Dreamweaver可以很容易实现这种效果。设计时，我们首先需要准备两幅图象，第一幅是原始图象，第二幅是鼠标移动上去后的图象。接着用鼠标单击第一幅图，在属性面板中的链接栏中填上要链接的文件，然后单击键盘上的F8键，在弹出的Behaviors窗口中单击“+”号，随后选择“swap image”，在接着出现的窗口中选择第二幅图象，最后单击确定就可以了。

利用Dreamweaver MX自带的行为制作弹出菜单访问次数：948

作者：nyon 来源：酷页加入时间：2003-02-28

不知道大家有没发现DWMX中有一个和FW差不多的制作弹出菜单功能？这个功能允许用文字和图片做为主菜单，如果用文字的话要先做虚拟链接。下面简单和大家说说制作的过程！

1.我这次是用图片，先在DWMX中新建一个页面，插入图片。选取图片，打开行为窗口，点击+号，选取“显示弹出式菜单”选项，这时候DWMX就打开一个窗口如下图：

大家可以看到有四个选项，分别为：“内容、外观、高级、位置”

2.在文本框写上你的菜单名称，通过点击+号来增加你所需菜单数目如下图：

如果你的菜单还有下级菜单的话，则选取其菜单，再点击缩进项，如下图：

3.点击“外观”选项，名副其实这里可以设定你的菜单外观，可以选择垂直菜单还是水平菜单，字体的大小，是否居中，和菜单的一般状态和鼠标滑过的样式。如下图：

4.点击“高级”选项，这里我没做什么改动，只是把默认的菜单延迟时间改为500，如下图：