Déroulé de la formation
Module 1 : Introduction au développement web et au HTML (8 heures)
- Qu’est-ce que le web et comment il fonctionne ?
- Introduction au développement web front-end.
- Présentation du langage HTML : son rôle et son évolution.
- Structure de base d’un document HTML : balises <!doctype>, <html>, <head>, <body>.
- Les balises essentielles : titres (<h1> à <h6>), paragraphes (<p>), liens (<a>), images (<img>), listes (<ul>, <ol>, <li>), tableaux (<table>, <tr>, <th>, <td>).
- Exercices pratiques : création de pages web simples avec du contenu varié.
Module 2 : Approfondissement du HTML (9 heures)
- 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.
Module 3 : Introduction au CSS (8 heures)
- 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.
Module 4 : Maîtrise du CSS (9 heures)
- 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.
Module 5 : Techniques avancées et outils (8 heures)
- 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.
