Eso lo haces con css en los links (las etiquetas <a>), por ejemplo, entre <head> y </head>:
<style>
.enlace{
width:60px;
height:60px;
display:block;
background:#fff; /*este es el importante, las medidas antes son modificables*/
background-imagen:url('url_de_imagen1');
}
/*Lo de abajo, definis lo que va a pasar si se pasa el mouse por arriba del enlace*/
.enlace a:hover{
background-image:url('url_de_imagen2');
}
</style>
.
.
.
<body>
/*Cuerpo*/
<a href=" #" class="enlace">Link </a>
/*Sigue el cuerpo*/
</body>
</html>
Algo asi deberia quedar para que un enlace cambie de fondo segun la ocasion.
Googleate un poco y busca como hacer menu horizantales con css (que es como tiene ese enlace que dijiste)
Te puedo recomendar este tutorial->
http://alexsancho.name/archives/2005...ontal-con-css/
No se como se hara con dreamweaver en modo de diseño, pero esta bueno que averigues ese tipo de detalles que unicamente se pueden modificar desde codigo.
Saludos y suerte!