De nombreux sites utilisent des mises en forme à partir de tableaux pour afficher des informations sur leurs pages. Les tableaux sont utiles pour présenter des tonnées tabulaires (comme des lignes et colonnes d'éléments répétitifs) et sont très faciles à créer sur une page. Mais les tableaux ont tendance à engendrer une grande quantité de code qu'il est difficile de lire et de maintenir. En outre, en raison de la quantité de balises nécessaires et des possibilités d'« imbrication », ils peuvent causer des difficultés aux personnes diminuées qui utilisent des lecteurs d'écrans pour visualiser les pages Web.
Une mise en forme créée à partir de CSS, c'est à dire une mise en forme qui fait appel à des éléments de bloc plutôt qu'à des lignes et des colonnes, contient beaucoup moins de code qu'un processus de même nature à base tabulaire. Ces mises en forme CSS utilisent généralement des balises <div> plutôt que des balises <table> pour créer des blocs. Vous pouvez disposer ces blocs n'importe où sur la page et leur affecter des propriétés telles que bordures, marges, couleurs d'arrière-plan, etc. De plus, les personnes qui utilisent des lecteurs d'écran pour visualiser des pages Web ont davantage de facilité pour naviguer dans les pages construites avec CSS étant donné que le code est plus simple et moins volumineux.
Dreamweaver vous permet de créer des calques. Un calque est un élément de page HTML que vous pouvez placer à l'endroit de votre choix sur la page. Plus précisément, il s'agit d'une balise <div> (ou toute autre balise) dans un endroit déterminé.. Vous utilisez Dreamweaver pour faire glisser des calques sur votre page en vue de les positionner où vous voulez. Ils agissent comme des blocs de contenu qui contiennent des actifs comme des images, des fichiers Flash, du texte, etc.
Les calques Dreamweaver sont des éléments qui occupent un positionnement absolu. Autrement dit, leur position est fixée par rapport à la marge supérieure et à la marge gauche de la page. Il n'est pas possible de créer une mise en forme CSS avec des calques et puis de centrer le contenu de la page. De ce fait, la mise en forme dans ce didacticiel est légèrement différente que celle créée au Didacticiel : Création d'une mise en forme de page basée sur un tableau.
Pour plus d'informations sur les calques Dreamweaver, voir Mise en forme des pages avec les styles CSS dans Utilisation de Dreamweaver.