Amigraf > Modules > Web > Code et intégration > Animer et dynamiser pour le web

Animer et dynamiser pour le web


Animer et dynamiser un site web par l’utilisation d’animations conçues via des langages, méthodes et outils d’actualité.

Durée : 13 jours

Public : Débutant

COMPÉTENCES VISÉES

Utiliser des animations conçues via des langages, méthodes et outils d’actualité

PUBLIC

Toutes personnes appelées à créer des animations vectorielles

PRÉ-REQUIS

Connaissances en HTML et CSS.

MÉTHODE PÉDAGOGIQUE

Stage théorique et pratique sur stations de travail professionnelles connectées à Internet, un stagiaire par poste. L’utilisation d’outils pédagogiques tels que le vidéoprojecteur et documents imprimés, permettra de faciliter compréhension et mémorisation. Evaluation en cours de formation pour valider les acquis

PROGRAMME

  • Animer quoi, comment ?
    • Pourquoi animer ?
    • Les différentes logiques d’animation
    • Les solutions techniques via langages, les outils dédiés
    • Leur positionnement les uns par rapport aux autres
    • Le choix de favoriser les apports du HTML 5 et CSS 3
  • Les structures CSS ; révision en contexte
    • Span, div, class…
    • Les déclarations composées
    • Les mécanismes et limitation d’héritages
    • Les sélecteurs du HTML 5
  • Animer avec HTML et CSS
    • Les préfixes « vendeurs »
    • Automatisation du préfixage par le
    • JavaScript
    • Transform, transition, keyframes
  • Animer et dynamiser
    • Comprendre les placements de bloc, maîtriser les
    • backgrounds pour créer des animations responsives et compatibles avec tous les navigateurs grâce aux transitions.
    • Gérer l’image par image avec les keyframes et dynamiser un site à l’aide d’actions javascript et des bibliothèque jquery :
    • Construction (position, display, flex)
    • Les sélecteurs (pseudo-class, pseudo-element,..)
    • Le responsive (media queries)
    • Les typos
    • Background image et vidéo
    • L’animation (transition, keyframes)
    • L’intégration Js et Jquery

ENVOYER LA FICHE FORMATION

    Contact