Formations courtes
Formation - HTML5 : les fondamentaux
4.6/5
(9 avis)
Initiation
2 jours - 14 heures
À distance
Paris
Nantes
Code CPF
236252
Imprimer
Créer des pages Web simples ou modifier des contenus HTML existants
CERTIFICATION ENI
La certification valide des compétences et se présente sous la forme d’un questionnaire à choix multiple adaptatif avec plusieurs niveaux de questions.
Objectifs
Pour qui ?
Prérequis
Compétences acquises
Objectifs
Identifier les éléments qui constituent une page Web
Choisir les outils pour analyser et écrire du code
Organiser les fichiers d’un site Web
Réaliser ou modifier des pages Web
S’initier au langage CSS
Mettre en ligne des contenus Web
Choisir les outils pour analyser et écrire du code
Organiser les fichiers d’un site Web
Réaliser ou modifier des pages Web
S’initier au langage CSS
Mettre en ligne des contenus Web
Pour qui ?
Tous les professionnels amenés à intervenir sur des sites développés en HTML.
Prérequis
Les apprenants doivent avoir une bonne pratique de l’outil informatique et connaître la navigation sur le Web.
Comprendre la grammaire du HTML. Utiliser un éditeur de code HTML. Coder ou modifier une page HTML. Publier des contenus en ligne
Parcours pédagogique
- E-quiz amont
- Présentiel
- Modules vidéos
- E-quiz aval
Programme
HTML5 : les fondamentaux
Identifier les éléments qui constituent une page Web
- Reconnaître les différents langages dans une page Web : le HTML, le CSS, le JavaScript
- Distinguer les éléments constitutifs d’une page Web : balises de titre, liens, images, feuilles de style
Étude de cas : analyse de sites Web et du code associé
Choisir les outils pour analyser et écrire du code
- Identifier les différents éditeurs HTML, WYSIWYG et les outils en ligne
- Installer un outil d’analyse et l’expérimenter sur un site grand public
Exercice : prise en main d’un outil de code
Organiser les fichiers d’un site Web
- Nommer et ranger les fichiers d’un site
- Assimiler les règles de nomenclature
- Intégrer les bonnes pratiques pour agencer les éléments d’un site : images, pages, feuilles de style, polices…
Quiz : validation des bonnes pratiques
Réaliser ou modifier des pages Web
Créer le code pour structurer une page Web
- Créer un fichier HTML dans l’éditeur, le nommer et l’enregistrer
- Se repérer dans le fichier HTML en identifiant les balises structurelles de la page : doctype, html, head, body, title, meta
Décrypter et coder : les balises les plus courantes
- Identifier les nouvelles balises HTML5 et leur usage
- Hiérarchiser le texte avec les balises de titre et les paragraphes
- Mettre du texte en gras et en italique
- Créer des listes à puce et numérotées
Exercice : coder une page Web simple contenant les balises les plus courantes
Ajouter de l’interactivité avec les liens hypertextes
- Créer des liens absolus vers des pages externes
- Organiser les fichiers d’un site
- Créer des liens relatifs vers d’autres pages et fichiers du site
- Créer des liens vers une adresse mail
- Créer des liens vers des ancres
Jeu pédagogique sur la nomenclature des liens et les chemins relatifs
Afficher des images et les habiller avec du texte
- Comprendre le principe de l’affichage des images
- Insérer la balise img et son attribut src pour afficher ses images
- Ajouter l’attribut alt pour rendre l’image accessible
Exercice : ajouter des images dans une page Web
Créer des tableaux pour afficher des données ou modifier une newsletter
- Assembler les balises table, tr, td, th pour créer un tableau de données
Étude de cas : visualiser le code d’une newsletter
S’initier au langage CSS
Mettre en place une feuille de style
- Styliser le texte (police, taille, couleur)
- Ajouter un arrière-plan
- Habiller une image avec du texte
- Créer une feuille de style externe
Exercice : habiller graphiquement une page Web
Mettre en ligne des contenus Web
- Comprendre les principes de mise en ligne : upload, download, client, hôte, URL
- Utiliser un outil de FTP
- Tester et valider son contenu dans un navigateur
Exercice : mise en ligne de pages Web
Nos intervenants
Guylaine MONNIER
Eva KASAL
Avis sur cette formation
4.5556/5
(9 avis)
STEPHANIE A.
publié le 31/12/2020
Une formation pas à pas très claire et fournie sur le code Html, qui permet d'aller jusqu'à la création de son mini site.
PASQUALE Z.
publié le 16/12/2020
Bonne formation, même si 2 jours me semble un peu juste.
MARIE DELPHINE C.
publié le 15/12/2020
Un condensé de l'essentiel qui donne envie d'aller plus loin avec CSS
CAROLINE V.
publié le 15/12/2020
Très intéressant et concret. La formatrice est passionnée, claire et à l'écoute. Elle offre plein de source afin de pouvoir continuer à approfondir par soi-même.
VANESSA M.
publié le 15/09/2020
C’est une formation dense mais très complète. Il y a une bonne alternance entre pratique et théorie pour acquérir de bonnes méthodes de travail. La formatrice est claire et concise. Je recommande.
VALERIE C.
publié le 13/09/2020
Très bien. Formatrice très pédagogue et très à l'écoute
anonymous a.
publié le 02/03/2020
Bien
anonymous a.
publié le 10/12/2019
introduction un peu longue lors de la première matinée.
anonymous a.
publié le 10/12/2019
RIEN A AJOUTER. 1 PRO.
Informations complémentaires
Moyens Humains, Techniques et Pédagogiques
En présentiel : 1 poste informatique / apprenant.
Alternance de théorie et de mise en pratique grâce à de nombreux exercices.
HTML5 : les fondamentaux
Ref
WM06019
Cette formation vous intéresse ?