Formation CSS 3

Réussissez la mise en page de vos sites Web grâce au langage CSS3

Présentation de la formation

CSS3 est une évolution du CSS “Cascading Style Sheets”, un langage informatique utilisé sur Internet pour la mise en forme et la mise en page des de fichiers et de pages HTML : titrage, alignement, polices, couleurs, bordures, positionnement, arrière-plans, animations, transitions, transformations…etc

Outre de séparer le contenu HTML de la présentation des éléments, il permet grâce au mode responsif d’adapter au mieux vos contenus web, à tout utilisateur et à tout périphérique.

Chez ADN Academy, vous auriez l’occasion d’apprendre les bases de CSS3 avec l’accompagnement de nos meilleurs experts. Découvrez donc le contenu de la formation CSS3 pour embellir votre site web.

Programme de la formation

Objectifs pédagogiques

A l’issue de cette formation, qui s’adresse à tout public souhaitant débuter ou ayant besoin de rafraîchir leurs connaissances du CSS3, vous serez capable de:

  • Connaître la norme et la compatibilité du CSS3.
  • Apprendre les bases de la mise en page du site web.
  • Faire du graphisme avancé, des animations.
  • Faire du responsive web design.

Pré-requis

Afin de suivre la formation, il suffit d’avoir des connaissances en :

  • Environnement Windows ou Mac OS
  • Bureautique
  • HTML5

Contenu de la formation

Introduction

  • Le point sur les navigateurs et le support du CSS3
  • Les préfixes
  • @supports

Présentation des Sélecteurs et valeurs CSS3

  • Rappel des sélecteurs CSS2 et bonnes pratiques
  • Aussi Rappel sur les Pseudo-classes & pseudo-éléments
  • Enfin étude des Pseudo-classes pour les nouveautés HTML5
  • Valeurs dynamiques : calc()

Positionnement et intégration

  • Box-sizing
  • Flexbox
  • Grid

Les media-queries : Quelques notions pour le Responsive Web Design

  • S’adapter aux différentes tailles d’écran
  • Aussi S’adapter à l’orientation
  • Enfin le Viewport

Mise en page avancée

  • Colonnes
  • Region
  • Exclusion

Graphisme avancé

  • D’abord Utiliser les Polices personnalisées : @font-face
  • Couleurs, transparence et dégradés
  • Utiliser les Ombres
  • Aussi les Bordures arrondies et en image
  • Enfin les Arrière-plans multiples

Animations (sans Flash ni Javascript)

  • Utiliser les Transformations : rotation, zoom, translation et déformations
  • Aussi les Transitions : duréé, délais, accélaration…
  • Enfin les Animations autonomes : keyframes

Méthodes & moyens

Explications théoriques suivies de pratiques guidées puis mises en autonomie

  • 1 vidéoprojecteur par salle
  • 1 ordinateur par stagiaire

Profil du formateur

Nos formateurs sont certifiés à l’issue d’un parcours organisé par nos soins. Ils bénéficient d’un suivi de compétences aussi bien au niveau technique que pédagogique.

Devis

    captcha

    Formation Css3

    Infos Pratiques

    Durée : 2 jours
    Prix : A définir
    Lieu: A définir

    CONTACTEZ NOUS

      captcha

      Formations Planifiées Prochainement

      Comments are closed.