Analyse de la structure d’'une page HTML5 avec Photoshop CC

Dans ce tuto Photoshop, le formateur va nous parler de la structuration d'une page HTML5.

L'ensemble des blocs utilisait la balise div et toute cette division ne distinguait pas les unes des autres. Maintenant, grâce au HTML5 on distingue une balise par types de blocs. Le header permet d'avoir un menu permanent. Le footer est un pied de page qui reste sur tout le site. L'élément main, qui n'est pas encore reconnu par tous les navigateurs, permet de contenir l'ensemble de la présentation. Les sections gardent tout ce qui est contenu du site. Le contenu peut être divisé en plusieurs blocs article qui pourra contenir des titres et des paragraphes.

L'élément navigation peut être répété à plusieurs endroits. Pour finir, l'élément aside permet de placer des contenus qui ont la même thématique que celle abordé dans la section. Nous allons essayer de structurer comme cela un site à l'aide de Photoshop et Dreamweaver.