Computing">
[Go to site: main page, start]
Scribd
Importer
7 vues2 pages

Cours HTML et CSS : Programme 2020

Le programme d'apprentissage couvre HTML sur 5 semaines, abordant des sujets tels que la structure des fichiers, les balises, les formulaires et les éléments multimédias. Ensuite, le CSS est enseigné sur 7 semaines, incluant des sélecteurs, la mise en page, le positionnement et les animations. Le cours se termine par un projet pratique où les étudiants créent une page web complète avec un design responsive.

Transféré par

Naaba Faical Ouedraogo
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 vues2 pages

Cours HTML et CSS : Programme 2020

Le programme d'apprentissage couvre HTML sur 5 semaines, abordant des sujets tels que la structure des fichiers, les balises, les formulaires et les éléments multimédias. Ensuite, le CSS est enseigné sur 7 semaines, incluant des sélecteurs, la mise en page, le positionnement et les animations. Le cours se termine par un projet pratique où les étudiants créent une page web complète avec un design responsive.

Transféré par

Naaba Faical Ouedraogo
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

Programme d’apprentissage détaillé :

HTML & CSS


HTML (Durée : 5 semaines)

Introduction au HTML (Semaine 1)


 - Définition du HTML et structure d’un fichier HTML
 - Les balises de base : <!DOCTYPE>, <html>, <head>, <body>
 - Affichage de texte : <h1> à <h6>, <p>, <br>, <hr>
 - Commentaires, indentation et bonnes pratiques

Texte, liens et images (Semaine 2)


 - Mise en forme du texte : <strong>, <em>, <mark>, <small>
 - Liens : <a href=""> avec attributs target, title
 - Images : <img src="" alt="">, dimensions et alignement

Listes et tableaux (Semaine 3)


 - Listes non ordonnées : <ul><li> et ordonnées : <ol><li>
 - Listes imbriquées
 - Tableaux : <table>, <tr>, <td>, <th>, <thead>, <tbody>

Formulaires HTML (Semaine 4)


 - Création de formulaire : <form>, action, method
 - Champs de saisie : <input>, <textarea>, <select>, <option>
 - Types d’input : text, password, email, date, checkbox, radio
 - Boutons : submit, reset, button

Sémantique et multimédia (Semaine 5)


 - Balises sémantiques : <header>, <nav>, <section>, <article>, <footer>, <aside>
 - Audio : <audio>, attributs controls, autoplay, loop
 - Vidéo : <video>, formats supportés, sous-titres avec <track>

CSS (Durée : 7 semaines)

Introduction au CSS (Semaine 6)


 - Pourquoi utiliser CSS ?
 - Insertion CSS : inline, interne, externe (fichier .css)
 - Syntaxe des règles CSS : sélecteurs, propriétés, valeurs
Sélecteurs CSS et couleurs (Semaine 7)
 - Types de sélecteurs : universel (*), de type, classe, ID, descendants
 - Couleurs : noms, hexadécimales, rgb(), rgba(), hsl()
 - Commentaires CSS, priorité et cascade

Textes et polices (Semaine 8)


 - Style de texte : color, text-align, text-decoration, text-transform
 - Gestion des polices : font-family, font-size, Google Fonts
 - Espacement : letter-spacing, word-spacing, line-height

Mise en page de base (Semaine 9)


 - Boîte CSS : content, padding, border, margin
 - largeur, hauteur, border-radius, background
 - Display : block, inline, inline-block, none

Positionnement et flexbox (Semaine 10)


 - Position : static, relative, absolute, fixed, sticky
 - Flexbox : display: flex, justify-content, align-items
 - Direction, wrap, ordre, flex-grow, flex-basis

Transitions, animations et responsive (Semaine 11)


 - Transitions simples : transition-property, duration, ease
 - Animations : @keyframes, animation-name, animation-duration
 - Responsive design : media queries, unités relatives (%, em, rem)

Projet pratique final (Semaine 12)


 - Créer une page web complète : structure HTML + mise en forme CSS
 - Contenu : menu, article, formulaire de contact, pied de page
 - Design responsive et publication sur GitHub Pages

Vous aimerez peut-être aussi