Partage
  • Partager sur Facebook
  • Partager sur Twitter

incompréhension des exercices de fin de cours

    13 juin 2024 à 17:45:58

    Bonjour, je me présente, Vincent 37 ans en reconversion pro. Je débute donc l'apprentissage html / css. J'ai eu quelques notions quand j'avais 20 ans en débutant un bts (non fini)

    Je me permets d'écrire ce message car depuis le début de l'apprentissage gratuit, je ne comprends absolument pas les exercices demandés. Le cours en vidéo et les explications sont assez clairs, mais lors de l'exercice je ne comprends absolument pas ce qu'ils demandent. 

    Je m'explique, en partant d'un énoncé du genre : 

    À partir de cette base de code, vous allez :

    • utiliser  flex  pour avoir le logo en haut à gauche de la page, et les liens de navigation à droite dans l’en-tête ;

    • réagencer les éléments pour avoir le titre de la page d'accueil, le paragraphe, et le lien ayant la classe "CTA" à gauche, et la photo à droite ;


    J'essaye de créer des container, des éléments à l'intérieur etc. pour modifier leur valeurs, je tâtonne et je bloque sur certains points.

    Vu qu'il n'y a aucune aide sur ce qu'ils veulent, je prends la correction et je m'aperçois qu'ils n'ont absolument pas fait comme je l'imaginais, qu'ils ont intégré des choses qu'on n'a même pas vu dans le cours, modifier le .css à 80% ... bref, ils ont fait leur sauce de web dev expérimenté, sauf que c'est un cours pour débutant et que cette façon de faire pratiquer avec des exercices comme ça, n'est absolument pas appropriée ni même pédagogique.

    Je ne comprends pas comment ils veulent que je comprenne ce qu'ils demande avec si peu d'explications et pire encore, comment veulent ils que je devienne autonome si à chaque fois je suis obligé de tout pomper sur la correction ?

    Suis-je le seul ? Ca me désole mais je vais m'orienter vers un autre site d'apprentissage web.

    Merci de votre lecture 

    • Partager sur Facebook
    • Partager sur Twitter
      13 juin 2024 à 18:23:31

      Bonsoir,

      >> J'essaye de créer des container, des éléments à l'intérieur etc. pour modifier leur valeurs, je tâtonne et je bloque sur certains points.

      Quel est le code que vous avez écrit? Postez sur le forum en utilisant le bouton code </> de la barre d'outil.

      >> ils ont fait leur sauce de web dev expérimenté

      Certes les contenus des cours se sont vu réduit, si cela vous convient mieux l'ancien cours est toujours disponible en PDF, mais sans flexbox et grid.

      >> Ca me désole mais je vais m'orienter vers un autre site d'apprentissage web.

      Les ressources sur le web ne manque pas. MDN, grafikart, pierre giraud, etc... Faite votre choix... 

      • Partager sur Facebook
      • Partager sur Twitter
        13 juin 2024 à 18:57:07

        Merci de votre réponse,

        Je n'ai pas gardé le code que j'avais essayé malheureusement. En fait ce que je trouve un peu trop "léger" c'est sur l'explication de la logique de construction d'un site web.

        Je m'explique, parfois j'arrive à faire l'exercice, à ma sauce, le rendu fonctionne, mais lorsque j'ouvre la correction je m'aperçois que ce n'était pas du tout ce qu'ils attendaient de moi. Ils attendaient un logique bien particulière de balises, alors que moi j'ai fait une tout autre logique n'impliquant pas forcément leur mode de fonctionnement... Je vois donc que mon code est bcp plus brouillon, moins "pro" et surtout plus compliqué parfois... je manque totalement de structure et ça malheureusement, ce cours pour débutant ne m'a rien apporté à ce sujet. Du coup je copie/colle la réponse et je ne retiens pas.

        Merci de votre retour, j'irai voir ces différentes ressources.

        • Partager sur Facebook
        • Partager sur Twitter
          14 juin 2024 à 22:03:11

          Bonsoir,

          J'ai une expérience similaire avec l'apparition de class cta dans le corrigé alors même que ce n'est pas abordé dans le cours, ni dans la vidéo.

          • Partager sur Facebook
          • Partager sur Twitter
            1 juillet 2024 à 17:28:51

            <!DOCTYPE html>
            <html lang="fr">
                <head>
                    <meta charset="utf-8">
                    <title>À propos de Robbie Lens </title>
                </head>
                <body>
                    <a href="../index.html"><img src="https://github.com/OpenClassrooms-Student-Center/1603881-creez-votre-site-web-avec-html5-et-css3/blob/P1C6-exercice/images/logo.png?raw=true">
                    </a>
                    <a href="../index.html">Accueil</a>
                    <h1>À propos de Robbie Lens</h1>
                    <p>Photographe depuis plus de 5 ans, je réalise des reportages aux photos dynamiques et pertinentes pour vos projets de communication. Créativité, qualité, et sérénité pour vous ! Je gère tout, depuis la direction artistique, la réalisation du reportage, jusqu’à la livraison de vos photos retouchées, prêtes à l’emploi.    
            
                    </p>
                    <h2>Services</h2>
                    <ul>
                        <li>Portrait seul ou à plusieurs</li>
                        <li>Shooting mode</li>
                        <li>Retouche sur mesure</li>
                        <li>Développement</li>
                    </ul>
                    <a href="https://twitter.com/"><img src="https://github.com/OpenClassrooms-Student-Center/1603881-creez-votre-site-web-avec-html5-et-css3/blob/P1C6-exercice/images/twitter.png?raw=true"</a><br>
                    <a href="https://www.instagram.com/"><img src="https://github.com/OpenClassrooms-Student-Center/1603881-creez-votre-site-web-avec-html5-et-css3/blob/P1C6-exercice/images/instagram.png?raw=true"</a><br>
            
            
            
                    <a href="../index.html"><img src="https://github.com/OpenClassrooms-Student-Center/1603881-creez-votre-site-web-avec-html5-et-css3/blob/P1C6-exercice/images/logo.png?raw=true"></a>
                </body>
            • Partager sur Facebook
            • Partager sur Twitter
              2 juillet 2024 à 18:15:00

              Je propose cette alternative.

              Qu'en pensez vous?

              • Partager sur Facebook
              • Partager sur Twitter
                2 juillet 2024 à 20:33:01

                @Stéphane_64 Bonsoir, passez votre code au validateur pour voir et corriger vos erreurs : https://validator.w3.org/#validate_by_input

                La balise <img> ne sort jamais sans son attribut alt obligatoire. Celui-ci sert à indiquer une description de l'image. Plus d'info ici et ici.  

                Vidéos de démo et explicative :

                L22 et L23 oubli du chevron fermant de la balise <img>.

                -
                Edité par AbcAbc6 2 juillet 2024 à 20:33:33

                • Partager sur Facebook
                • Partager sur Twitter
                  12 juillet 2024 à 15:39:21

                  voila je suis exactement dans le même cas, tout est brouillon, je recopie sans retenir, je suis désolé de dire ça mais c'est assez mal expliqué. je suis obligé de me tourner vers des professionnels sur facebook et reprendre à zéro sur des vidéos youtube. je pensais être la seule en galère mais je vois que non. je pense que c'est mal barré pour moi.

                  courage à vous tous

                  • Partager sur Facebook
                  • Partager sur Twitter

                  incompréhension des exercices de fin de cours

                  × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                  × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                  • Editeur
                  • Markdown