Catalogue des formations
Formation professionnelle N° 2190Formation HTML / CSS
dans HTML CSSÀ propos de cette formation
Programme de la Formation HTML / CSS
Objectifs pédagogiques
À l’issue de cette formation, les participants seront capables de :
▪ Comprendre la structure d'une page web en HTML
▪ Créer des pages HTML avec du contenu structuré
▪ Appliquer des styles avec CSS
▪ Organiser une page avec des mises en page simples
▪ Publier un site statique de base
Prérequis
- ▪ Savoir utiliser un ordinateur et un navigateur web. Aucun prérequis en développement n’est nécessaire
Méthodes pédagogiques
- ▪ Alternance d’explications théoriques et d’exercices pratiques
- ▪ Support de cours fourni
- ▪ Évaluation des acquis par un QCM en fin de formation
Evaluation des compétences
- ▪ QCM de validation des acquis
- ▪ Certificat de réalisation remis à l’issue de la formation
Durée
▪ 14 heures (en présentiel, à distance ou en mode mixte)
Formation éligible au financement France Travail (Ex Pôle emploi).
Les dates disponibles
| Identifiant | Date de début | Places disponibles |
|---|
Inscription à la formation
Contactez-nous pour vous inscrire à cette formation.
1. Introduction au web et au HTML
• Fonctionnement d’un site web (navigateur, serveur, fichiers)
• Qu’est-ce que le HTML ?
• Structure d’un document HTML : , ,
2. Créer sa première page HTML
• Utilisation d’un éditeur de texte (Visual Studio Code)
• Balises de base : titres, paragraphes, liens, images
• Listes ordonnées et non ordonnées
• Commentaires HTML
Travaux pratiques : Créer une page HTML simple avec texte, image et liens
3. Structurer son contenu
• Balises sémantiques : , , , , ,
• Les tableaux HTML (introduction)
• Insertion de vidéos et d’audio (bases)
4. Introduction au CSS
• Qu’est-ce que le CSS ?
• Lier un fichier CSS à une page HTML
• Sélecteurs simples, propriétés de base (couleur, taille, police, marges)
5. Mise en page avec CSS
• Couleurs, arrière-plans, bordures, padding et margin
• Mise en forme du texte (font-family, font-size, text-align)
• Sélecteurs avancés : classes, identifiants, groupement
6. Positionnement de blocs
• Le modèle de boîte CSS
• Position statique, relative, absolute
• Introduction au Flexbox (alignement de blocs)
7. Créer une page web complète
• Intégration d’une maquette simple en HTML/CSS
• Structuration propre du code (indentation, commentaires)
• Organisation des fichiers (html, css, images)
8. Introduction à la publication
• Sauvegarde des fichiers
• Aperçu local dans un navigateur
• Introduction aux plateformes gratuites (GitHub Pages)
Travaux pratiques : Réalisation d’un mini site personnel (page d’accueil + contact)
Commentaires (0)
