Utilisation des "calques" ou "blocs" ou "div"

 

Utilités des calques

Les calques ont été créés par Netscape, mais ne sont pas intégrés aux standards HTML. De nombreux logiciels utilisent encore ce terme par analogie aux calques utilisés dans les logiciels de retouche photo. Leur but est de remplacer les tableaux pour la mise en page. Ils permettent de placer textes et images de façon beaucoup plus précises qu'avec un tableau. Il ne faudrait plus utiliser ce terme car on utilise maintenant les feuilles de styles pour positionner les éléments d'une page web avec précision. On parle plutôt de "bloc" ou de "div". Vous ne trouverez pas le mot "calque" dans Nvu.

Un bloc est un "rectangle" que l'on peut placer n'importe où sur la page. On peut écrire à l'intérieur de ce bloc, y mettre des images, des tableaux, ... Un bloc peut aussi avoir deux statuts : affiché ou invisible. Ce qui permet de faire des effets de textes ou d'images qui ne s'affichent que si on clique sur un bouton.

Cliquez ici pour faire apparaître la suite du texte.

 

La mise en page de ce document n'est pas faite avec des tableaux mais avec des blocs (ou "div", pour "diviseur"). Un bloc est utilisé pour le menu en haut de la page. Le menu de gauche est aussi dans un bloc, ainsi que le texte principal. Enfin il y a des blocs cachés comme celui que vous avez fait apparaître ci-dessus.

Insérer des blocs

Nvu permet d'insérer un bloc par le menu "Format, Paragraphe, Conteneur générique(div)". Dans d'autres logiciels, comme Dreamweaver, vous trouverez encore l'appelation "calque" dans le menu "Insérer, calque".

Mais la plupart du temps il vaut mieux insérer un bloc à l'aide d'une feuille de style. Nous verrons dans les chapitres "code source" et "feuilles de styles" comment insérer un bloc.

Les inconvénients des blocs

L'utilisation de blocs est assez récente et les navigateurs ne les utilisent pas de la même manière. L'affichage s'en ressent. En particulier Internet Explorer et Mozilla Firefox n'interprêtent pas de la même manière les instructions de bordure et de marge. On retrouve alors des affichages inattendus dans l'un ou l'autre navigateur !

En général, en évitant marges et bordures trop importantes, on arrive à un affichage correct dans les deux navigateurs.