HTML5 et CSS3 les fondamentaux

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.

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.