Le développement web client avec HTML5 et CSS3

TOP
NEW
CPF

Dernière mise à jour : 17 juillet 2023

ENI

Acquérir les compétences essentielles en développement web Front End avec notre formation en ligne en HTML5 et CSS3.
Destinée aux développeurs souhaitant maîtriser les principes de base et les bonnes pratiques en matière de création de pages web, notre cours offre un apprentissage approfondi de HTML, CSS, la mise en forme de contenu, le positionnement, la création de formulaires et plus encore.
En suivant cette formation, vous pourrez créer des pages HTML avec divers éléments, intégrer du contenu multimédia, et développer des pages Web accessibles.
Accédez à votre rythme pendant 3 mois et bénéficiez d’une assistance technique et pédagogique illimitée.

Objectifs pédagogiques


  • Créer une page HTML avec des éléments simples (texte, images, listes, liens)
  • Mettre en forme le contenu de la page en CSS
  • Définir des règles de positionnement du contenu
  • Créer et mettre en forme des formulaires de saisie
  • Créer et mettre en forme un tableau de données
  • Intégrer du contenu multimédia
  • Intégrer les bonnes pratiques de conception pour créer des pages Web accessibles

Public concerné


Informaticiens

Prérequis


Pas de prérequis.

Programme détaillé


Présentation du cours

Introduction

  • Objectifs du module
  • Préambule
  • Internet
  • Web
  • Démonstration - Premier site web
  • Évolution du Web
  • Définitions
  • Outils
  • Démonstration - Installation de Visual Studio Code
  • Conclusion

HTML, sémantique et structure

  • Objectifs du module
  • Introduction
  • Démonstration - Utilisation de CanIUse
  • Démonstration - Exploration d'un site avec les outils des navigateurs
  • Généralités du langage HTML5
  • Doctype
  • Balise
  • Balise
  • Démonstration - Structure de base
  • Balise
  • Démonstration - Eléments structurants du body
  • Texte - Partie 1
  • Démonstration - Titres
  • Texte - Partie 2
  • Démonstration - Paragraphes
  • Texte - Partie 3
  • Démonstration - Mise en valeur du texte
  • Tableau
  • Démonstration - Tableaux
  • Maquettage
  • TP à réaliser
  • Correction du TP
  • Conclusion

Le contenu multimédia

  • Objectifs du module
  • La balise
  • Les polices d'icônes
  • Les contenus audio et vidéo
  • TP à réaliser
  • Correction du TP
  • Conclusion

Les bases du CSS

  • Objectifs du module
  • Introduction
  • Mise en place externe du CSS
  • Démonstration - Mise en place externe
  • Mise en place interne du CSS
  • Démonstration - Mise en place interne
  • Mise en place inline
  • Démonstration - Mise en place inline
  • Recommandations
  • Syntaxe CSS
  • Sélecteurs
  • Démonstration - Sélecteurs
  • Convention de nommage
  • TP à réaliser
  • Propriétés CSS
  • TP à réaliser
  • Cascade et spécificité
  • Démonstration - Spécificité
  • TP à réaliser
  • Héritage
  • Démonstration - Héritage
  • TP à réaliser
  • Correction du TP
  • Conclusion

La navigation

  • Objectifs du module
  • Liens
  • Démonstration - Les liens
  • Fil d'Ariane
  • Listes
  • Démonstration - Listes
  • TP à réaliser
  • Correction du TP
  • Conclusion

Les unités de mesure

  • Objectifs du module
  • Types d'unités
  • Unités absolues
  • Unités relatives
  • Fonctions
  • Bon usage des unités
  • Démonstration - Les unités
  • TP à réaliser
  • Correction du TP
  • Conclusion

Le positionnement des éléments

  • Objectifs du module
  • Introduction
  • Float
  • Démonstration - Float
  • Display
  • Démonstration - Display
  • Position
  • Démonstration - Position
  • Flex
  • Démonstration - Flex
  • TP à réaliser
  • Correction du TP
  • Conclusion

La responsivité

  • Objectifs du module
  • Introduction
  • Tailles d'écran
  • Comment procéder ?
  • Média Queries
  • Démonstration - Media Queries
  • TP à réaliser
  • Correction du TP1
  • Correction du TP2
  • Conclusion

Les formulaires

  • Objectifs du module
  • Introduction
  • Champ texte
  • Champ nombre
  • Champ date et heure
  • Champ choix
  • Boutons
  • Ergonomie
  • Démonstration - Formulaires
  • Sécurité
  • TP à réaliser
  • Correction du TP
  • Conclusion

Framework CSS

  • Objectifs du module
  • Introduction
  • Minification
  • TP à réaliser
  • Bootstrap
  • Démonstration - Bootstrap (partie 1)
  • Démonstration - Bootstrap (partie 2)
  • Démonstration - Bootstrap (partie 3)
  • TP à réaliser
  • Correction du TP
  • Conclusion

Préprocesseurs SASS

  • Objectifs du module
  • Introduction
  • Installation
  • Utilisation
  • Variables
  • Démonstration - Variables
  • Modules et Partials
  • Démonstration - Partials
  • Mixins
  • Démonstration - Mixins
  • Héritage
  • Démonstration - Héritage
  • Opérateurs
  • Conditions
  • Boucles
  • Démonstration - Opérateurs, boucles et conditions
  • Fonctions
  • Démonstration - Fonctions
  • TP à réaliser
  • Correction du TP - Partie 1
  • Correction du TP - Partie 2
  • Correction du TP - Partie 3
  • Conclusion

Certification


Cette formation permet de passer la certification ENI Créer et mettre en forme des pages web (HTML5 et CSS3)

Modalités et moyens pédagogiques, techniques et d'encadrement


Formation avec un formateur, qui peut être suivie selon l'une des 3 modalités ci-dessous :

1 - Dans la salle de cours en présence du formateur.

2 – Dans l'une de nos salles de cours immersives, avec le formateur présent physiquement à distance. Les salles immersives sont équipées d’un système de visio-conférence HD et complétées par des outils pédagogiques qui garantissent le même niveau de qualité.

3 – Depuis votre domicile ou votre entreprise. Vous rejoignez un environnement de formation en ligne, à l'aide de votre ordinateur, tout en étant éloigné physiquement du formateur et des autres participants. Vous êtes en totale immersion avec le groupe et participez à la formation dans les mêmes conditions que le présentiel. Pour plus d'informations: Le téléprésentiel – notre solution de formation à distance.

Le nombre de stagiaires peut varier de 1 à 12 personnes (5 à 6 personnes en moyenne), ce qui facilite le suivi permanent et la proximité avec chaque stagiaire.

Chaque stagiaire dispose d’un poste de travail adapté aux besoins de la formation, d’un support de cours et/ou un manuel de référence au format numérique ou papier (pour les sessions inter-entreprises, dans le cas où le support de cours officiel est en anglais, nous offrons en complément, s’il existe, un ouvrage de référence des Editions ENI au format numérique rédigé en français).

Pour une meilleure assimilation, le formateur alterne tout au long de la journée les exposés théoriques, les démonstrations et la mise en pratique au travers d'exercices et de cas concrets réalisés seul ou en groupe.

Modalités d'évaluation des acquis


En début et en fin de formation, les stagiaires réalisent une auto-évaluation de leurs connaissances et compétences en lien avec les objectifs de la formation. L'écart entre les deux évaluations permet ainsi de mesurer leurs acquis.

En complément, pour les stagiaires qui le souhaitent, certaines formations peuvent être validées officiellement par un examen de certification. Les candidats à la certification doivent produire un travail personnel important en vue de se présenter au passage de l'examen, le seul suivi de la formation ne constitue pas un élément suffisant pour garantir un bon résultat et/ou l'obtention de la certification.

Pour certaines formations certifiantes (ex : ITIL, Prince2, DPO, …), le passage de l'examen de certification est inclus et réalisé en fin de formation. Les candidats sont alors préparés par le formateur au passage de l'examen tout au long de la formation.

Moyens de suivi d'exécution et appréciation des résultats


Feuille de présence, émargée par demi-journée par chaque stagiaire et le formateur.

Evaluation qualitative de fin de formation, qui est ensuite analysée par l'équipe pédagogique ENI.

Attestation de fin de formation, remise au stagiaire en main propre ou par courrier électronique.

Qualification du formateur


La formation est animée par un professionnel de l'informatique et de la pédagogie, dont les compétences techniques, professionnelles et pédagogiques ont été validées par des certifications et/ou testées et approuvées par les éditeurs et/ou notre équipe pédagogique. Il est en veille technologique permanente et possède plusieurs années d'expérience sur les produits, technologies et méthodes enseignés. Il est présent auprès des stagiaires pendant toute la durée de la formation.

FORMATIONS ASSOCIÉES