Apprendre HTML et CSS – Créer un site Web

Important:
Ce cours fait partie de la Formation Complète Développeur Web

Découvrir la Formation Développeur Web

formation developpeur web

Description du Cours:

Vous souhaitez devenir dévelopeur web ? Vous voulez être capable de créer un site Internet ? Mais vous êtes un total débutant dans ce domaine ?
Alors bonne nouvelle! Ce cours est fait pour vous..

D’abord on va apprendre les bases du développement web, c’est-à-dire HTML et CSS.

C’est quoi HTML ?

C’est un langage composé de ce qu’on appelle des tags qui permet de représenter la structure de nos pages Web.
Un titre, un paragraphe, des images, etc…
Maintenant, il faut savoir que HTML sans CSS c’est pas très joli !
C’est pourquoi HTML vient souvent avec son fidèle compagnon : le CSS.

C’est quoi CSS ?

C’est un langage qui va décorer notre HTML. Il est responsable des couleurs, des tailles, de la mise en page, etc…
Dans ce cours vous allez construire un site Web depuis 0 avec uniquement de l’HTML et du CSS.

Vous allez taper vos premières lignes de code ! Je vous assisterai et vous expliquerai en détails chacune des étapes.
Allez ! On passe à l’action !

Achetez le cours « Apprendre HTML et CSS » pour avoir accès:

  • Accès à vie: Accédez à vie à toutes les vidéos du cours…
  • Quiz: Testez vos connaissances en HTML et CSS !
  • Projet: Fini la théorie, place à la pratique… Créez votre premier site Web !
  • Mission: Cassez-vous la tête avec la Mission pour aller encore plus loin !
  • Code source: Téléchargez les fichiers du Projet
  • Certificat de Réussite: Prouvez vos connaissances auprès des recruteurs

171 COMMENTAIRES

  1. Et bien, encore une fois ta façon de présenter les étapes de programmation d’une page web est vraiment génial, j’ai adoré faire le cours. La mission = Fait! sans la solution. Sa rehausse le plaisir relié au travail réussi.
    Je te le cacherai pas, je me cherche des projets de page web à faire… :p

    Merci pour ton excellent travail !

  2. Merci,
    Très bon tutos, merci d’aider les débutants comme moi à comprendre le codage, j’étais impatient de découvrir les vidéos suivante et jusqu’à la fin de la mission je suis resté « scotché » à mon écran, ce qui me donne envie de suivre les vidéos de tes autres cours.
    🙂 pascal

  3. Bonjour,

    Wahou !!! Je viens de terminer le quiz HTML5 j’ai obtenu 100 % de réponses justes, comment et ou trouver la copie de mon quiz ? Un grand merci pour la qualité des vidéos et leurs contenus …. Comme les gamins, j’aurai aimé « obtenir mon bulletin de notes » lol !!!!

    Très bonne fin de journée
    Agnès de la Drôme Nord (petit village situé sur l’axe Lyon et Valence)

      • Bonjour,

        Bien, super, j’ai passé le css au W3C oups il manquait 2 point virgules (réparé depuis…) Lu bonus génial ! la vidéo je me suis plantée mais tu as donné la solusse wahou !! petit bémol qui vont en faire jaser plus d’une j’ai horreur de cloclo (faut bien que jeunesse se passe lol !), j’ai déjà un site en HTML 5 et CSS 3 … bien qu’il a été validé par OC (j’étais écœurée car j’ai souffert pour le réaliser) ; de plus, j’ai compris avec toi les erreurs à corriger sur mon autre site …et ben j’ai du taf en corrections et çà c’est grâce à la clarté de tes cours et cela me va !!!

        Ps : puis je mettre Travel Agency en ligne avec mes autres projets pour préparer mon portfolio ?

        Merci pour tout …t’es un pro
        Bien sincèrement
        Agnès 59 ans en automne (de la Drôme Nord petit village entre Lyon et Valence)

          • Bonjour,

            Merci pour la réponse et la confirmation…

            Toutefois, le site aura dans le footer, après la mention « tous droits réservé » cette ligne : »réalisé par Agnes Chotin parcours DWJ apprendre à coder.com », + les cgu + bannière cookies (cause RGDP) .

            Actuellement, je code les @meta-queries pour rendre le site en responsive, + un burger….

            Très bonne journée, Agnès…

            à suivre pour le JS…

          • Bonsoir,

            C’est Agnès de la Drôme…
            J’ai un peu personnalisé le projet de John…

            Voici le lien : http://www.agnes-chotin.fr/projets/p1travelagency/

            Ca y est il est en responsive, maintenant il me reste la bannière des cookies à mettre en place, et le passer en HTTPS.

            Merci de vos avis…

            Euh un cours sur les @méta queries et sur les cookies seraient top !!!!

            Très bonne fin de soirée
            Agnès

  4. merci
    tu ma servie beaucoup pour apprendre les different language
    c’est cool .tu es un exellent prof
    je conprend mainetant malgres que j ai 13 ans grace a toi qui va m avencer dans mon futur job
    ingenieur en informatique et developeur web.
    merci baucoup

  5. cooooool !!
    j’ai suivie les tuto gratuits mais je n’est pas accès au projet 😞.alors j’ai essayait de faire la page que je voyait dans les vidéo de présentation du projet et j’ai réussit. ☺🙌.
    Vous étés vraiment un prof très motivant ,merci John.👍👌.on perd jamais l’envie d’apprendre avec vous 👊👌👍.

  6. Super cours – Un grand merci à vous car franchement après toutes ces années sans manipulation du code html et css, j’avais oublié pas mal de choses. Même la mission je me suis compliquée la vie, je mets de la difficulté où il n’y en a pas. Mais j’étais pas très loin de parvenir au résultat final.
    J’ai beaucoup aimé toutes ces leçons et j’ai aussi beaucoup appris en effet. Et ce qui est bien, c’est que je pourrais revenir sur ces cours et sur mes pages de codes chaque fois que ma mémoire me fera défaut. Quand on aime ce qu’on fait, on progresse assurément.

  7. je suis débutant et pourtant j’ai beaucoup appris! tes cours sont Super !! en plus avec tes cours j’ai fais de réel progrès
    je suis inscrit sur le site Open….mais le votre c’est le meilleur si vous dite pas a pas et bien c’est la vérité… c’est un vrai plaisir d’apprendre avec vous et je le resterai… Bravo encore et merci.

  8. salut john moi c’est christophe, je suis actuellement en formation développeur web et avant de commencer tes cours, je n’avais aucune notion du css et html et en 2 mois de formation en plus de tes cours j’ai fais de réel progrès et même mes formateurs l’ont remarqué et pour cela je te remercie énormément, j’espère obtenir ma certification de niveau 3 car je me donne a fond dans la formation j’ai aussi parler de ton site a tous les apprenant qui sont avec moi et eu aussi sa les a beaucoup aider quand ils sont a la maison en tout cas tes cours sont super et j’ai acheter tout tes cours pour être auto a la fin de ma formation, sinon continue comme sa tes cours sont super et c’est un vrai plaisir d’apprendre avec toi et ton sens de l’humour a bientot et je te souhaite plein de bonne chose dans la vie. 😀👍

  9. Ah, que j’ai aimé suivre ce premier module! Merci pour ces cours passionnants et agréables à suivre. Je craignais de patauger lamentablement, et finalement non, grâce au savoir-faire et aux explications très claires de John. C’était ma première incursion dans l’univers HTML et CSS. Je vais de ce pas poursuivre sur un deuxième module, ravie de cet apprentissage que je peux suivre à mon rythme, tout en continuant mes autres activités. Mes neurones (stimulés comme jamais) et moi-même remercions John pour son efficacité, ses connaissances et sa bonne humeur! 😉

  10. merci John pour ce cours vraiment simplifié. Car je peux te dire que des sites, ehhh ben j’en ai visité et finalement au bout d’un certain nombre de cours, ça devenait lassant et >bizare<lol. Mais je me plait bien ici à passer des nuits blanches rien que pour arriver à bout d'une mission 😉
    cependant je profite par ce biais pour te dire que malgré le fait que j'ai lu et relu le cours, j'ai encore quelques p'tites lacunes quant'à l'utilisation propre de la propriété <>(relative & absolue) en générale.
    Merci encore pour la compréhension et du courage à tous les autres étudiants.

  11. Merci beaucoup t’es cours son géniaux
    je suis un débutant
    je suis en 1er année Génie_informatique a L’École Supérieure Polytechnique de Dakar
    Je veux devenir un développeur web dans le futur
    et j’ai l’honneur de vous suivre et J’ai grandement bénéficié de vous
    Merci Mon prof

  12. Bonjour John,

    Excellent à tous points de vue.
    Rien de tel que l’apprentissage pour avancer et comprendre par cet enseignement que tu as su si bien mettre en place.
    Il faut cependant pratiquer afin d’acquérir certains automatismes, mais quel régal de voir les pages WEB se remplir et fonctionner au fur et à mesure (Bien sûr, les erreurs de syntaxe mettent parfois le cerveau en ébullition…, mais quand on trouver le problème c’est fabuleux.)
    Ta présence visuelle en bas de l’écran, accompagnée de tous tes conseils en audio apporte une sensation de cours particulier et on ne se sent jamais seul.
    Le temps passe ainsi très vite, mais on engrange les connaissances que tu nous inculques avec tant de passion.
    Bravo encore et merci.
    Une observation sur le projet du site : J’ai constaté que si l’on dé-zoomer la page dans l’explorateur, l’image principale « main.jpg » se répétait sur la largeur. J’ai donc rajouté dans le CSS à: #main-image, un : background-repeat: no-repeat; » Cela à l’air de fonctionner, mais est-ce la bonne solution?
    Merci une nouvelle fois si tu as un peu de temps pour me répondre en m’en informant sur mon email.
    J’ai hâte de poursuivre sur les prochaines leçons…
    Merci John et à bientôt…

  13. Cours complet, les explications sont adaptées aux débutants et l’enthousiasme de John est contagieux. Le projet est le vrai plus de cette formation, il permet de mettre en application les connaissances apprises et d’apprendre à structurer le code d’une page web.

    Très bon cours.

    Je passe maintenant au JavaScript.

  14. Merci pour tes cours …
    Est ce que tu t’y connais en referencement seo ou payant ? en strategies internet?
    je serai interessé sur cela (cours payant)
    Si je peux me permettre une petite question concernant ce cours la (html css)
    Le media query pour les mobiles, il est écrit un width max de 575px (bootstrap) mais quand je regarde par exemple une dimension des telephones portables comme le s7 samsung, il est écrit 2560 X 1440 pixels. pourquoi?

  15. Il est 1heure du matin ici et comme quoi ce premier cours de HTML/CSS avec projet et défi final m’a bien accroché!! J’y ai passé toute la journée et j’ai adoré! Merci beaucoup John pour ton professionnalisme, ta bonne humeur et tes cours super bien détaillés!

    J’ai fini le projet, le défi (vidéo qui se lance automatiquement aussi ^_^) et j’ai bien hâte d’être demain pour continuer avec l’apprentissage de Javascript.

    Merci pour tout!

  16. Bonjour John j’ai commencer cette magnifique formation en ligne sur le code HTML et CSS et sa avance plutot vite vue la durer des vidéo qui sont très bien expliquer ! J’aimerais savoir avez-vous fais une vidéo parlent de vos étude ? cela m’intéresse beaucoup j’ai actuellement 14ans et cherche une vocation qui peut taper dans l’informatique ! en tous cas merci pour ses cours fabuleux !

  17. Excellente formation, j’ai bien eu quelques soucis; mais ce n’était du qu’à des étourderies une virgule au lieu d’un point virgule ou un = oublié après une Class. Bref de bien petits malheurs mais qui font bien prendre conscience de la rigueur dont il faut faire preuve pour que tout roule ! J’aurai aimé que cela dur plus longtemps. Et surtout que l’on soit guidé au cours d’autres projets. Un grand merci à John ; et un immense bravo pour la clarté des explications, votre professionnalisme est « top » et votre bonne humeur m’a permis de « m’accrocher » lorsque j’ai rencontré qq dificultés.
    j’ai recommencé 3 fois la partie steps ! car je mettais le id après le …. sans doute du à mon grand âge…

    Une idée : mettre en ligne d’autres projets de site !
    Il ne me reste plus qu’à aller chercher ma prochaine formation.

  18. Vraiment très sympa, et surtout absolument enthousiasmant car « le dev » nous montre tout de ce qu’il fait, y compris sa méthodologie d’analyse, ce qui est assez rare pour être souligné.
    Facile à suivre, complet pour se mettre sur la voix de l’apprentissage intensif en douceur, bref du bonheur en concentré ! 🙂
    J’avais regretté dans une premier temps que les fichiers ne soient pas téléchargeables, mais finalement ça oblige à se corriger soi-même lors des petites erreurs, et c’est très efficace pour l’apprentissage : donc à part les goûts musicaux du John et sa façon de célébrer la fin du cours, rien à redire ! 😉