Formation HTML / CSS

(0 Notes)

0/20 Élèves

À 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).

Jour 1

Module 1 : Bases du HTML

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

Module 2 : Structuration avancée

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)

Jour 2

Module 3 : Mise en forme avec CSS

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)

Module 4 : Création d'un mini site web

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)