Question : Cela peut être implémenté lorsqu'il y a des images dans les deux couches, mais cela ne fonctionnera pas s'il y a FLASH, ce qui signifie que les images seront toujours couvertes par FLASH. Que dois-je faire ?
À propos
des calques Dans Dreamweaver, un calque
est un élément de page HTML auquel est attribuée une position absolue, en particulier une balise div ou toute autre balise.Les calques peuvent contenir du texte, des images ou tout autre élément pouvant être placé dans le corps d'un document HTML.
Notez que
le calque mentionné dans ce chapitre appartient au concept de mise en page de Dreamweaver, et non à la balise de calque.
Comprendre le concept des calques
Avec Dreamweaver, vous pouvez utiliser des calques pour concevoir la mise en page de vos pages. Vous pouvez placer des calques les uns derrière les autres, masquer certains calques tout en en affichant d’autres et déplacer des calques sur l’écran. Vous pouvez placer une image d'arrière-plan dans un calque, puis devant ce calque, placer un deuxième calque contenant du texte avec un arrière-plan transparent.
Les calques offrent une grande flexibilité dans le placement du contenu. Toutefois, les visiteurs du site utilisant d'anciennes versions de navigateurs Web peuvent avoir des difficultés à visualiser la couche. Pour garantir que tout le monde puisse consulter votre page Web, vous pouvez concevoir la mise en page à l'aide de calques, puis convertir les calques en tableaux. Pour plus d’informations, consultez Convertir des calques en tables. Cependant, si les visiteurs avec lesquels vous avez affaire utilisent probablement certains des navigateurs les plus récents, vous pouvez concevoir votre mise en page entièrement en couches sans convertir les couches en tableaux.
À propos du code HTML d'un calque
Lorsque vous placez un calque dans un document, Dreamweaver insère les balises HTML du calque dans le code. Par défaut, Dreamweaver crée des calques à l'aide de balises div.
Notez que
vous pouvez également utiliser deux autres balises pour créer des calques : layer et ilayer. Cependant, ces balises ne sont prises en charge que par Netscape Navigator 4 ; Internet Explorer ne prend pas en charge ces balises et Netscape ne les prend plus en charge dans les navigateurs plus récents. Dreamweaver reconnaît les balises layer et ilayer mais ne les utilise pas pour créer des calques.
Lorsque vous dessinez un calque à l'aide de l'outil Dessiner des calques, Dreamweaver insère une balise div dans le document et attribue une valeur d'identification au calque (par défaut, Layer1 représente le premier calque dessiné, Layer2 représente le deuxième calque dessiné, et ainsi de suite). Plus tard, vous pourrez renommer le calque comme vous le souhaitez à l'aide du panneau Calques ou de l'inspecteur des propriétés. Dreamweaver utilise également du CSS intégré dans l'en-tête du document pour positionner les calques et déterminer leurs dimensions exactes.
Voici un exemple de code HTML pour un calque :
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Exemple de page de calques</title>
<style type="text/css">
<!--
#Couche1 {
position : absolue ;
gauche : 62 px ;
haut : 67 px ;
largeur : 421 px ;
hauteur : 188 px ;
indice z : 1 ;
}
-->
</style>
</tête>
<corps>
<div id="Couche1"></div>
</corps>
</html>
Vous pouvez définir les propriétés des couches supérieures de la page, notamment les coordonnées x et y, l'axe z (également appelé ordre d'empilement) et la visibilité. Pour plus d’informations, consultez Définition des préférences et des propriétés des calques.