Dreamweaver技巧四则

Dreamweaver 技巧荟萃

网

站

建

设

技

术

驻马店市龙山通用机械有限公司宣

Dreamweaver 技巧荟萃

1．同时链接两个网页

通常在网页中设置的超链接一次只能链接到一个网页中，如果需要在不同的框架页中打

开新页面，可以使用“转到URL”行为来实现。打开一个有框架的网页，选择页面中的需

要设置链接的文字或图像，单击“行为”面板上的“添加行为”菜单命令，在弹出菜单中选

择“转到URL”选项，弹出“转到URL”对话框，在该对话框中显示所有可用的框架，选

择其中一个需要设置链接的框架并输入相应的链接地址后再选择另一个框架并输入另一个

链接地址。

2．不要为网页文件使用中文名称

在制作网页时，初学者起一个容易记忆的中文名称作为文件名，这种做法是不正确的。

因为Dreamweaver 对中文文件名称支持得不是太好，经常会有页面调用不正确的现象发生，

所以在Dreamweaver 中保存网页的时候，尽量使用英文或者数字作为文件名称，这样就可

以避免上面的出错现象。

3．设置不同分辨率

制作好的网页在本地计算机上浏览时很正常，但在另外一台计算机上浏览时发现原本漂

亮的网页变得歪歪扭扭了。这主要是因为每台计算机的分分辨率不同所导致的，为了使所制

作的网页在不同分辨率的计算机上都能正常显示，在Dreamweaver 中得到了较好的解决，

在文档窗口的右下角，Dreamweaver 显示当前文档被设计成的分辨率大小。单击数字，在

弹出式菜单中可以为当前的页面指定显示分辨率，通过修改可以使设计的网页更具灵活性，

使不同分辨率的显示器都能较好地显示。

4．图像拖放技巧

在使用 Dreamweaver 编辑网页的时候，经常需要插入一些图像什么的，如果要插入的

图像很多，按照常规方法来操作就显得非常麻烦。可以利用拖放技巧来很好地解决这个问题。

可以打开“文件”面板，在本地站点中的找到图片文件夹，在该文件夹中将图片一一拖入页

2023年最新版Dreamweaver网页设计技巧

Dreamweaver是一款功能强大的网页设计工具，它具有丰富的特性和工具，可以帮助开发人员轻松创建出美观、功能完整的网页。2023年，随着技术的不断进步，Dreamweaver也更新了一系列的网页设计技巧，让用户可以更加高效地进行网页设计。本文将为您介绍2023年最新版Dreamweaver网页设计技巧。

一、全新界面和工作区

2023年最新版Dreamweaver带来了全新的界面和工作区。在这个版本中，Dreamweaver采用了现代化的设计风格，使用户能够更加方便地进行网页设计。工作区也进行了调整，更加直观和易于使用。

二、自动代码完成

自动代码完成是2023年最新版Dreamweaver的一项重要更新。通过这一功能，Dreamweaver能够根据您输入的代码自动补全，并提供代码建议。这不仅提高了开发效率，还减少了出错的可能性。

三、智能布局

在2023年最新版Dreamweaver中，智能布局是一个非常实用的功能。通过智能布局，您可以轻松创建响应式网页，无论是在桌面还是移动设备上，都能够呈现出最佳的效果。这一功能为用户提供了更多灵活性和便利性。

四、实时预览 实时预览是2023年最新版Dreamweaver中的一项重要更新。通过实时预览，您可以在设计过程中立即看到效果，并进行调整和修改。这使得设计变得更加直观和高效，大大节省了时间。

五、交互式网页元素

2023年最新版Dreamweaver还引入了交互式网页元素，如下拉菜单、轮播图等。您可以通过简单的拖拽和设置，快速添加这些元素到您的网页中，使网页更具交互性和吸引力。

六、强大的视觉编辑器

视觉编辑器是2023年最新版Dreamweaver的一大亮点。通过视觉编辑器，您可以直接在设计界面上进行操作，如调整样式、布局等。这为用户提供了更直观和便捷的设计方式。

七、高级代码编辑

除了视觉编辑器外，2023年最新版Dreamweaver还拥有强大的代码编辑功能，支持多种编程语言。您可以自定义代码模板、片段等，提高开发效率和代码的可重用性。

1、灵活运用样式

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

2、活用FormatTable命令

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

3、同时链接到两个网页

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

4、不给文件起中文名称

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

Dreamweaver45个经典技巧

10>如何让网页载入时，象许多商业网站那样，弹出一个广告窗口

这在很多大型商业网站中，是经常见到的。在DW中能够轻松通过Behavior行为实现。

既然是载入时，我们能够把整个网页内容视为事件对象。在DW编辑窗口中鼠标点击左下角的“”标签，这时你能注意到全部网页内容已经选中了。

单击“快速启动板”中的“Behavior”按钮，进入行为面板，

选择“Open Browse Window”项，这时你还能够对窗口样式进行自定义，比如大小，工具按钮的保留等等。另外还有一点就是别忘了对应的事件是“Onload”.

11>我的快速启动板中没有"Timelines"，怎么办？

DW从升级到4版本后，在快速启动板中增添了几个新的项目，比如Assets等等。这时原先在上面的Timelins（时间线）按钮被挤了下去。

当然假如你急于现在就使用它的话，仍然能够通过菜单“Windows”-“Timelines”找到。只是毕竟不如放在启动板中方便，这时我们能通过设置把它添加进来！

“Edit”-“Preference”进入窗口，在左边的项目列表中选择“panels”（面板），

单击上面的“+”号按钮，从下拉列表中选择“Timelines”。这时时间线已经自动添加到当前的“Show in Launcher”列表内容里，OK。更换后的“Launcher”面板

同时你还能够根据自己的需要自由的选择面板中出现的按钮选项，以提高工作效率。

12>作一个网页让它能够每隔5分钟自动刷新一次，如何实现？

上网浏览时，我们经常会遇到一些网页。在隔一段时间没有响应时，它会自动刷新一次。除了能够起到提醒访问者的目的外，当新的刷新地址不是当前URL时，实现的就是自动跳转的功能。

不管是重复刷新，还是自动跳转。在网页设计中，都是相当有用的操作。下面我们来介绍下它们的制作方法。