Formation développement Web avec HTML5 et CSS3
Certification technique HTML5 et CSS3 | Certificateur : ENI | Date d'enregistrement : 25-01-2023
Besoin d’adapter cette formation à vos besoins ?
N’hésitez pas à nous contacter afin d’obtenir un devis sur mesure !
Formation créée le 27/03/2024. Dernière mise à jour le 29/10/2024.
Version du programme : 1
Programme de la formation
Le HTML et le CSS sont la première étape dans l’apprentissage du Web. Ils sont utilisés partout et continueront à l'être car ils font partie des trois langages qu’un navigateur Web comprend. Quel que soit votre projet web (blog, site e-commerce, application mobile, etc.), vous devrez forcément utiliser du HTML et du CSS. Le certificat créer et mettre en forme des pages web (HTML5 et CSS3) permet de reconnaître vos compétences à créer et mettre en forme une page web, adaptée aux différents devises et accessibles aux différents publics, à l’aide des balises du HTML5 et du CSS3. Cette formation vous montrera comment coder en HTML et CSS à partir de zéro et, savoir créer et mettre en forme les sites web dynamiques en partant des principes fondamentaux aux sujets avancés.
Objectifs de la formation
- Apprenez HTML 5 et HTML
- Mettre en forme le contenu de la page en CSS
- Réalisez des mises en page complexes
- 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.
- Construisez des pages totalement responsives qui fonctionnent sur tablettes et mobiles.
- Comprenez comment fonctionne les derniers modules CSS comme les boites flexibles et les grilles
Profil des bénéficiaires
Pour qui
- Toute personne étant amenée avoir des compétences en HTML et CSS pour créer des pages web comme les webmasters,
- Toute personne réalisant et maintenant des sites web à l’aide d’un CMS (Content Management System) comme WordPress, Joomla! ou Drupal et les développeurs web et web mobile
Prérequis
- Connaissances de bases en informatique et web.
- Un bon navigateur et une connexion Internet stable sont nécessaires pour tester les sites Web que vous créez
- Un éditeur de code comme Visual Studio Code, Atom, Sublime Text ou NotePad est également utile pour écrire et formater le code
Contenu de la formation
-
Introduction à HTML5 et mise en place
- Comprendre la différence entre HTML et CSS
- Caractéristiques de HTML5
- Avantages de l'utilisation de HTML5
- Comment le HTML5 est-il utilisé ?
- Les éditeurs HTLM5
- Télécharger et installer l'éditeur : ex. code.visualstudio.com
- Créez un lien hypertexte en HTML
-
Structure d'un fichier HTML5
- Les Bases HTML
- Structure d'un fichier HTML5
- Structure des fichiers et dossiers
- Créer un fichier HTML5
-
Les éléments de base du HTML5
- Balise d'en-tête en HTML
- Balises de citation et de référence HTML5
- Commenter le code en HTML5
- Attributs HTML5
- Styliser en HTML5
-
Exploration des balises HTML5
- Les balises d'ancrage
- Les balises d'image
- Les balises de paragraphe
- Les balises de rupture
- Les balises de table
- Les Balises de liste
- Les Balises vidéo
- Les Balises audio
- Insérer des médias dans une page
- Rendre la page accessible grâce aux balises
-
Construire un formulaire
- Balises de formulaire
- L'entrée Types
- Attributs de saisie supplémentaires (Min, max, multiple et placeholder)
- Entrées obligatoires
- Eléments en bloc
- Créer l'interactivité avec les formulaires
-
Introduction à CSS3
- Syntaxe de CSS3
- Utilisations de CSS3
- Types de CSS3
- Sélecteurs CSS
-
Propriétés de base de CSS3
- Arrière-plan
- Bordures
- Contour
- Hauteur et largeur
- Marge et remplissage
-
Propriétés typographiques de CSS3
- Alignement du texte
- Décoration du texte
- Transformation du texte
- Espacement du texte
- Famille de polices
- Mise en forme texte et paragraphe
- Agencez le contenue de vos pages
- Gérer la mise en forme avec les feuilles de styles CSS3
-
Mettre en forme les pages web avec CSS3
- Intégrez le CSS dans la page HTML
- Changez l'apparence du texte
- Ajoutez de la couleur et un fond
- Créez des apparences dynamiques
-
Propriétés des sélecteurs en profondeur de CSS3
- Affichage
- Positions
- Z-index
- Débordement
- Éléments flottants
- Sélecteurs avancés
- Pseudo-classes partie 1
- Pseudo-classes partie 2
- Pseudo-éléments
- Responsive design
- TP : Créer des pages responsive
-
Fonctions supplémentaires en CSS3
- Opacité important
- Rayon de Bordure
- Ombre de boîte
-
Conception réactive
- Système de grille
- Flexbox
- Requêtes média
-
Mini projet
- Construisez votre CV responsive
Équipe pédagogique
Formateurs certifiés et diplômés de l'enseignement supérieur | Ingénieur pédagogique multimédia.
Suivi de l'exécution et évaluation des résultats
- Les formations sont proposées aux groupes ou de manière totalement personnalisée : le centre s'adapte aux contraintes de l'utilisateur (le soir, le week-end). Cette prise en compte favorise bien entendu l'engagement.
- Pédagogie basée sur des échanges, des exemples, des exercices pratiques et une évaluation tout au long de la formation.
- TÉLÉ-PRÉSENTIEL| SYNCHRONE
- Feuilles de présence numérique.
- Une salle de visio-conférence persistante dans la session est créée pour l'entre aide organisée ou spontanée entre apprenants, des travaux de groupe.
- E-LEARNING | ASYNCHRONE | ÉVALUATIONS
- Une évaluation de préformation pour déterminer le niveau de départ de l'apprenant (Sur la plate-forme).
- Outil Extranet permet un suivi de la formation : objectifs du jour atteints / non atteints / encours ; cet espace facilite aussi la coordination entre formateurs et le lien avec le stagiaire. Il dispose d'un outil de livret de suivi pédagogique individualisé.
- Les évaluations à chaud et à froid permettent de mesurer l'atteinte des objectifs jugés par les différentes parties prenantes : stagiaires, managers des stagiaires, clients, formateurs, financeurs.
- La plateforme e-learning fournit des outils d'alerte qui entraînent le rappel du stagiaire pour savoir si tout se passe bien.
- Les évaluations et quiz numériques permettent de mesurer l'atteinte des objectifs.
- La durée et le rythme de progression des modules e-learning est basé sur la liberté et l'autonomie de l'apprenant. L'apprenant peut suivre un module partiellement ou dans sa globalité. S'il ne termine pas un module et qu'il le reprend par la suite, il a accès à sa barre de progression lui indiquant les activités qu'il lui reste à effectuer pour achever son module.
Ressources techniques et pédagogiques
- Le système de microphone et visio-conférence haute définition permet d’être en immersion complète avec la salle, d’interagir naturellement avec son formateur et de travailler sur différents projets avec les autres apprenants.
- Ordinateur avec connexion Internet ; Sublime Text ; Notepad++, VisualStudio, ect.
- Les formations proposées sont aussi consultables sur smartphone, afin d'offrir aux personnes des facilités de consultation (mobilité et accessibilité sont privilégiées).
- TÉLÉ-PRÉSENTIEL | SYNCHRONE | 25H
- Une salle de visio-conférence Teams, pour accueillir les stagiaires avec l'utilisation des Break-Out-room (salles de réunion) pour gérer des groupes
- Documents supports de formation projetés et disponibles sur la plateforme de formation Teams.
- Apports théoriques, échanges, partages d'expériences, démonstrations, travaux dirigés et cas pratiques.
- Mise à disposition en ligne sur une plate-forme de formation des documents supports pendant et après la formation.
- E-LEARNING | ASYNCHRONE |SUPPORTS | TP | 3H
- Des modalités pédagogiques innovantes (social learning, possibilité de re-visionner les cours).
- Plateforme e-learning avec dans un 1er temps l'accompagnement d'un formateur
- Vidéos d'animation, documents pédagogiques, Liens vers des sites ressources.
- Les supports sont disponibles pendant et après la formation pour révision.
Qualité et satisfaction
Satisfactions
Modalités de certification
Résultats attendus à l'issue de la formation
- Validation et certification des compétences du candidat à construire des pages web statiques avec un langage de balises et à les mettre en forme avec une feuille de style. À la fin de l'évaluation, un score de 0 à 1000. La certification est obtenue si le candidat obtient 700 points minimum sur 1000.
Modalité d'obtention
- Vous pouvez passer les épreuves en distanciel depuis votre domicile au moment où il le souhaite (plateforme d’évaluation automatisée accessible 24h/24 et 7j/7) ou, par exception, en présentiel depuis une salle dédiée en fonction des heures ouvrées du site. Vous disposez de 1h30. L'épreuve comprend 5 questions de type cas pratiques qui positionnent le candidat dans une situation similaire à l’environnement de travail et 25 questions sous la forme d’un questionnaire à choix multiple et à choix unique. Vous accédez directement à vos résultats à l’issue de l’examen. Vous recevez par e-mail votre Certificat et vos résultats détaillés quelques jours après votre passage.
Détails sur la certification
- La certification se présente sous la forme d'un questionnaire à choix multiple adaptatif avec plusieurs niveaux de questions. Le résultat ainsi obtenu permet de valider les compétences du candidat dans la création et la mise en page des pages web.
Accessibilité
Modalités et délais d’accès : Merci de remplir le bulletin de pré-inscription présent sur toutes nos fiches formation.
Nous vous recontacterons dans un délai maximum de 24 h.
Vous pouvez également nous contacter directement via les coordonnées présentes sur le site ; enfin, vous pouvez vous inscrire sur la plateforme EDOF qui nous transmettra votre demande.
Nous portons à votre connaissance le fait qu’en cas d’inscription sur la plateforme EDOF la formation ne pourra pas commencer avant un délai de 11 jours ouvrés.
Pour les formations en intra nous conviendrons d’une date qui répond à votre besoin et vos disponibilités.
Quelle que soit votre demande nous nous adapterons à votre besoin.
Accessibilité aux personnes handicapées :
ITZ-LEARNING se montre particulièrement sensible à la question du handicap. N’hésitez pas à nous faire part d’une situation de handicap qui vous semble nécessiter un aménagement ; nous co-construirons une solution adaptée dans la mesure des ressources disponibles.