Il s’agit ici de s’organiser !

Tout d’abord, téléchargez la maquette du site “Ratatouille & compagnie” et les éléments de découpe .

Le site “Ratatouille & compagnie” va nous servir de “cobaye” tout au long de cette formation.

Une fois la maquette téléchargée, vous devez l’analyser afin de concevoir la meilleure découpe possible.

Cette découpe vise à définir les principaux blocs fonctionnels qui serviront à créer le flux HTML ainsi que la CSS.

Il s’agit donc d’une approche “sémantique” de la maquette. A ce stade, vous devez déjà vous organiser pour “penser” votre CSS et savoir comment la structurer au mieux.

Les blocs fonctionnels sont :

• Entête
• Logo
• Accroche
• Naviagtion haute (”politique d’accessibilité”, etc.)
• Navigation rapide (ensemble d’encres invisibles utilisées par les non voyants)
• Navigation principale
• Navigation sercondaire
• Contenu
• Page d’accueil
• Page intérieure
• Pied de page
• Colophon