Aucun

Objectifs

Cette formation s'adresse aux développeurs qui souhaitent acquérir les bonnes bases et les bonnes pratiques pour développer des pages web à l'aide du langage HTML et des feuilles de style CSS.

Déroulement de la formation

Il s'agit d'une formation e-learning accessible pendant 3 mois.

Le portail de formation, donne accès à votre parcours de formation composé :

• Des vidéos de la formation, organisées en modules et en séquences découpées le plus finement possible, en suivant le programme pédagogique
• Des fiches de démonstrations vous permettant de reproduire les démonstrations réalisées par le formateur dans les vidéos
• Des quiz de validation des connaissances acquises
• D'une plateforme de travaux pratiques en ligne, contenant l'environnement technique nécessaire à la réalisation de l'ensemble des exercices pratiques
• Des énoncés des exercices à réaliser, et des corrigés détaillés
• D'un livre numérique faisant office d'ouvrage de référence sur le thème de la formation

Pendant votre formation : Vous bénéficiez d'une assistance technique et pédagogique illimitée par mail.

Après votre formation (en option à l'achat, consultez-nous) : Accès à la bibliothèque numérique pendant 1 an. Vous continuez à vous former en accédant en illimité à plus de 1200 livres et vidéos.

HTML5 et CSS3 – Développement web client

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

Une formation réussie est une formation certifiée !

Validez et mettez en valeur les compétences acquises en passant la certification officielle  Créer et mettre en forme des pages web (HTML5 et CSS3). Enregistrée au Répertoire Spécifique et validée par les autorités compétentes, elle garantit un haut niveau de qualité et de reconnaissance.

Les atouts d'une formation certifiée

• Bénéficier d'une reconnaissance professionnelle et officielle de votre montée en compétence
• Reconnaître vos acquis et sécuriser votre parcours professionnel
• Faciliter votre mobilité professionnelle dans et en dehors de votre entreprise

Une formation ne s'arrête pas à la certification

Votre formateur sera à votre écoute pour vous conseiller sur votre prochaine formation : mise à jour de vos compétences, approfondissement, formation avec un formateur, formation à un autre logiciel…

Se former, c'est progresser à chaque moment de sa vie !

Nos formations sont accessibles aux personnes en situation de handicap. Afin de nous permettre d'organiser le déroulement de la formation dans les meilleures conditions possibles en effectuant les aménagements nécessaires, contactez-nous.