HTML/CSS

Objectifs pédagogiques :

• Comprendre les bases de HTML et sa structure.
• Savoir créer des pages web simples en utilisant HTML.
• Apprendre les éléments de base tels que les balises, les attributs et la sémantique.

Contenu :

1. Présentation de HTML : histoire, rôle et importance.
2. Syntaxe de base de HTML : structure d’une page HTML, balises et éléments.
3. Création d’une première page HTML simple : balises de base, structure de base d’une page.

Objectifs pédagogiques :

• Comprendre le rôle de CSS dans la conception web.
• Apprendre les différentes façons de lier CSS à une page HTML.
• Savoir utiliser les sélecteurs CSS pour appliquer des styles aux éléments HTML.

Contenu :

1. Présentation de CSS : rôle et avantages.
2. Méthodes de liaison de CSS à une page HTML : balise <link>, balise <style>, et CSS inline.
3. Utilisation des sélecteurs CSS : sélecteurs de type, de classe, d’ID et combinés.

Objectifs pédagogiques :

• Maîtriser les principaux concepts de mise en forme avec CSS.
• Savoir appliquer des styles de texte, de couleur, de fond et de bordure.
• Comprendre le modèle de boîte CSS.

Contenu :

1. Styles de texte : taille, couleur, police, espacement.
2. Styles de couleur, de fond et de bordure.
3. Modèle de boîte CSS : marges, bordures, rembourrages, largeur, hauteur.

Objectifs pédagogiques :

• Apprendre à créer des mises en page simples et complexes en utilisant CSS.
• Comprendre les concepts de positionnement et de mise en page flexbox.

Contenu :

1. Positionnement CSS : position relative, absolue, fixe.
2. Mise en page avec Flexbox : concepts de conteneurs flexibles et d’éléments flexibles.
3. Création de mises en page simples avec Flexbox.

Objectifs pédagogiques :

• Mettre en pratique les compétences acquises dans un projet concret.
• Recevoir des retours et conseils sur les projets réalisés.
• Réviser les concepts clés et les techniques abordées pendant la semaine.

Contenu :

1. Réalisation d’un projet pratique : création d’une page web complète en utilisant HTML et CSS.
2. Présentation et partage des projets réalisés pour feedback et échanges.
3. Révision des points clés et résolution des questions en suspens.
4. Discussion sur les prochaines étapes pour continuer à développer ses compétences en HTML et CSS.