- 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).
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.
Attestation de formation
Non certificiante
Sans niveau spécifique
