À distance
Ref
WM06019

HTML5 : les fondamentaux

Créer des pages Web simples ou modifier des contenus HTML existants

Initiation
2 jours - 14 heures
Paris
À distance
Le langage HTML est un langage informatique incontournable car il permet de représenter et de structurer toutes les pages d'un site internet. Souvent associé au CSS et au JavaScript, l'HTML fait partie des trois piliers fondamentaux du web que tout développeur se doit de maitriser. Pour vous y aider, PYRAMYD a conçu cette formation HTML5 : les fondamentaux d'une durée de deux jours. Sur la base d'une pédagogie active qui privilégie la mise en pratique, vous apprendrez à utiliser un éditeur de code HTML pour coder ou modifier une page web. Au terme de cette formation HTML5 : les fondamentaux, vous serez en mesure de concevoir et de publier des pages web en toute autonomie.
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

Compétences acquises
Comprendre la grammaire du HTML. Utiliser un éditeur de code HTML. Coder ou modifier une page HTML. Publier des contenus en ligne
Public
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.
Programme
Pendant
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

Financement

Plusieurs dispositifs de financement sont accessibles via les OPCO (Opérateurs de Compétences), organismes agréés par le ministère du Travail dont le rôle est d’accompagner, collecter et gérer les contributions des entreprises au titre du financement de la formation professionnelle.

Pour plus d’information, une équipe de gestionnaires ABILWAYS spécialisée vous accompagne dans le choix de vos formations et la gestion administrative.

Nous contacter pour en savoir plus
Points forts
Nos intervenants
Guylaine MONNIER
MONTGOMERY CONSEIL - GROUPE ITG
Modalités pédagogiques
Matériel et/ou logiciels nécessaires pour suivre cette formation : Formation en présentiel : les ordinateurs sont équipés des logiciels nécessaires au suivi de cette formation.Si vous utilisez votre ordinateur personnel (pour formation en présentiel ou classe virtuelle), merci d' installer au préalable : navigateur Chrome web, Brackets, bloc note, Visual Studio Code, FileZilla Client. - Il est recommandé de se munir d'un double écran.Équipe pédagogique :Un consultant expert de la thématique et une équipe pédagogique en support du stagiaire pour toute question en lien avec son parcours de formation.Techniques pédagogiques :Alternance de théorie, de démonstrations par l’exemple et de mise en pratique grâce à de nombreux exercices individuels ou collectifs. Exercices, études de cas et cas pratiques rythment cette formation.Ressources pédagogiques :Un support de formation présentant l'essentiel des points vus durant la formation et proposant des éléments d'approfondissement est téléchargeable sur notre plateforme.
Contexte

Apprendre à utiliser HTLM5 avec la formation "HTML5 : les fondamentaux"

Connaître et maîtriser le langage de programmation informatique HTLM est indispensable pour les développeurs. Mais avant de l'utiliser, il faut comprendre son fonctionnement. À savoir que HTLM5 vous offre la possibilité de personnaliser votre site de manière à vous démarquer des pages web concurrentes.

Avis sur cette formation
★★★★★
★★★★★
4.6154/5
(13 avis)
DALILA A.
publié le 18/02/2024
4/5
Formation et formatrice très claires et utiles. Dommage le début chaotique car impossibilité de se connecter à distance compte tenu des systèmes de sécurité informatique mais bravo pour la souplesse, nous avons finalement pu reporter et rattraper le temps perdu.
anonymous a.
publié le 26/05/2022
5/5
je suis très satisfait de la formation
anonymous a.
publié le 24/05/2022
5/5
Contenu très clair avec des mises en applications et une formatrice disponible pour répondre à toutes nos questions.
anonymous anonymous.
publié le 18/02/2022
5/5
Les fondamentaux ont bien été expliqués et on a pu mettre en pratique dès la formation ce qu'on apprenait
anonymous a.
publié le 31/12/2020
5/5
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.
anonymous a.
publié le 16/12/2020
4/5
Bonne formation, même si 2 jours me semble un peu juste.
anonymous a.
publié le 15/12/2020
5/5
Un condensé de l'essentiel qui donne envie d'aller plus loin avec CSS
anonymous a.
publié le 15/12/2020
5/5
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.
anonymous a.
publié le 15/09/2020
5/5
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.
anonymous a.
publié le 13/09/2020
5/5
Très bien. Formatrice très pédagogue et très à l'écoute
anonymous a.
publié le 02/03/2020
4/5
Bien
anonymous a.
publié le 10/12/2019
4/5
introduction un peu longue lors de la première matinée.
anonymous a.
publié le 10/12/2019
4/5
RIEN A AJOUTER. 1 PRO.
Date de mise à jour : 30/09/2024