[PHP][HTML][CSS][JavaScript] 2 pytanka a propos standardow, mouse over, email Opcje

[uglukha]

hej wszystkim,
mam 2 pytanka, nie jestem na biezaco ze standardami, nowinkami itd zwiazanymi z www, ucze sie tylko roznych rzeczy jak musze, i oto moje pytanka:

1. Jaki jest teraz najlepszy i najbardziej poprawny sposob na robienie linkow bedacych grafikami, i zmieniajacyh sie na inna grafike po najechaniu myszka?
Kiedys uzywalem czegos takiego, ale w erze CSS itp, pewnie cos wymyslili nowego, jakis standard czy cos...

[HTML] pobierz, plaintext 
<a href="contact.php"><img src="GRAFIKA/contact1.jpg" name="contact" onmouseover="document.images['contact'].src='GRAFIKA/contact2.jpg'" onmouseout="document.images['contact'].src='GRAFIKA/contact1.jpg'" border="0" height="15" width="80"></a>
[HTML] pobierz, plaintext 

2. Pytanie drugie, to jak najbezpieczniej (biorac pod uwage rozne boty, ktory sciagaja maile ze stron i wysylaja spam) umiescic tekstowy, klikalny adres email? Technika obojetna - php, java script itd

z gory dzieki za odp,
pozdrawiam!