menu

Formation Maîtrise des CSS

Soyez productifs dans vos projets CSS !

Public

Cette formation de deux journées s'adresse aux développeurs web et webdesigners utilisant au quotidien les styles CSS et souhaitant parfaire leurs compétences et de découvrir les secrets et techniques des CSS avancées pour un usage en production.

Objectifs

Exploiter CSS en production au sein d'un projet d'intégration. Maîtriser tout le potentiel de CSS2 (et un peu CSS3) ainsi que toutes les techniques concrètes avancées pour faciliter le quotidien : astuces, bonnes pratiques, conventions, méthodes de positionnement, sélectionnement, etc.

Pré-requis

Avoir suivi une formation telle que "Initiation HTML et CSS" ou être très familier avec le langage CSS, bien connaître les modes de positionnement classiques (float, position absolute, relative, fixed).
Cette formation avancée n'est pas du tout adaptée aux débutants en CSS.


Programme de la première journée : consolidation

  • Positionnement CSS : consolidation
    • Le modèle de boite
    • Le flux
    • Position absolute
    • Position fixed
    • Position relative
    • Float
    • Propriété clear
    • Overflow
    • Autres contextes de formatage "block"
    • Cumul des positionnements
  • Positionnement CSS avancé
    • La propriété display
    • Display : inline-block
    • Display : table
    • Le rendu par défaut des éléments
  • Optimisation et organisation
    • Bonnes pratiques générales (id ou classe, reset, ordre des déclarations)
    • Conventions (nommage, commentaires, mots-clés, sommaire)
    • Notion de CSS "réutilisable" (OOCSS, SMACSS, sémantique "visuelle")
    • Les frameworks CSS (960.gs, Blueprint, Twitter bootstrap, KNACSS)
    • Les préprocesseurs CSS (LESS, SASS / Compass)
    • Outils en ligne et logiciels

Programme de la deuxième journée : CSS avancées

  • Sélecteurs CSS "avancés"
    • Le sélecteur :first-child
    • Le sélecteur d'enfants
    • Le sélecteur d'adjacence
    • Le sélecteur d'attribut
  • Générer du contenu en CSS
    • Générer du contenu avec :before et :after
  • Priorité des sélecteurs CSS
    • poids des sélecteurs
    • la fonction !important
  • La fusion de marges en CSS
  • Exercices pratiques
    • Techniques avancées de positionnement
    • Sélecteurs avancés
    • Créer du contenu en CSS via :before et :after
    • Styler des infobulles en CSS
    • Gérer des liens externes et de téléchargement
    • Styler un formulaire
    • Styler un tableau de données
    • Bonus surprises

Important : Ce module de formation est totalement compatible avec la formation « CSS3 ».


Testez vos connaissances !

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

  • Avez-vous déjà rencontré des expressions telles que "p:first-child" ? Sauriez-vous l'expliquer ?
  • Avez-vous entendu parler des pseudo-éléments :before et :after ? Les avez-vous déjà utilisés ?
  • Avez-vous déjà entendu parlé de "poids" des sélecteurs CSS ?
  • Le concept de "fusion des marges" vous est-il connu ?
  • Avez-vous entendu parler des positionnements inline-block et table-cell ?
  • Avez-vous déjà rencontré le terme de "Haslayout" ?
  • Avez-vous des notions en "performances CSS" et en gestion de projet CSS ?

Toutes ces notions sont développées dans le module "CSS Avancées". 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, le module "Initiation HTML et CSS" serait peut-être plus approprié.


Avant-goût de la formation

Voici ci-dessous quelques captures des diaporamas présentés et expliqués durant la formation.

Imprimer la page PDF (61 Ko)
S'inscrire

Toutes nos formations

Envie de vous inscrire ?