HTML5 et CSS3 les fondamentaux

Objectifs

Maîtriser les bases de HTML et CSS pour concevoir des pages web fonctionnelles.
Structurer et styliser efficacement le contenu grâce aux balises HTML et aux règles CSS.
Utiliser des styles avancés, notamment pour les polices d'écriture et les formulaires interactifs.
Créer des sites web adaptatifs avec les Media Queries pour une expérience utilisateur optimale.
Installer un serveur local, configurer un nom de domaine et publier un site en ligne.
Comprendre les principes essentiels du référencement pour optimiser la visibilité d'un site.

Programme de la formation

Module 1 : Introduction au langage HTML
Comprendre le rôle de HTML dans la création de sites web.
Découvrir les différentes versions d'HTML et leurs évolutions récentes.
Installation des outils nécessaires : éditeurs de code, navigateurs web, etc.
Créer un premier projet pour se familiariser avec la structure d'un fichier HTML (doctype, balises html, head, body).
Apprentissage des balises de base : titres, paragraphes, liens, images, etc.
Mise en pratique : création d'une première page web avec du texte et des éléments de mise en forme.
Module 2 : Introduction et utilisation de CSS
Comprendre le rôle de CSS dans la mise en forme des sites web.
Découvrir les différentes manières d'intégrer une feuille de style à une page HTML.
Apprendre les sélecteurs CSS pour cibler des éléments spécifiques.
Utiliser les propriétés CSS courantes : texte, images, marges, couleurs, etc.
Mise en pratique : création et application d'une feuille de style pour styliser une page web.
Module 3 : Styles avancés et formulaires HTML
Intégrer des polices d'écriture personnalisées avec @font-face.
Appliquer des styles avancés : box-sizing, border-radius, text-shadow, box-shadow, transform, transition, et animations.
Introduction aux formulaires HTML : structure et création de champs interactifs (champs de saisie, boutons radio, cases à cocher, listes déroulantes, etc.).
Validation des entrées utilisateur avec des attributs HTML.
Mise en pratique : création d'un formulaire de contact.
Module 4 : Conception de sites responsives et optimisation SEO
Introduction aux Media Queries pour adapter le design aux différentes tailles d'écran.
Introduction à jQuery pour ajouter de l'interactivité à vos pages.
Optimisation SEO : utilisation des balises meta, titres, descriptions, et création d'un plan de site.
Mise en pratique : création d'un site web responsive.
Module 5 : Publication et optimisation de sites web
Techniques pour améliorer les performances d'un site web à l'aide de feuilles de style optimisées.
Mise en page avancée pour une meilleure expérience utilisateur.
Installation d'un serveur local (Apache) pour travailler sur des projets en local.
Étapes pour enregistrer un nom de domaine et héberger un site web.
Mise en pratique : publication d'un site web sur internet.

Validation et sanction

Maîtrise des bases de HTML5
Compétences en CSS3 pour la mise en forme
Création de pages web modernes
Introduction à la conception responsive
Gestion des projets web simples
Préparation à des projets plus avancés

Type de formation

Non certifiante

Sortie

Information non communiquée