PDF (adobe.com)

A propos de la mise en page CSS

Une mise en page CSS utilise le format de feuilles de style CSS, au lieu de tables ou de cadres HTML traditionnels, pour organiser le contenu d'une page Web. Les éléments de base de la mise en forme CSS est la balise div : il s'agit d'une balise HTML qui, la plupart du temps, sert de conteneur pour du texte, des images et d'autres éléments de page. Lorsque vous créez une mise en forme CSS, vous placez des balises div dans la page, leur ajoutez du contenu et les positionnez en différents endroits. A la différence des cellules de tableau, qui ne peuvent exister qu'à l'intérieur de lignes et de colonnes d'un tableau, les balises div peut figurer n'importe où sur une page Web. Vous pouvez positionner des balises div de façon absolue (en indiquant des coordonnées x et y) ou de façon relative (en spécifiant leur distance par rapport à d'autres éléments de page).

La création de mises en forme CSS entièrement nouvelles peut s'avérer difficile car il existe de très nombreux moyens de procéder. Vous pouvez créer une mise en forme CSS simple à deux colonnes en définissant des éléments flottants, des marges, des remplissages et d'autres propriétés CSS dans un nombre de combinaisons quasi illimité. En outre, le problème de restitution sur différents types de navigateurs entraîne un affichage aléatoire de certaines mises en forme CSS qui sont correctement ou incorrectement restituées en fonction du navigateur utilisé. Dreamweaver vous permet de créer facilement des pages à l'aide de mises en forme CSS en fournissant plus de 30 mises en forme prédéfinies qui fonctionnent sur différents types de navigateurs.

L'utilisation de mises en forme CSS prédéfinies fournies avec Dreamweaver constitue la façon la plus simple de créer une page avec une mise en forme, mais vous pouvez également créer des mises en forme CSS à l'aide d'éléments à positionnement absolu (éléments PA) de Dreamweaver. Dans Dreamweaver, un élément PA est un élément de page HTML (plus précisément, une balise div ou toute autre balise) auquel une position absolue est attribuée. Toutefois, du fait de leur positionnement absolu, les éléments PA de Dreamweaver présentent l'inconvénient de ne jamais adapter leur position à la page en fonction de la taille de la fenêtre du navigateur.

Si vous êtes un utilisateur chevronné, vous pouvez également insérer des balises div manuellement et leur appliquer des styles de positionnement CSS pour créer des mises en page.

Pour accéder à un didacticiel relatif à la création de mises en page CSS, consultez le site Web de Adobe à l'adresse www.adobe.com/go/vid0155_fr.