Un exemple d'intégration d'une maquette en page HTML/CSS

Le collectif Alsacréations nous gratifie d’un article très intéressant sur la démarche à suivre pour intégrer une maquette en page HTML/CSS. Si pour certains le passage des tableaux à la mise en page CSS est acquis, pour d’autres, il est toujours difficile de ne plus raisonner en “découpant” le design en case ou cellule mais plus par rapport au contenu du site.

Ainsi de grandes lignes se distinguent :

  • Partir du contenu
  • Définir les blocs de contenu
  • Positionner les différents blocs
  • Habiller les blocs
  • Mettre en forme le texte

Bien évidemment c’est une démarche personnelle et il y en a forcément d’autres des mieux voire des pires, mais celle-ci est très didactique et très complète.