Programme de Formation HTML (4 Jours)

Objectif de la formation :

• Comprendre le rôle du HTML dans la création de sites web.

• Créer des pages web simples avec titres, textes, listes, liens, images et formulaires.

• Utiliser des outils HTML avancés pour structurer un document et intégrer des médias.

• Optimiser le code HTML pour le SEO et la performance.

• Développer une autonomie grâce à des exercices pratiques quotidiens.

INTER ENTREPRISE

– Présentiel dans nos locaux ou les vôtres

– Distanciel Online

Retrouvez-nous sur :

Strasbourg, Lille, Lyon, Reims, Genève, Bruxelles, Luxembourg, Frankfort, Karlsruhe, Berlin, Metz

Prix : 2622 € H.T.
Dates, lieux et inscription
INTRA

(Appelez-nous pour obtenir une offre)

Jour 1 : Introduction à HTML et Structures de Base

Objectifs de la journée :

  • Comprendre ce qu’est le HTML et son rôle dans la création de pages web.
  • Maîtriser les balises de base, les éléments structurants et la hiérarchie des documents HTML.

Contenu :

 •  Introduction au HTML

  • Qu’est-ce que le HTML ?
  • L’importance du HTML dans le développement web.
  • Structure d’un document HTML (déclaration <!DOCTYPE html>, balise <html>, <head>, et <body>).

 •  Les Balises de Structure

  • La balise <html> : structure de base du document.
  • La balise <head> : métadonnées, titres, liens vers les CSS.
  • La balise <body> : contenu visible de la page.
  • Utilisation de <h1> à <h6> pour les titres.
  • Les balises de paragraphe <p>, de liste <ul>, <ol>, et de liste à puces <li>.

 •  Pratique : Création d’une page HTML simple

  • Structure de base d’une page web.
  • Ajout de texte, titres, et listes dans une page HTML.

 •  Exercice pratique :

  • Créer une page de présentation simple avec des titres, des paragraphes et une liste d’éléments.

Jour 2 : Liens, Images et Médias

Objectifs de la journée :

  • Apprendre à ajouter des liens, des images et des médias à une page web.
  • Savoir gérer les attributs des balises pour personnaliser les éléments.

Contenu :

 •  Les Liens Hypertextes

  • Balise <a> : création de liens internes et externes.
  • Utilisation des attributs href, target, et title.
  • Liens vers des adresses web et des ancres internes.

 •  Insertion d’Images

  • Balise <img> : ajouter des images à une page web.
  • Attributs src, alt, width, height.
  • Formats d’images recommandés (JPG, PNG, SVG, etc.).

 •  Ajouter des Médias (audio et vidéo)

  • Utilisation des balises <audio> et <video>.
  • Ajouter des contrôles, des sources multiples et des sous-titres.

 •  Exercice pratique :

  • Ajouter des liens cliquables, insérer une image et une vidéo à une page web.

Jour 3 : Tables et Formulaires

Objectifs de la journée :

  • Apprendre à structurer des données avec des tableaux.
  • Créer des formulaires pour collecter des informations utilisateur.

Contenu :

 •  Les Tables HTML

  • Balises <table>, <tr>, <td>, <th>, <caption>.
  • Structurer des données dans des tableaux.
  • Ajouter des entêtes et des lignes de données.

 •  Les Formulaires HTML

  • Balise <form> et son rôle.
  • Champs de texte : <input>, <textarea>.
  • Boutons de soumission et réinitialisation.
  • Autres types de champs : <radio>, <checkbox>, <select>, <option>.

 •  Validation de Formulaire et Accessibilité

  • Attributs de validation des champs de formulaire (ex. required, pattern).
  • Introduction aux bonnes pratiques d’accessibilité dans les formulaires.

 •  Exercice pratique :

  • Créer une page avec un tableau de données et un formulaire simple (nom, email, message).

Jour 4 : Pratique Avancée et Optimisation du Code

Objectifs de la journée :

  • Consolider les connaissances et pratiques acquises.
  • Apprendre à structurer et optimiser le code HTML pour un meilleur rendu et une meilleure performance.

Contenu :

 •  Structuration Avancée

  • Utilisation des balises <section>, <article>, <nav>, et <footer>.
  • Introduction aux balises sémantiques et leur importance pour le SEO.
  • Structuration d’une page web complète avec des sections distinctes.

 •  Optimisation du Code HTML

  • Comment optimiser les balises pour la performance.
  • Bonnes pratiques de structuration du code HTML (indentation, commentaires).
  • Introduction aux outils de validation HTML et correction des erreurs.

 •  Introduction au SEO et au Responsive Design

  • Optimisation HTML pour le référencement (SEO).
  • Aperçu du responsive design avec des balises de base comme <meta> pour les vues mobiles.

 •  Exercice pratique :

  • Créer une page web complète en utilisant les balises sémantiques et optimiser son code HTML.

Méthodologie

  • Pédagogie interactive : Alternance entre théorie et pratique avec des exercices à réaliser durant chaque session.
  • Support de formation : Accès à un guide PDF détaillant chaque sujet abordé.
  • Suivi et évaluation : Évaluations quotidiennes pour mesurer les progrès, avec des feedbacks personnalisés.