Maîtrise du HTML et du CSS pour le développement web moderne

Objectifs

Acquérir les bases fondamentales du HTML et du CSS
Maîtriser la syntaxe et les concepts clés de ces langages
Être capable de créer des pages web structurées et attrayantes
Apprendre à styliser et mettre en page du contenu web de manière efficace
Découvrir les meilleures pratiques et les outils indispensables
Développer des compétences pour la conception de sites web responsifs

Programme

Introduction au développement web et au HTML
Qu'est-ce que le web et comment il fonctionne ?
Introduction au développement web front-end.
Présentation du langage HTML 
Structure de base d'un document HTML
Les balises essentielles
Exercices pratiques : création de pages web simples avec du contenu varié.
Approfondissement du HTML
Les balises de structuration de contenu : <article>, <section>, <aside>, <nav>, <footer>.
Les formulaires : balises <form>, <input>, <textarea>, <select>, <button>.
Les balises sémantiques : <header>, <figure>, <figcaption>, <time>.
Les attributs HTML : id, class, style, title, alt.
Les entités HTML : caractères spéciaux et symboles.
Exercices pratiques : création de formulaires interactifs et de pages web complexes.
Introduction au CSS
Présentation du langage CSS : son rôle et son fonctionnement.
Les différentes façons d'intégrer du CSS : inline, interne, externe.
La syntaxe CSS : sélecteurs, propriétés, valeurs.
Les sélecteurs CSS : balises, classes, identifiants, pseudo-classes, pseudo-éléments.
Les propriétés CSS de base : color, background-color, font-family, font-size, text-align, margin, padding.
Exercices pratiques : stylisation de pages web avec des règles CSS simples.
Maîtrise du CSS
Le modèle de boîte (box model) : width, height, border, margin, padding.
Les propriétés d'affichage : display, visibility, overflow.
Le positionnement des éléments : position, top, right, bottom, left, z-index.
Les propriétés de texte : font-weight, font-style, line-height, text-decoration.
Les propriétés de listes : list-style-type, list-style-image.
Les propriétés de tableaux : border-collapse, border-spacing, caption-side.
Exercices pratiques : mise en page de sites web complexes avec différentes techniques de positionnement.
Techniques avancées et outils
Les unités de mesure CSS : pixels, pourcentages, em, rem.
Les couleurs en CSS : notation hexadécimale, RGB, RGBA, HSL.
Les dégradés CSS : linéaires, radiaux.
Les ombres : box-shadow, text-shadow.
Les transitions et animations CSS : transition, animation.
Les frameworks CSS : Bootstrap, Tailwind CSS (introduction).
Les outils de développement : inspecteur web, éditeurs de code.
Les bonnes pratiques : optimisation du code, accessibilité, référencement.
Exercices pratiques : création de mises en page responsives et interactives.