Formation

CSS Perfectionnement

Cette formation de deux journées s'adresse aux développeurs web et webdesigners ayant envie de consolider leurs connaissances au sujet de la mise en page à l'aide des styles CSS.

Objectif

Savoir réaliser une conception de pages web en CSS de façon totalement autonome, sans éditeur WYSIWYG ni tableaux de mise en page.

A la fin de la formation, vous êtes capable d'utiliser les feuilles de styles CSS dans la production de documents web conformes aux normes internationales W3C et de maîtriser le positionnement CSS et les différences de rendu entre les navigateurs.

Pré-requis : être déjà familier avec le langage (X)HTML et les bases CSS : connaître les balises, les attributs et les propriétés communes.

Programme de la première journée

Les styles CSS en pratique
- Un peu de généalogie
- Les sélecteurs CSS classiques (élément, descendant, classe, identifiant)
Le positionnement en CSS
- Le rendu par défaut des éléments (bloc, en-ligne)
- Les éléments (x)HTML usuels
- Comprendre le modèle de boîte
- Les schémas de positionnement (dans le flux, absolu, fixé, relatif, flottant)
- Gérer les flottements avec la propriété clear
Travaux pratiques : mise en œuvre d'un design complet en CSS
- Méthodologie
- Structure XHTML
- Mise en page CSS (entête, menu, contenu, formulaire, pied de page)
- Spécificités (page fluide et centrée sur l'écran, cadres arrondis, boutons graphiques avec effets de survol)

Programme de la deuxième journée

Les standards du Web, état des lieux
- Introduction : Le "cas" Internet Explorer
- L'état de conformité des versions IE6, IE7, IE8, IE9 et IE10
Résolution de bugs et compatibilité
- Le poids et la priorité des sélecteurs
- Les "hacks" CSS
- Les commentaires conditionnels
- Concept de Haslayout
- Méthodologie de résolution de bugs
- Exercices concrets : Firebug et IEtester
Sélecteurs CSS avancés
- Les "nouveaux" sélecteurs CSS2.1 (enfant, adjacent, attribut)
- Les pseudo-éléments (:first-child)
Optimisation et performances
- Bien gérer un projet CSS (nommage, commentaires, ordre)
- Performances (reset, frameworks, sprites, compressions)
- Outils en ligne et logiciels

Important : Ces deux journées de formation sont totalement compatibles avec la formation « CSS Avancées et Mobilité ». Il est d'ailleurs prévu que les deux modules soient successifs et il vous est parfaitement possible - voire conseillé - de suivre une formation globale "Perfectionnement et CSS avancées".

Testez vos connaissances !

Evaluez votre niveau vis à vis de cette formation, à l'aide de notre mini questionnaire dédié.

Connaissez-vous plus de 5 balises HTML ?
Connaissez-vous plus de 5 propriétés CSS ?
Connaissez-vous la signification des sélecteurs "class" et "id" ?
Avez-vous déjà employé l'une de ces déclarations suivante : "position: absolute", "position: relative", "position: fixed" ?
Connaissez-vous le positionnement flottant (float) ? L'avez-vous déjà employé ?
Sur quels éléments peut-on appliquer la déclaration "float: left" ?
Avez-vous entendu parler de la notion de "flux" ?
Connaissez-vous la propriété "clear" ?

Toutes ces notions sont développées dans le module "CSS Perfectionnement". Si vous ne maîtrisez pas tous les concepts évoqués, alors cette journée est faite pour vous !
Par contre, si tous ces points vous sont totalement étrangers, la formation Perfectionnement ne vous sera peut-être pas appropriée.

menu