HTML5 et CSS3, découvrir les nouveaux standards du web

HTML5 et CSS3, découvrir les nouveaux standards du web

Télécharger au format pdf Partager cette formation par e-mail 2

Télécharger au format pdf Partager cette formation par e-mail 2

Cette formation digitale a pour objectif de vous permettre d'acquérir des connaissances supplémentaires sur les langages HTLM5 et CSS3 et ainsi faire évoluer vos pratiques de création de sites web. Elle s'adresse à un public d'intégrateurs web souhaitant faire évoluer leurs créations et créer des sites web intégrant ces nouveaux standards ou toute personne ayant des connaissances en HTML4 et CSS 2.1. La pédagogie s'appuie sur un auto-apprentissage séquencé par actions de l’utilisateur sur l’environnement à maîtriser. Une option de tutorat vient renforcer l'apprentissage.


Catalogue
Sur mesure

Formation en ligne

Réf. 4HM
  2h45
Prix : Nous contacter
Langue : FR




Cette formation digitale a pour objectif de vous permettre d'acquérir des connaissances supplémentaires sur les langages HTLM5 et CSS3 et ainsi faire évoluer vos pratiques de création de sites web. Elle s'adresse à un public d'intégrateurs web souhaitant faire évoluer leurs créations et créer des sites web intégrant ces nouveaux standards ou toute personne ayant des connaissances en HTML4 et CSS 2.1. La pédagogie s'appuie sur un auto-apprentissage séquencé par actions de l’utilisateur sur l’environnement à maîtriser. Une option de tutorat vient renforcer l'apprentissage.

Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
  • Comprendre le langage HTML5 : nouvelle syntaxe, structure sémantique, formulaires interactifs, texte
  • Comprendre les CSS3 : nouveaux sélecteurs, texte, formulaires, mise en forme des conteneurs
  • Cerner les nouveaux effets de transformation, de transition et d'animation ainsi que l'insertion native du multimédia

Public concerné
Intégrateurs web souhaitant faire évoluer leurs créations et créer des sites web intégrant ces nouveaux standards HTML5 et CSS3 ou toute personne ayant des connaissances en HTML4 et CSS 2.1.

Prérequis
Posséder des connaissances en HTML4 et CSS 2.1.

Programme de la formation

Appréhender l'évolution de l'HTML et des CSS

  • L'évolution de l'HTML.
  • L'évolution des CSS.

Maîtriser la nouvelle syntaxe HTML5

  • La syntaxe de l'en-tête (doctype, document, encodage, script, style).
  • La syntaxe des éléments.
  • La syntaxe à adopter.

Connaître les éléments HTML5

  • Les éléments et attributs obsolètes.
  • Les nouveaux éléments.
  • Les nouveaux éléments liés au texte.
  • L'affichage des éléments.
  • Les nouveaux éléments de structure.
  • Deux exemples bien structurés.

Évoluer vers les CSS3

  • Les modules du W3C.
  • Les préfixes des navigateurs.
  • Le site Can I Use : utilisation des préfixes.

Connaître les nouveaux sélecteurs CSS3

  • Le module du W3C.
  • Le sélecteur adjacent général.
  • Le sélecteur d'attribut.
  • La pseudo-classe d'ancre.
  • Les pseudo-classes premier et dernier enfant.
  • Les pseudo-classes d'énième enfant.
  • Les pseudo-classes de type.
  • Les pseudo-classes des éléments seuls et vides.

Mettre en forme CSS3 avec des boîtes

  • La largeur des boîtes.
  • Le débordement du contenu.
  • Les couleurs d'arrière-plan.
  • Les coins arrondis.
  • Les bordures fantaisistes.
  • Les ombres portées.
  • Les dégradés.
  • Les arrière-plans multiples.
  • Les autres propriétés d'arrière-plan.

Utiliser l'HTML5 et les CSS3 pour le texte

  • Les éléments inutilisés, confus et redéfinis.
  • Les colonnes.
  • La coupure des mots.
  • La règle @font-face.
  • Les fontes Google.
  • Les tailles des polices.
  • Les ombres portées sur le texte.
  • La typographie avancée.

Utiliser l'HTML5 et les CSS3 pour les formulaires

  • Les nouveaux champs.
  • La validation des formulaires.
  • L'aide à la saisie.
  • Les pseudo-classes CSS, premier exemple.
  • Les pseudo-classes CSS, deuxième exemple.

Maîtriser les transformations, les transitions et animations CSS3

  • Les transformations : le module du W3C et l'état des lieux.
  • Les transformations.
  • L'exemple d'un menu.
  • L'exemple d'une galerie d'images.
  • Les transitions : le module du W3C et l'état des lieux.
  • Le déplacement d'un élément.
  • La cinétique des transitions.
  • Les transitions multiples.
  • L'exemple d'un diaporama.
  • Les animations : le module du W3C et l'état des lieux.
  • Le déplacement infini d'un élément.
  • L'animation avec une rotation et une transparence.
  • Le clignotement d'un élément.

Insérer du multimédia en HTML5

  • L'insertion de l'audio.
  • L'insertion de la vidéo.


Modalités pratiques
Activités digitales
Démonstrations, cours enregistrés, partages de bonnes pratiques, quiz, fiches de synthèse.
Tutorat
Un formateur dédié accompagne l’apprenant dès le début du parcours. Il échange avec lui sur ses pratiques et répond à ses interrogations lors d’un rendez-vous individuel en classe à distance. Il l’aide tout au long du parcours par email. Un forum de discussion permet aussi à l’ensemble des apprenants d’échanger et de partager leurs expériences.
Pédagogie et pratique;
Pédagogie active mixant pratique, théorie, gamification et partages. Un chef de projet coordonne les échanges et un service technique est dédié au support de l’apprenant. La formation est diffusée au format SCORM et accessible en illimité pendant 1 an.

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétence acquises.

Solutions de financement
Pour trouver la meilleure solution de financement adaptée à votre situation : contactez votre conseiller formation.
Il vous aidera à choisir parmi les solutions suivantes :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.