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 面板上再按Don按钮,至此所有设置结束,你在Dreamweaver的源代码检视窗中将看到在与之间如下所示的代码: