Télécharger le PDF du cours
Objectifs du cours HTML et CSS et prérequis
Bienvenue à tous dans ce cours complet traitant de deux langages informatiques incontournables : le HTML et CSS.
Le but de ce tutoriel est d’explorer les différentes fonctionnalités du HTML et du CSS et de vous apprendre à les utiliser pas à pas.
Le HTML et le CSS sont des langages web de base ; on commence donc généralement par leur apprentissage car ils sont assez simples à comprendre et car ils sont incontournables.
Ce cours n’est pas qu’un simple empilage de connaissances : l’idée est au contraire de vous accompagner un maximum afin que vous compreniez à quoi correspond chaque notion, quand utiliser tel élément de langage plutôt que tel autre, comment s’imbriquent les différents éléments de langage et les langages ensemble pour qu’à la fin du cours vous soyez totalement autonomes et sachiez résoudre des problématiques relativement complexes.
Le cours se veut progressif dans la complexité des notions et s’adresse donc à tous, des plus parfaits débutants aux personnes disposant déjà d’un bagage informatique.
Nous nous intéresserons dans ce cours aux dernières versions stables de ces langages, à savoir le HTML5 et le CSS3.
Méthodologie et pédagogie du cours HTML et CSS
Dans un but pédagogique, et afin de vous fournir la meilleure expérience d’apprentissage possible, ce cours a été divisé en de multiples sous-chapitres eux mêmes regroupés en sections.
Vous pouvez à tout moment voir le sommaire du cours sur votre gauche pour vous repérer et naviguer entre les différentes leçons du cours.
Chaque nouvelle section dispose d’un script illustré par de nombreux exemples. Les différents codes utilisés vous seront fournis et vous pourrez même les tester en direct grâce à l’intégration du module CodePen.
Finalement, des quizz et des exercices d’application sont disponibles tout au long de ce cours HTML et CSS afin que vous puissiez tester votre compréhension du cours et voir votre progression.
En bref : tout a été fait pour faciliter un apprentissage rapide et une compréhension globale du HTML et du CSS.
Soutenir la création de cours
Ce cours complet HTML et CSS est 100% gratuit. Il a cependant demandé énormément de travail pour être créé et rivalise largement avec la plupart des cours payants disponibles sur le net. Pour que celui-ci puisse être mis à jour régulièrement et pour aider à la création d’autres cours comme celui-ci, tout don est le bienvenu. Vous pouvez effectuer un don sécurisé directement ici :
Merci par avance pour votre soutien !
NOUVEAU : le livre PDF du cours
Vous pouvez désormais également soutenir le site en vous procurant le livre PDF du cours mis en page spécialement pour une lecture hors ligne (chaque exemple de code est notamment illustré par des captures d’écran du code et du résultat). Pour cela, cliquez ici : livret PDF du cours HTML et CSS. Le livre est au prix de 10€.
Bonjour,
Excellent travail, félicitation pour ce cours.
J’aurai juste une remarque pour le suivi du cours, serait-il possible de retrouver le numéro du chapitre dans le titre du cours et/ou avoir en surligné le chapitre en cours de lecture, ceci serait plus facile pour voir ou nous en sommes dans le cours.
Encore merci pour ce cours très bien fait.
Chris
merci beaucoup!
Bonjour et merci pour ce travail incroyable!
J’ai une question pratique qui m’habite. J’en suis à bientôt la moitié du cours sur le HTML+CSS. Je voulais juste savoir quelle est la version de votre cours la plus à jour et la plus complète? Cette version web ou les vidéos de votre chaine youtube de 2015?
Bonne continuation
Bonjour,
Merci pour le compliment !
La version écrite sur ce site est tenue à jour très régulièrement et chaque leçon se base sur les dernières fonctionnalités des langages disponibles donc c’est bien cette version écrite qui est la plus à jour et la plus complète. Je travaille d’ailleurs actuellement sur une nouvelle série de vidéos (que j’espère sortir d’ici début 2020) à partir de cette version écrite.
Amicalement,
Bonjour Pierre,
J’aimerai savoir si vos cours seront payants par la suite. PS: Quelle est la différence entre le livre est le cours gratuit en lui même.
Bonjour,
Non les cours ne seront jamais payants : ma philosophie de départ était de partager mes connaissances et cela n’a pas changé. Le contenu entre le cours disponible gratuitement sur le site et le livre PDF est quasiment le même. J’ai simplement fait des ajustements dans le PDF afin que le cours soit également compréhensible hors ligne.
Amicalement,
Je suis vraiment content d’avoir vous découvrir, je veux me reconvertir dans le métier de développeur web (Font-end et Back-end), car de par mon analyse effectuée, dans un avenir proche de mon pays la République de Guinée, tout le monde envisagera de migré vers les NTIC. Pour cette raison je suis entrain de me planifier afin de créer « une agence web » renommée, qui pourra relevée le défis des PME de mon pays qui n’ont même pas de site vitrine.
Mon souhaite actuel est d’avoir de connaissance nécessaire afin de réaliser mon rêve d’ici fin 2020, je compte passer 06h/jours de cours en commençant du debut (html5 et css3) . Et je souhaiterai vous soyez mon conseillé technique, car la réalisation de mon entreprise nécessitera de recruter au moins (03) développeurs et d’autres informaticiens de d’autres disciplines.
L’Afrique en a besoin. Bon courage mon frère
Je suis Technicien de Maintenance Informatique, j’ose croire que avec ces cours très bien détaillés, je réaliserai mes rêves.
Bonjour j essaye de suivre vos cours html mais je le fait sur mon portable et peut être est-ce pour cela que je n est pas le sommaire sur la gauche pour pouvoir naviguer dans les chapitres. Comment puis-je faire. Merci
Bonjour,
Oui le sommaire est caché pour les mobiles afin de conserver tout l’espace pour le contenu des cours et que les informations restent les plus lisibles possibles. Il n’y a rien que vous puissiez faire.
Cordialement,
Je pense qu’il serait mieux d’avoir le sommaire en menu déroulant au pied de la page.
Par exemple, j’utilise mon portable juste pour rafraîchir mes mémoires sur des notions spécifiques du cours, il semble qu’il y a pas moyen d’y arriver avec le portable.
Ce serait sympa d’optimiser ce point là.
Merci pour tout Pierre. Je suis devenu fan maintenant :).
Salutation spéciale !!!
Précision sur mon téléphone portable
j’apprécie énormément cet artile
Merci beaucoup Pierre, grâce à tes cours bien détaillés mon amour pour la programmation ne cesse de s’accroître.
Cordialement !
Bonjour Pierre,
Comptez-vous inclure une introduction aux variables en HTML bientôt ?
Merci.
Bonjour,
Qu’entendez-vous par « variables en HTML » ? Le HTML n’est pas un langage de programmation et par conséquent le concept de variable n’existe pas en HTML. Peut être voulez vous parler des variables JavaScript pour manipuler le DOM HTML ?
Amicalement,
Pierre
Je parlais de ça :
https://codepen.io/bradtraversy/pen/VyPNOr
Bonjour,
Mon cours dispose déjà d’une leçon sur les « variables » CSS : https://www.pierre-giraud.com/html-css-apprendre-coder-cours/propriete-personnalisee-variable/
Autant pour moi.
J’espère bientôt un ebook sur le Javascript !
Merci.
Bonjour Pierre,
J’ai appris les bases du HTML et CSS grâce à vos vidéos sur Youtube (vos premières) et grâce à vous je peux maintenant faire mes petites pages tout seul !
J’ai d’ailleurs cru, au début, que vous n’aviez plus de cours en ligne car j’avais été sur pierre-giraud.fr et celui-là datait de 2014/2015. Mais je vous ai retrouvé ici et c’est super !
Je pense que je devrais me mettre un peu à jour avec votre cours sur votre site car j’ai vu certaines choses qu’il n’y avait pas dans les vidéos.
Dans tous les cas, merci beaucoup pour votre façon de donner cours !
Je viens de commencer le PhP et MySQL et c’est toujours aussi bien explique, c’est génial !
Jérémy,
Bonjour je suis nouveau dans la programmation et sur le site.
Merci beaucoup pour ce cours.
Grand merci pour ce cours de qualité