01 56 59 33 00
united-kingdom

HTML 5 CSS 3 PERFECTIONNEMENT

2-H5-PERF
2-H5-PERF
Durée : 2 jour(s)
soit 14 heures
Prix : 900 €
Programmes
HTML – Rappels sur la structuration d’une page
  • Balises span et div
  • Les sections logiques d’une page
  • Les balises block et inline
  • Propriété CSS display
  • Définir la largeur, la hauteur et l’alignement
  • Définir les bordures
  • Définir les marges externes et internes
CSS – Les sélecteurs et les pseudos-classes évoluées
  • Rappels sur les sélecteurs courants
  • Rappels sur les pseudos-classes courantes
  • Les pseudos-classes évoluées
  • CSS pour réaliser un compteur
  • CSS pour créer du contenu
CSS – Les média-queries
  • Les propriétés d’affichage
  • Propriété CSS visibylity
  • La fonction calc() et la propriété min – max
Mise en pratique – Ecriture d’une page qui s’adapte automatiquementPositionnement des éléments
  • Positionnement des éléments
  • Les positions absolues, relatives et fixes
  • Les éléments flottants
  • Utilisation de top, bottom, left, right
Gérer les scrollers dans ma structure
  • Propriété CSS overflow
  • Mettre en place un effet parallaxe dans une page
Mise en pratique – Utilisation d’un effet parallaxeCSS – Transformation
  • CSS – Transformation
  • Gérer la position x et y
  • Modifier la taille proportionnellement
  • Rotation
  • Déformation
Mise en pratique – Mise en page polaroidCSS – Transition
  • CSS – Transition
  • Les propriétés visées par la transition
  • La durée et le délai de déclenchement
CSS – Animation
  • Définir une animation
  • Appliquer une animation
Mise en pratique – Faire un sliderMise en pratique – Apparition d’étiquette au survol d’un élément
  • Mise en pratique – Apparition d’étiquette au survol d’un élément
Objectifs
Comprendre le positionnement des éléments dans une page.
Modifier dynamiquement l’apparence d’une page par rapport au périphérique de consultation. Utiliser les transformations et animations.
Prérequis
Des connaissances en HTML et CSS sont nécessaires
Profil des participants
Toute personne désirant créer des sites Internet
Dates des prochaines sessions :
Du 10 au 11 Janvier 2022
Du 07 au 08 Mars 2022
Du 24 au 25 Mai 2022
Du 06 au 07 Septembre 2022
Du 14 au 15 Novembre 2022
Comprendre le positionnement des éléments dans une page.
Modifier dynamiquement l’apparence d’une page par rapport au périphérique de consultation. Utiliser les transformations et animations.
HTML – Rappels sur la structuration d’une page
  • Balises span et div
  • Les sections logiques d’une page
  • Les balises block et inline
  • Propriété CSS display
  • Définir la largeur, la hauteur et l’alignement
  • Définir les bordures
  • Définir les marges externes et internes
CSS – Les sélecteurs et les pseudos-classes évoluées
  • Rappels sur les sélecteurs courants
  • Rappels sur les pseudos-classes courantes
  • Les pseudos-classes évoluées
  • CSS pour réaliser un compteur
  • CSS pour créer du contenu
CSS – Les média-queries
  • Les propriétés d’affichage
  • Propriété CSS visibylity
  • La fonction calc() et la propriété min – max
Mise en pratique – Ecriture d’une page qui s’adapte automatiquementPositionnement des éléments
  • Positionnement des éléments
  • Les positions absolues, relatives et fixes
  • Les éléments flottants
  • Utilisation de top, bottom, left, right
Gérer les scrollers dans ma structure
  • Propriété CSS overflow
  • Mettre en place un effet parallaxe dans une page
Mise en pratique – Utilisation d’un effet parallaxeCSS – Transformation
  • CSS – Transformation
  • Gérer la position x et y
  • Modifier la taille proportionnellement
  • Rotation
  • Déformation
Mise en pratique – Mise en page polaroidCSS – Transition
  • CSS – Transition
  • Les propriétés visées par la transition
  • La durée et le délai de déclenchement
CSS – Animation
  • Définir une animation
  • Appliquer une animation
Mise en pratique – Faire un sliderMise en pratique – Apparition d’étiquette au survol d’un élément
  • Mise en pratique – Apparition d’étiquette au survol d’un élément
Toute personne désirant créer des sites Internet
Des connaissances en HTML et CSS sont nécessaires

Formateur expert dans le domaine

  • 1 ordinateur par stagiaire, 1 support de cours par stagiaire (version papier ou numérique), 1 stylo et un bloc-notes par stagiaire
  • Vidéoprojecteur et tableau blanc
  • Feuille d’émargement à la demi-journée, questionnaire de satisfaction stagiaire, évaluations des acquis tout au long de la formation, attestation de stage
  • Éligible au CPF avec passage de certification TOSA ou PCIE (en option)

En amont de la formation

  • Audit par téléphone par nos commerciaux et formateurs
  • Tests d’auto-positionnement avant l’entrée en formation par le biais de questionnaire

Au cours de la formation

  • Exercices pratiques et mises en situation professionnelle pour valider la compréhension de chaque notion abordée dans le programme de cours.

En fin de formation

  • Validation des acquis par le formateur ou via un questionnaire renseigné par les stagiaires
  • Evaluation qualitative par les participants à l’issue de la formation via un questionnaire de satisfaction accessible en ligne
  • Une attestation de fin de formation reprenant les objectifs de formation est également remise aux stagiaires puis signée par le formateur

Modalités d’inscription

  • Inscription possible jusqu’à la veille de la formation, sous réserve de places disponibles, en nous contactant au 01 56 59 33 00 ou par mail formation@sii.fr

Modalités particulières

  • Nos formations sont accessibles aux personnes en situation de handicap. Renseignez-vous auprès de notre référente handicap au 01 56 59 33 00 ou par mail pedagogie@sii.fr
Du 10 au 11 Janvier 2022
Du 07 au 08 Mars 2022
Du 24 au 25 Mai 2022
Du 06 au 07 Septembre 2022
Du 14 au 15 Novembre 2022

Réservez votre formation

Que cherchez-vous ?