熟练运用网页元素熟悉网页设计的读者都应该知道,网页元素的调用方式众多,我们可以点击鼠标右键选择“CustomStyle”来调用样式标准,也可以在状态栏的元素列表上右键点击来调用样式。

虽然不同的方法达到的效果看似相似,但实际上产生的HTML代码却截然不同。比如使用“CustomStyle”调用样式标准时,在网页代码中就生成一个<span>标签,这样的标签如果过多就会使文件变得臃肿,甚至影响浏览器解析速度,因此我们应尽量使用状态栏的元素列表来调用样式。

善于运用CSS代码在复杂的网页设计中,表格的应用是最广泛的,因为利用表格可以自由地控制文本和图像在网页上出现的具体位置,从而使整个网页看上去紧凑统一。

Dreamweaver在这方面也不逊色,我们可以通过其中的“FormatTable”(格式化表格)命令来快速地对表格应用预设的样式。要使用预设的样式,先将光标置于表格的任意一个单元格中,再选择“Command”→“FormatTable”命令,在随后出现的对话框中,从左边的列表中选择一个设计方案。

按下“Apply”键查看效果,如果还不满意的话,还可以重新设置或者修改部分参数,如边框粗细、背景颜色等。

同时打开多个网页我们都知道超级链接一次只能连接到一个页面。如果我们想在不同的框架页中一次性打开多个文档,可以使用“GoToURL”JavaScript行为。

打开一个含框架的网页,选择文字或图像,然后从行为面板中选择“GoToURL”。我们会发现Dreamweaver会在“GoToURL”对话框中显示所有可用的框架。选择其中一个想要链接的框架并输入相应的URL后,再选择另一个框架并输入另一个URL。

不在文件名中使用中文名称通常情况下,我们在制作好网页后会为网页起一个具有代表性的中文名称,一来方便人们一眼就能了解到网页所包含的内容,二来便于各个超级链接之间的互调。

但在Dreamweaver中这样做时,会发现它对中文文件名的支持并不太好,经常会出现页面调用不正确的现象。因此,在Dreamweaver中保存网页时,尽量使用英文或数字作为文件名,这样就可以避免上述错误。

巧妙设定字体分辨率在制作网页时,我们总会遇到这种情况:制作好的网页在本地的计算机上浏览很正常,但在其他计算机上浏览时发现原本漂亮的网页变得歪歪扭扭了。这是因为各个计算机的分辨率不同。

为了让主页在不同的分辨率下都能正常显示,在Dreamweaver中可以得到较好的解决。在文档窗口右下角,Dreamweaver会显示出当前文档所设计的分辨率大小。

点击相应的数字,在弹出的菜单中可以为当前的页面指定显示分辨率,通过修改可以使主页更具灵活性,使不同的显示器都能较好地展现。

巧妙隐藏标签如果在网页中插入了不可见的元素时,Dreamweaver会自动在页面上添加一个与之对应的元素标签,便于我们选择不可见元素。

但这并不总是好事,比如在一个层很多且第一行就插入了一个表格的页面中,由于首行排列了太多的层元素标签而使得表格自动退到第二行。虽然浏览时不影响效果,但确实会阻碍我们的工作。因此,当我们觉得某个元素标签碍手碍脚时,就可以将其隐藏。

方法是按Ctrl+U打开“Preferences”面板,在“Category”中选中“Invisible Elements”,在面板的右边将会出现所有的元素标签。

我们只需将不需要的元素标签前的勾去掉即可,以后它就保证不会再出现了。

善用拖放技巧在使用Dreamweaver编辑网页时,我们需要经常插入一些图像等。如果我们需要插入大量的图像,按照常规操作就会显得很繁琐。

我们可以利用拖放技术来解决这个问题。首先把Dreamweaver的操作窗口变成活动窗口,以便腾出空间显示Explorer窗口,找到要插入的图像文件后,用鼠标拖动它们到网页的适当位置,Dreamweaver会自动将这些图像的URL添加到文件的HTML代码中。

当然,这里要求被拖动的图像文件必须是GIF、JPG等web图像格式的文件。对于已经在网页中的图像也可以直接拖动,但如果被拖动的图像上有超级链接,就不能再使用拖放技术了,因为那样拖过来的只是超级链接地址。

自动设置更新时间一个网页要想获得更多的 revisit visitor,一条非常重要的秘诀就是要不断更新。

但对我们这些个人网页来说,要每天及时更新似乎不太容易。因此,我们希望网页能自动更新。以下提供了一种能够自动更新修改时间的源代码,只需将此段源代码添加到…</BODY>之间即可实现更新时间的目的:<ScriptLanguage="JavaScript">...</Script>

另外,用鼠标依次单击Dreamweaver中的Text/CstomStyle/Edit/StyleSheet/New/RedefineHTMLTag,然后从中选择a,在decoration中选择none,最后点击确定即可。

巧妙复制文字在很多不同的应用程序中间相互复制文字是在实际工作中经常会遇到的事情。但是,如果我们从Dreamweaver中复制编辑区中的文字到另外一个应用程序时,HTML代码和文字将一起被复制过去。

那么我们该如何才能只把编辑区中的文字复制下来呢?我们知道,通常使用快捷键Ctrl+C来操作,如果我们在复制的时候多按一个C键,那么Dreamweaver只会复制所选的文字即可。