Formation HTML 5 / CSS 3

Objectifs

• Maîtriser les fondamentaux du HTML et du CSS pour créer des pages web fonctionnelles.


• Apprendre à organiser et styliser le contenu à l'aide des balises HTML et des règles CSS.


• Savoir appliquer des styles plus avancés, comme la gestion des polices et la création de formulaires.


• Acquérir la capacité de concevoir des sites web réactifs en utilisant les Media Queries.


• Comprendre les étapes nécessaires à l'installation d'un serveur local, à la configuration d'un nom de domaine et à la mise en ligne d'un site web.


• Avoir une solide compréhension de l'importance de l'optimisation pour le référencement (SEO).

Programme de la formation

Module 1 : Introduction au HTML

• Présentation du HTML : rôle et importance dans la création de sites web.


• Historique et évolution du HTML : les différentes versions et les évolutions récentes.


• Installation des outils nécessaires : éditeurs de code, navigateurs, etc.


• Structure de base d'un fichier HTML : compréhension du doctype, des balises , , et .


• Apprentissage des balises HTML essentielles : titres, paragraphes, liens, images, etc.


• Exercice pratique : création d'une première page web simple avec du texte et des éléments de mise en forme.

Module 2 : Introduction au CSS

• Présentation du CSS : rôle du CSS dans la mise en forme des pages web.


• Méthodes d'intégration du CSS : inline, interne et externe.


• Les sélecteurs CSS : ciblage des éléments HTML pour appliquer des styles.


• Propriétés CSS de base : typographie, couleurs, images, marges, etc.


• Exercice pratique : création d'une feuille de style pour la page web réalisée dans le module 1.

Module 3 : Styles avancés et création de formulaires

• Polices personnalisées : utilisation de @font-face pour intégrer des polices externes.


• Styles avancés CSS : box-sizing, border-radius, text-shadow, box-shadow, transform, transition, et animation.


• Introduction aux formulaires HTML : création et structuration des éléments de formulaire (champs de texte, boutons radio, cases à cocher, listes déroulantes, etc.).


• Validation des entrées utilisateur : utilisation des attributs HTML comme required, minlength, pattern.


• Exercice pratique : création d'un formulaire de contact complet.

Module 4 : Design responsive et interactivité

• Media Queries en CSS : adaptation du design en fonction de la taille de l'écran (responsive design).


• Introduction à jQuery : ajout d'interactivité avec des animations et des événements.


• Optimisation pour le référencement (SEO) : utilisation des balises meta, gestion des titres et descriptions, création d'un plan de site XML.


• Exercice pratique : création d'un site responsive intégrant des éléments interactifs avec jQuery.

Module 5 : Optimisation de la performance et publication d'un site web

• Optimisation de la performance : techniques de mise en page CSS pour améliorer la vitesse de chargement et l'expérience utilisateur.


• Installation d'un serveur local Apache : travail en local sur les projets avant publication.


• Enregistrement d'un nom de domaine : comprendre comment réserver un nom de domaine et choisir un hébergeur.


• Publication d'un site web : transférer les fichiers sur un serveur pour rendre le site accessible en ligne.


• Exercice pratique : publication d'un site web complet sur Internet.

Validation et sanction

• HTML5 :
  
  
  
  • Maîtriser la structure d'une page HTML5 (doctype, , , ).
  
  
  • Utiliser des balises sémantiques (, , , , etc.).
  
  
  • Créer des formulaires HTML5 avec validation native (types d'input, attributs comme required).
  
  
  • Intégrer des éléments multimédia (, , ).
  
  
  
  


• CSS3 :
  
  
  
  • Créer des mises en page modernes avec Flexbox et Grid.
  
  
  • Appliquer des effets CSS3 : transitions, transformations, animations.
  
  
  • Créer des designs responsives avec Media Queries.
  
  
  • Utiliser des propriétés avancées : box-shadow, border-radius, opacity, etc.
  
  
  
  


• Responsivité et Accessibilité :
  
  
  
  • Concevoir des sites web adaptatifs et mobiles.
  
  
  • Assurer l'accessibilité avec des balises sémantiques et bonnes pratiques (ARIA).
  
  
  • Optimiser pour le référencement (SEO) : balises meta, titres, descriptions.
  
  
  
  


• Publication Web :
  
  
  
  • Mettre en ligne un site web : choix d'un hébergeur, configuration de nom de domaine.
  
  
  
  

Type de formation

Non certifiante

Sortie

Sans niveau spécifique