DreamWeaver超级技巧3

helen2855 · 发表于 2003-8-4 18:16:46

DreamWeaver超级技巧3

37. 实现定义的超级链接文字颜色
文字超级链接的颜色（包括未被访问的链接颜色、鼠标的链接上的颜色、已被访问过的链接颜色等等）可以用层叠样式表（CSS）定义，下面就介绍如何能随心所欲地设置文字链接的颜色。
（1）超级链接的默认颜色是：未被访问的超级链接是蓝色、被访问过的超级链接是紫色；
（2）要想使CSS定义的颜色起作用，在超级链接的文本的颜色属性中什么都不要填；
（3）若你已定义了文本的颜色，发现CSS中定义的超级链接颜色不起作用，你可以取消文本的颜色定义，或取消超级链接再重新定义一次，CSS定义的颜色就起作用了；
（4）超级链接上各种状态下文本颜色的关系：一旦定义了被访问过的链接的颜色（A: visited），则当链接被访问过后，该链接的颜色不再改变，即定义鼠标在超级链接上的颜色（a: hover）将不起作用了。若不定义被访问过的链接的颜色（A: visited），则当鼠标在超级链接上显示a: hover 中定义的颜色，当鼠标移开时显示a 中定义的颜色。
从上述可以看出，文本链接的颜色实际上只能在两种颜色之间变换，并没有像有些文章中讲的那样可以在多种颜色之间变换，但由于用那两种颜色可以任意，所以应该讲颜色的选择范围还是比较大的。

38.在Dreamweaver中把图形放在最中间
点击选取图形，在图形的属性面板的右上角Align（对齐属性）边上有个下拉框，在下拉框中选取，则文字在图片四周绕排。若是单独图片在中间，则在图像面板上点取居中属性即可。

39.如何使用Behaviors 功能，而又不链接到任何地方去
选取要作为超级链接的元素（一幅图片或一段文字），在属性面板上的地址栏（Link）中不填写任何链接地址，只加上一个“#”号，（引号不包括在内）。这样即可以使用Behaviors 功能，而又不链接到任何地方去了。

40.实现在一张（较大）图片上做出几个不同的链接
在Dreamweaver中，这就是使用所谓的设置“图像热区域”。先选中图像，然后在图像属性面板上有一个“Map”工具栏，在其下方有三个淡蓝色的工具图标，即“矩形”、“圆形”或“多边形”，你可以根据需要选取一个（用鼠标点一下就行），再把鼠标移图像上，按下鼠标左键，拖动鼠标就画出了一块淡蓝色的区域（不用担心这块淡蓝色区域会破坏你的图像，在浏览器中是不显示的），这时你在属性面板上把需链接的网页地址添上就行了。你需要几个链接就画几块区域，随你的便。

41. 制作目录树
在总目录的前方有一个“+"，一按这个“+"，即可显示其下子目录，“+"即变成“-"，一按“-"，即可隐藏其下子目录，就像在资源管理器中一样，这需要做二个页面，一个页面写上总目录，一个页面写上子目录。把总目录的页面上的“+”号设置成超级链接，在“Link”栏中添上子目录页面的地址。把子目录的页面上的“-”号设置成超级链接，在“Link”栏中添上总目录页面的地址。具体效果可看一看Dreamweaver的帮助文档，在这帮助文档里也是按一下总目录，弹出子目录，按下子目录上的总目录则返回到总目录，只是没用“+”、“-”表示而已。你再看一下该文档的源代码就一目了然了。

42. 在Dreamweaver中轻松设置行间距
用层叠样式表（CSS）来实现，在Dreamweaver中编辑层叠样式表不用编写代码，具体操作方法如下：
（1）在快速启动栏中点击层叠样式表按钮（就是把鼠标放上去显示“show css styles”的那个按钮），在弹出的CSS Styles面板上双击（none）；
（2）此时，可看到弹出的Edit Style Sheet 面板，在该面板上按New按钮；
（3）再在弹出的New Style 面板上点取Redefine HTML Tag（重新定义HTML标记），再在Tag中选择“body”标记后按OK按钮；
（4）这时可看到弹出的Style dehinition for body 的对话框，在此对话框中可以设置“body”标记的许多属性，你可以按你的意愿设置，但我们这里主要是要设置行距，所以我们在line属性输入框中填上行距的像素点数，现在流行的九号字，行距一般用12，按OK按钮返回到Edit Style Sheet 面板，此时已把“body”的行距设置好了；
（5）由于“body”中定义的行距对表格不起作用，所以我们再在Edit Style Sheet 面板上再按New按钮；
（6）再在弹出的New Style 面板上点取Redefine HTML Tag（重新定义HTML标记）再在Tag中选择“td”标记后按OK按钮；
（7）在弹出的Style dehinition for td 的对话框中设置td的行距，按OK按钮返回到Edit Style Sheet 面板；
（8）在Edit Style Sheet 面板上再按Ｄon按钮，至此所有设置结束，你在Dreamweaver的源代码检视窗中将看到在与之间如下所示的代码：<style type="text/css">
<!--
body { line-height: 12pt; font-size: 9pt}
td { font-size: 9pt; line-height: 12pt}
-→
</style>
有了这段代码，你在该网页上的所有文本的行距都确定好了，若不满意，可修改设置。

43. 如何设计能使浏览者在浏览时对网页字体大小的设置不起作用
用CSS层叠样式表对字体进行强制性控制（像素）。

44. 实现网页每过五分钟刷新一次的效果
在Dreamweaver的功能面板上选择“head”功能组面板，在这面板上点击“Refresh”功能图标，在弹出的“Insert refresh”对话框中，在“Delay”中输入要刷新的间隔时间，以秒计，例：隔五分钟刷新一次，则输入300即可。再在该对话框上选择“Refresh This Document”(刷新当前窗口)，按OK，大功告成。当你再次浏览该网页时，它将自动地隔五分钟刷新一次。

45. 解决用IE预览正常的链接网页，上传到网站却看不见的现象
把网页的所有文件名统一成小写（或大写），再上传就行了。因为很多服务器使用的是UNIX操作系统，它对大小写是很敏感的，也就是说大写的文件名和小写文件名它认为是两个文件，你在上传时必须注意大小写。另外要注意：超级链接要使用相对路径，不要用绝对路径，也不要用中文文件名。

46. 制作新开一个窗口打开网页的超级链接（即原来的网页不被覆盖）
在Dreamweaver中，在该链接的属性面板上把“target（目标）”设置为“_blank”即可。

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

48. 解决表格紧贴左上方的问题
对这个问题有几种解决方法。
（1）按下Ctrl+J，弹出Page Properties，将Left、 Top、 Margin Width、 Margin Height 全部设为0。
（2）把下面一段代码加到你的<body>中：topmargin="0" leftmargin="0" ，这个方法只适用于IE。
（3）加入下面代码：<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" >，这个方法适用于Netscape

49. 在Dreamweaver中将图设为透明alpha设置
<html>
<head>
<title>css</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type=text/css>
.pic{filter:alpha(opacity=50)}
</style>
</head>
<body bgcolor="#FFFF00" text="#000000">

</body>
</html>

50. 设置表格虚线
（1）作一个1X2的图，半黑半白，再利用表格做成线。
（2）在css里面设：在css面板里新建一个style，选择“redefine HTML Tag”，再在下拉菜单里选“table”，在接下来的面板里，category里选择border。在border里，将top、left、right、bottom都设成1像素，颜色设成你将来想要的边框的颜色。到style下拉菜单里选择dashed就可以了，只是所有的表格都会用虚线做边框了。
（3）如果你只想让某一个表格边框是虚线的话就在html里设。在表格的html里加上这个：
style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED"。颜色是十六位代码，你可以自己设。方法2、3只能在IE浏览器里用，到了Netscape里一点用处都没有，除非你用做好的底图填充。

51. 在Dreamweaver中使插入的FLASH透明
选中插入的swf文件，打开原代码窗口，在</object>前输入<param name="wmode">

52. Dreamweaver4中设置表格亮边框和暗边框
做一个像素宽度有颜色的表格线
（1）将表格边框 border设置为0，Cell space设置为0，Cell padding设置为0。
（2）打开样式面板新建一个样式。选择Border设置边框属性。
（3）选中整张表格应用这个样式即可。

53. 隐藏表格的分隔线

可以隐藏横向的分隔线

可以隐藏纵向的分隔线

可以隐藏横向和纵向的分隔线

54. 如何选取被遮盖或隐藏的层
当层被重叠使用时，大层会把小层遮盖住；当选择了层的隐藏属性，该层就看不见了。当你想对这些层操作时，怎么办？按F11键显示层面板，所有层号均在上面，要哪层选择哪层就行了。

55. 在层（或表格中）上编辑文本时自动换行
层在用Dreamweaver设计网页时被大量采用，但当你在层上输入大段文字时发现不会自动换行，无论你怎样设置层的宽度均无济于事，当然你可以用按“SHIFT+ENTER”来换行。但是这样当你调整层的宽度时又不得不一个一个地去删除它，再又在另一位置加上它，其实有三种方法可以解决这个问题：
（1）在层叠式样表*.CSS中“DIV”的式样定义中加上字体的定义；
（2）在网页源代码的层定义中加上字体的定义；
（3）选取该段文字，在文字的属性面板上定义字体。
上述三种方法任选一种都行，但以第一种较好，因为只要改动一次，此后只要是调用该层叠式样表的网页中的所有层都有能自动换行了，岂不是一劳永逸。表格同样存在上述问题，解决方法相同，只是在层叠式样表中在“TD”的式样定义中加上字体的定义。

56. 在Dreamweaver中输入上下标
如果只是要上下标的话，可以用<SUB></SUB>和<SUP></SUP>。手工加进去就可以了。

57. 去掉链接的下划线
将以下代码加入<head> </head>之间
<style type="text/css">
<!--
a:link{text-decoration:none}
a:hover{text-decoration:none}
a:visited{text-decoration:none}
-→
</style>