Outils tranche Photoshop - ImageReady
| |
|
Images décomposées de plusieurs parties devant
devenir active |
|
| |
|
3 Outils : Tranche, sur la base de calques, à partir de repères
posiotnnés sur le calque |
|
| |
|
|
|
| |
|
|
|
Voir la page issue de cet exercice, puis l'exemple
avce la page Arradon et création d'animation
de bouton
Exemple du code HTML :
<html>
<head>
<title>The Adobe Image Library
©1998 Adobe Systems Incorporated
Snow-covered trees on mountain slope
</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor=#FFFFFF>
<!-- ImageReady Slices (tranches_1.psd) -->
<table width=576 border=0 cellpadding=0 cellspacing=0>
<tr>
<td bgcolor=#779ADD>
<a href="#"
onmouseover="window.status='La montagne en neige'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/tranches_1_01.jpg" width=287 height=181 border=0></a></td>
<td>
<a href="#"
onmouseover="window.status='Les feuilles mortes'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/tranches_1_02.jpg" width=289 height=181 border=0></a></td>
</tr>
<tr>
<td>
<a href="#"
onmouseover="window.status='Des Tulipes'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/tranches_1_03.jpg" width=287 height=179 border=0></a></td>
<td>
<a href="#"
onmouseover="window.status='Tournesol'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/tranches_1_04.jpg" width=289 height=179 border=0></a></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
