Créer des bannières avec HTML5, JavaScript et CSS3

Objectifs

Cette formation vous permet de développer des bannières au format standard HTML sans avoir besoin de bibliothèques externes (JQuery, Edge, etc...). Vous pourrez développer des bannières conformes aux spécifications et contraintes des régies on-line.

Public

Intégrateurs, développeurs

Durée

21 heures en présentiel sur 3 jours

Pré-requis

Avoir une bonne maîtrise de HTML, CSS3 et JavaScript.

Formateur

Formateur expérimenté, développeur de site Web.

Méthode pédagogique

8 participants maximum, un poste par stagiaire et un support de cours est remis en fin de stage. La formation est constituée d'apports théoriques, de démonstrations et de mises en pratique basées sur des exercices.

Modalité de validation des acquis

Évaluation en ligne des acquis via un questionnaire. Attestation de fin de stage.

Déroulé

Rappel CSS

  • Les sélecteurs CSS3
  • Pseudo-classes de sélection
  • Pseudo-élément de sélection
  • Sélecteur d'attributs
  • Calculer le poid d'un sélecteur
  • Les fonctions calc et attr

Couleurs et effets

  • Couleurs & transparence
  • Dégradés
  • Bords arrondis
  • Ombre
  • Arrière-plans multiples
  • Masques
  • Filtres

Transformation & animations

  • Transformations 2D et 3D: rotation, redimensionnement, déformation.
  • Transitions sur les propriétés
  • Animations avec la règle @keyframes et le module animation

L'API Canvas avec JavaScript

  • L'élément Canvas
  • Présentation de L'API
  • Création des formes
  • Dessiner avec les chemins
  • Les fonctions de transformation
  • Importer et manipuler des bitmaps
  • Créer des motifs
  • Les ombres
  • Gestion du texte
  • Les masques
  • Les compositions
  • Animation et principes pratiques
  • Optimiser le canvas