ℹ️ Ce cours est également disponible sur [GitHub](https://github.com/YannHY/html-css-js). - [Télécharger les fichiers permettant de suivre les cours et de faire les exercices](https://app.box.com/s/wzc7zdwnhmrypn66z5pct2e7uc57aijk). - [[Documentation/HTML-CSS/Cours HTML CSS JS/Ressources |Ressources]] ## Première partie (HTML) 1. [[Documentation/HTML-CSS/Cours HTML CSS JS/1. Première partie/1.1 Introduction| Introduction]] 2. [[1.2 Qu'est-ce que le web ? | Qu'est-ce que le web ?]] 3. [[1.3 Qu'est-ce qu'un langage de balisage ? | Qu'est-ce qu'un langage de balisage ?]] 4. [[1.4 Qu'est-ce que le HTML ? | Qu'est-ce que le HTML ?]] 5. [[1.5 Utiliser un éditeur de code | Utiliser un éditeur de code]] 6. [[1.6 Créer sa première page web | Créer sa première page web]] 7. [[1.7 Manipuler le texte | Manipuler le texte]] 8. [[1.8 Créer des liens | Créer des liens]] 9. [[1.9 Ajouter des images | Ajouter des images]] 10. [[1.10 Insérer un tableau | Insérer un tableau]] 11. [[1.11 La structure d'une page web | La structure d'une page web]] ### Exercices - [[Exercice 1]] - [[Exercice 2]] - [[Exercice 3]] ## Deuxième partie (CSS) 1. [[2.1 Présentation de CSS | Présentation de CSS]] 2. [[2.2 Où écrire le CSS ? | Où écrire le CSS ?]] 3. [[2.3 Modifier le texte | Modifier le texte]] 4. [[2.4 Héritage | Héritage]] 5. [[2.5 Class et id | Class et id]] 6. [[2.6 Les couleurs | Les couleurs]] 7. [[2.7 Modifier les liens | Modifier les liens]] 8. [[2.8 Le modèle de boîte | Le modèle de boîte]] 9. [[2.9 Margin et padding | Margin et padding]] 10. [[2.10 Les types de boite | Les types de boite]] 11. [[2.11 La position | La position]] 12. [[2.12 Outils de développement | Outils de développement]] ### Exercices - [[Exercice 4]] - [[Exercice 5]] - [[Exercice 6]] ## Troisième partie (Flexbox & Grid) 1. [[3.1 Flexbox (introduction) | Flexbox (introduction)]] 2. [[3.2 Les propriétés de flexbox | Les propriétés de flexbox]] 3. [[3.3 Grid (introduction) | Grid (introduction)]] 4. [[3.4 Les propriétés de Grid | Les propriétés de Grid]] ### Exercices - [[Exercice 7]] - [[Exercice 8]] - [[Exercice 9]] ## Quatrième partie (Responsive design & Mode sombre) 1. [[4.1 Créer une page « responsive design » | Créer une page « responsive design »]] 2. [[4.2 Les requêtes média (media queries) | Les requêtes média (media queries)]] 3. [[4.3 Intégrer un mode sombre (CSS uniquement) | Intégrer un mode sombre (CSS uniquement)]] ### Exercices - [[Exercice 10]] - [[Exercice 11]] ## Cinquième partie (CSS avancé, typographie, etc.) 1. [[5.1 Ajouter des icônes | Ajouter des icônes]] 2. [[5.2 Typographie | Typographie]] 3. [[5.3 Davantage de CSS | Davantage de CSS]] 4. [[5.4 Animation 1 | Animation 1]] 5. [[5.5 Animation 2 | Animation 2]] 6. [[5.6 Insérer un iframe | Insérer un iframe]] ### Exercices - [[Exercice 12]] - [[Exercice 13]] ## Sixième partie (JavaScript) 1. [[6.1 Initiation à JavaScript | Initiation à JavaScript]] 1. [[6.1.1 Les fonctions | Les fonctions]] 2. [[6.1.2 Les conditions | Les conditions]] 3. [[6.1.3 Le DOM | Le DOM]] 4. [[6.1.4 La boucle for | La boucle for]] 2. [[6.3 Changer d'image | Changer d'image]] 3. [[6.2 Créer un bouton pour afficher ou cacher un élément | Créer un bouton pour afficher ou cacher un élément]] 4. [[6.4 Créer un mode sombre | Créer un mode sombre]] 5. [[6.5 Créer une fenêtre modale | Créer une fenêtre modale]] ## Septième partie (Publier) 1. [[7.1 Publier son site | Publier son site]] 2. [[7.2 Ajouter un favicon | Ajouter un favicon]] 3. [[7.3 Créer un formulaire | Créer un formulaire]] 4. [[7.4 Utiliser un FTP | Utiliser un FTP]] 5. [[7.5 Trouver l'inspiration | Trouver l'inspiration]] 6. [[7.6 Conclusion | Conclusion]] ### Challenge - [[Créez votre CV en ligne]] <hr /> ## Licence <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons Licence" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br />Ce travail est sous licence <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution - Partage dans les Mêmes Conditions 4.0 International</a>. Ces cours seront mis à jour régulièrement. Lire [[Modifications à venir | la liste des modifications à venir]].