Langage de balises pour l'hypertexte - HTML/ feuille de style en cascade - CSS

Objectifs

S'initier au HTML et CSS

Structurer le contenu avec HTML

Styliser avec CSS

Mise en page responsive avec CSS

Interaction et animation avec CSS

Bonnes pratiques et déploiement de sites web

Programme de la formation

S'initier au HTML et CSS

- Comprendre le rôle du HTML et de CSS dans la création web

- Explorer l'histoire et l'évolution du HTML et de CSS

- Évaluer l'importance de la séparation entre le contenu et la présentation

- Découvrir les principaux éditeurs de code pour HTML/CSS

- Sélectionner un environnement de développement adapté

- Mettre en place un projet de site web de base

Structurer le contenu avec HTML

- Comprendre la structure de base d'une page HTML

- Utiliser les balises HTML pour créer une hiérarchie de contenu

- Insérer des liens hypertextes pour la navigation

- Gérer les listes, les tableaux et les formulaires

- Intégrer des médias, y compris des images et des vidéos

- Ajouter des commentaires pour documenter le code

Styliser avec CSS

- Comprendre les principes fondamentaux de la feuille de style CSS

- Appliquer des styles aux éléments HTML en utilisant des sélecteurs

- Contrôler la mise en page en utilisant la propriété "display"

- Personnaliser les polices, les couleurs et les arrière-plans

- Créer des effets de transition et d'animation

- Gérer la compatibilité entre les navigateurs

Mise en page responsive avec CSS

- Comprendre les concepts de la mise en page responsive

- Utiliser les médias queries pour adapter la mise en page aux différentes tailles d'écran

- Créer des mises en page flexibles et fluides

- Concevoir des menus de navigation réactifs

- Optimiser les images pour la réactivité

- Tester et déboguer la mise en page sur différentes plates-formes

Interaction et animation avec CSS

- Utiliser les pseudo-classes pour créer des états interactifs (survol, clic, etc.)

- Créer des transitions pour des animations fluides

- Mettre en place des animations clés (keyframes)

- Gérer les transformations (rotation, mise à l'échelle, etc.)

- Concevoir des interfaces utilisateur interactives

- Explorer les meilleures pratiques en matière d'ergonomie

Bonnes pratiques et déploiement de sites web

- Optimiser le code HTML et CSS pour des performances optimales

- Respecter les normes d'accessibilité pour une meilleure expérience utilisateur

- Tester la compatibilité avec différents navigateurs

- Mettre en place des sauvegardes et une gestion de version

- Préparer un site web pour le déploiement en ligne

- Appliquer des pratiques de sécurité pour protéger les sites web HTML/CSS

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique