Scribd
Importer
7 vues4 pages

Syllabus HTML CSS

La formation de quatre jours sur le HTML et le CSS est destinée aux débutants complets souhaitant acquérir les bases de la création de pages web. Les participants apprendront à structurer du contenu avec HTML et à appliquer des styles avec CSS, tout en réalisant des exercices pratiques et un mini-projet final. L'objectif est de leur donner confiance pour continuer à explorer le développement web de manière autonome.

Transféré par

destino
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
7 vues4 pages

Syllabus HTML CSS

La formation de quatre jours sur le HTML et le CSS est destinée aux débutants complets souhaitant acquérir les bases de la création de pages web. Les participants apprendront à structurer du contenu avec HTML et à appliquer des styles avec CSS, tout en réalisant des exercices pratiques et un mini-projet final. L'objectif est de leur donner confiance pour continuer à explorer le développement web de manière autonome.

Transféré par

destino
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
Vous êtes sur la page 1/ 4

Syllabus : Introduction au HTML/CSS pour les débutants

Durée de la formation

Pour des débutants complets, une formation intensive de quatre jours complets du 1er au 4
juillet 2025 est idéale. Cela permet d'introduire progressivement les concepts fondamentaux
du HTML et du CSS, en laissant suffisamment de temps pour la pratique et l'assimilation.
L'objectif est de bâtir une base solide sans surcharger les participants avec trop d'informations
complexes dès le départ.

Public cible

Cette formation s'adresse aux personnes n'ayant aucune connaissance préalable en


développement web ou en programmation. Elle est conçue pour ceux qui souhaitent découvrir
les bases de la création de pages web, comprendre comment internet fonctionne à un niveau
élémentaire, et acquérir les compétences nécessaires pour commencer à construire leurs
propres projets web simples.

Concepts clés

Cette formation introduit les participants aux deux langages fondamentaux du web : le
HTML et le CSS. Nous apprendrons que le HTML (HyperText Markup Language) est le
squelette de toute page web, définissant sa structure et son contenu, comme les textes, les
images ou les liens. Le CSS (Cascading Style Sheets) est quant à lui l'outil qui donne vie à ce
squelette en gérant l'apparence, les couleurs, les polices et la mise en page, transformant une
simple structure en une page visuellement attrayante. L'accent sera mis sur leur collaboration
essentielle pour créer des pages web fonctionnelles et esthétiques.

Objectifs généraux

1. Comprendre le rôle du HTML et du CSS dans la construction de sites web.


2. Savoir structurer du contenu et ajouter des éléments de base avec HTML.
3. Apprendre à appliquer des styles visuels simples avec CSS.
4. Utiliser les outils de développement du navigateur pour inspecter le code.
5. Être capable de créer une page web statique rudimentaire.
6. Développer une logique de pensée pour la résolution de problèmes simples en code.
7. Acquérir les bases pour continuer à apprendre de manière autonome.

Résultats attendus
À l'issue de cette formation, les participants seront capables de :

 Décrire la fonction du HTML et du CSS.


 Utiliser les balises HTML les plus courantes pour organiser du texte et des images.
 Appliquer des propriétés CSS pour changer l'apparence des éléments.
 Créer une page web basique avec du texte, des images et des liens stylisés.
 Identifier et corriger des erreurs simples dans le code HTML/CSS.
 Comprendre la structure d'un dossier de projet web simple.

Contenu général

Jour 1 : Découverte du HTML - Le Contenu et la Structure

 Introduction à Internet et au web : comment fonctionnent les sites web ?


 Qu'est-ce que le HTML ? Son rôle de structuration du contenu.
 L'anatomie d'une page HTML : <!DOCTYPE>, <html>, <head>, <body>.
 Les balises essentielles pour le texte : <h1> à <h6> (titres), <p> (paragraphes),
<strong> (gras), <em> (italique).
 Créer des listes : <ul> (non ordonnée), <ol> (ordonnée), <li> (élément de liste).
 Insérer des images (<img>) et comprendre les attributs src et alt.
 Créer des liens hypertexte (<a>) pour naviguer entre les pages ou vers d'autres sites.
 Exercices pratiques : Création d'une page "Ma première page web" avec un titre, des
paragraphes, une image et des liens vers des sites favoris.

Jour 2 : Initiation au CSS - La Mise en Forme Visuelle

 Qu'est-ce que le CSS ? Son rôle dans l'esthétique et la mise en page.


 Les trois façons d'appliquer du CSS : en ligne, interne (<style>), et externe (fichier
.css). Focus sur le fichier externe.
 Comprendre les sélecteurs CSS de base : cibler par nom de balise, par id, et par
class.
 Les propriétés de style pour le texte : color, font-family, font-size, text-align.
 Introduction au modèle de boîte CSS : width, height, padding (remplissage),
margin (marge externe), border (bordure).
 Exercices pratiques : Stylisation de la page créée la veille : changer les couleurs de
texte, les fonds, la taille des polices, ajouter des bordures.

Jour 3 : Approfondir le CSS et la Mise en Page Simple

 Les différentes valeurs de la propriété display : block, inline, inline-block.


Comprendre leur impact sur le positionnement.
 Travailler avec les couleurs : noms de couleurs, codes hexadécimaux, RGB, et
RGBA.
 Styliser les liens et les boutons : changer leur apparence, créer des effets au survol
(:hover).
 Introduction aux pseudo-classes simples (:hover, :focus).
 Les commentaires en HTML et CSS : l'importance de bien organiser son code.
 Exercices pratiques : Création d'un mini-menu de navigation simple, stylisation de
boutons d'appel à l'action.

Jour 4 : Bonnes Pratiques, Outils et Premier Projet

 Présentation des outils de développement du navigateur (ex: Chrome DevTools) :


inspecter le code, modifier des styles temporairement.
 Organisation des fichiers et dossiers pour un projet web simple.
 Introduction au concept de "responsive design" (sans entrer dans le code complexe) :
pourquoi les sites s'adaptent à différentes tailles d'écran.
 Ressources pour continuer à apprendre : Mozilla Developer Network (MDN),
Codecademy, OpenClassrooms, etc.
 Mini-projet final : Réalisation d'une petite page web thématique (ex: une recette de
cuisine, la présentation d'un animal, une carte d'invitation numérique) en utilisant
toutes les connaissances acquises.
 Présentation des projets et échange de retours.

Méthodes pédagogiques

La formation adoptera une approche très progressive et hands-on, idéale pour les débutants.
Chaque concept sera introduit par une explication claire et illustrée par des exemples concrets,
suivie immédiatement de nombreux exercices pratiques où les participants coderont
directement. Le formateur réalisera des démonstrations en direct, pas à pas, permettant à
chacun de suivre et de reproduire les étapes.

Des sessions de questions-réponses fréquentes seront intégrées pour s'assurer que personne ne
soit laissé pour compte, et une attention particulière sera portée à la résolution des problèmes
individuels. L'environnement d'apprentissage sera bienveillant et encourageant, favorisant
l'expérimentation et la découverte sans crainte de faire des erreurs.

Compétences visées

Cette formation permettra aux participants de comprendre la logique fondamentale de la


construction d'une page web et de manipuler les éléments de base du HTML et du CSS.
Ils seront capables de créer et de modifier des pages web statiques simples, d'en structurer le
contenu et d'en personnaliser l'apparence.

Ils développeront également une capacité à lire et interpréter du code simple, ainsi qu'une
première approche de la résolution de problèmes en programmation. Au-delà des
compétences techniques, cette formation vise à démystifier le développement web et à
donner aux participants la confiance nécessaire pour explorer davantage ce domaine
passionnant de manière autonome.

Chronogramme
 Jour 1 (01 juillet 2025) : Matin - Découverte du web et HTML de base ; Après-midi -
Balises HTML essentielles et exercices.
 Jour 2 (02 juillet 2025) : Matin - Introduction au CSS et modes d'intégration ; Après-
midi - Sélecteurs CSS et propriétés de style.
 Jour 3 (03 juillet 2025) : Matin - Modèle de boîte CSS ; Après-midi - Propriété
display et stylisation avancée.
 Jour 4 (04 juillet 2025) : Matin - Outils, bonnes pratiques et bases du responsive ;
Après-midi - Mini-projet final et retours.

Vous aimerez peut-être aussi