Dans cette formation Intégration web, vous allez apprendre les notions fondamentales du Web et des langages HTML et CSS. Cette 5ème partie porte sur la mise en page de votre site.
Cette formation s'adresse à tous car elle a été conçue en partant du principe que vous n'avez aucune connaissance technique.
Au programme de cette formation HTML et CSS :
Nous verrons comment structurer sa page avec les balises structurantes de HTML5, les types de balises, comment redimensionner les blocs, comment les couper ou leur attribuer des marges intérieures et extérieures, les types de positionnement (flottant, inline-block, ...) et leur compatibilité avec Internet explorer.
A noter que cette formation est la cinquième partie d'une longue série de 7 modules, dédiées à l'apprentissage progressif des langages HTML et CSS, et plus généralement aux bases du développement web.
Cette formation comprend :
- 31 vidéos sur la mise en page
- Des exercices et un QCM de 40 questions pour vérifier vos connaissances sur les notions fondamentales
- Quelques références de lecture.
Je reste disponible via l'espace d'entraide de la formation si vous avez des questions.
Table des matières de cette formation HTML, CSS (durée : 1h04m)
-
Introduction
- 01. Présentation du cours gratuit 00:01:12
-
Chapitre 15 : Structurer sa page
- 02. Introduction à la structure de la page 00:00:47
- 03. Sommaire du chapitre 15 00:00:13
- 04. Les balises structurantes de HTML5 00:03:11
- 05. Comment éditer les balises structurantes 00:12:09
- 06. Comment repérer les balises structurantes 00:04:36
- 07. La compatibilité avec Internet Explorer 00:00:55
- 08. Comment assurer la compatibilité avec Internet Explorer 00:02:03
- 09. Conclusion du chapitre 15 00:00:57
-
Chapitre 16 : Le modèle des boîtes
- 10. Introduction aux modèles des boîtes 00:00:44
- 11. Sommaire du chapitre 16 00:00:25
- 12. Les balises de types bloc et inline 00:01:37
- 13. Quelques exemples 00:00:27
- 14. Les dimensions 00:00:45
- 15. Comment modifier les dimensions des blocs 00:03:40
- 16. Les marges 00:01:20
- 17. Comment indiquer les marges autour des blocs 00:02:33
- 18. Couper les blocs 00:01:17
- 19. Comment couper les blocs avec overflow 00:04:28
- 20. Couper les textes trop larges 00:00:28
- 21. Conclusion du chapitre 16 00:00:58
-
Chapitre 17 : Positionner les balises structurantes
- 22. Introduction au chapitre 17 00:00:17
- 23. Sommaire du chapitre 17 00:00:20
- 24. Le positionnement flottant 00:01:09
- 25. Comment positionner ses éléments avec float 00:04:07
- 26. Transformer ses éléments avec display 00:03:06
- 27. Comment positionner ses éléments avec inline-block 00:03:08
- 28. Les positionnements absolu, fixe et relatif 00:02:01
- 29. Comment positionner ses éléments avec la méthode absolue 00:03:45
- 30. Conclusion du chapitre 17 00:01:19
-
Conclusion
- 31. Conclusion du cours 00:00:44
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Diane Dransart
-
Avec quelles versions de logiciels ce tuto est-il compatible ?HTML 5, CSS 3
-
Quel est le niveau requis pour suivre ce tuto ?débutant