Partage
  • Partager sur Facebook
  • Partager sur Twitter

Questions MOOC HTML/CSS

    6 septembre 2023 à 23:07:10 - Message modéré pour le motif suivant : Message complètement hors sujet


      14 septembre 2023 à 16:31:45 - Message modéré pour le motif suivant : Message complètement hors sujet


        15 octobre 2023 à 13:48:45 - Message modéré pour le motif suivant : Toute forme de publicité est interdite


          25 octobre 2023 à 6:39:59 - Message modéré pour le motif suivant : Merci d'écrire en français


          Moris Wayne.

            9 novembre 2023 à 17:54:55

            Bané a écrit:

            Bonjour, dans les cours d'apprentissage sur le site à propos de HTML et CSS, on doit créer le site pour Robbie Lens, j'aimerai avoir confirmation si on doit utiliser plusieurs fichiers sur le logiciel Visual studio code ou bien on doit faire toutes les étapes sur le même fichier ?

            En effet, le site est composé de plusieurs pages différentes, chacune avec son propre contenu et ses propres styles. Il serait donc plus facile de gérer le code de chaque page dans son propre fichier.

            Voici une structure de fichiers possible pour le site de Robbie Lens :

            index.html about.html contact.html style.css
            • Partager sur Facebook
            • Partager sur Twitter
              25 novembre 2023 à 2:11:02

              Salut !

              Je viens de terminer le cours : Apprenez à creer votre site web avec HTLM5 et CSS3. https://openclassrooms.com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3 et honnetement, je me sens prêt à aller de l'avant dans cette belle aventure. C'est pourquoi j'ai commencé à suivre le cours "Apprenez à créer un site dynamique avec PHP et MySQL. Toutes mes félicitations à l'équipe Openclassrooms ! Aussi, à monsieur Mathieu Nebra.

              Maintenant, ce que j'aimerais savoir c'est comment obtenir mon certificat. Je suis prêt à respecter les exigences qui s'imposent à ce sujet.

              Mes civilités !

              Princelet DESHOMMES


              • Partager sur Facebook
              • Partager sur Twitter
                25 novembre 2023 à 2:31:20

                PrinceletDeshommes a écrit:

                Maintenant, ce que j'aimerais savoir c'est comment obtenir mon certificat. Je suis prêt à respecter les exigences qui s'imposent à ce sujet

                 Bonsoir, pour obtenir votre certificat vous devez être premium. Go => https://openclassrooms.com/fr/premium

                • Partager sur Facebook
                • Partager sur Twitter
                  25 novembre 2023 à 21:41:46 - Message modéré pour le motif suivant : Merci d’utiliser le bouton code pour insérer un code sur le forum


                    30 novembre 2023 à 11:07:20

                    Bonjour, je ne sais pas si je suis au bonne endroit mais je tente ma chance : je suis le cours "creer votre site web avec HTLM5 et CSS3" et donc j'apprend à manipuler visual studio code j'espère donc que ma question ne vous semblera pas trop naive ^^ !

                    Dans la vidéo "Finalisez un formulaire et ajoutez un bouton d'envoi" le formateur fais glisser la balise fermante </fieldset> dans le code Oo, comment fais t'on ça ?

                    D'avanc emerci et désolé si je ne suis aps au bonne endroit

                    -
                    Edité par Zumo 30 novembre 2023 à 11:09:07

                    • Partager sur Facebook
                    • Partager sur Twitter
                      3 décembre 2023 à 2:10:19 - Message modéré pour le motif suivant : Merci d'écrire en français


                        3 décembre 2023 à 14:01:03

                        Zumo a écrit:

                        Bonjour, je ne sais pas si je suis au bonne endroit mais je tente ma chance : je suis le cours "creer votre site web avec HTLM5 et CSS3" et donc j'apprend à manipuler visual studio code j'espère donc que ma question ne vous semblera pas trop naive ^^ !

                        Dans la vidéo "Finalisez un formulaire et ajoutez un bouton d'envoi" le formateur fais glisser la balise fermante </fieldset> dans le code Oo, comment fais t'on ça ?

                        D'avanc emerci et désolé si je ne suis aps au bonne endroit

                        -
                        Edité par Zumo 30 novembre 2023 à 11:09:07


                        Bonjour,

                        Je ne vois pas trop ce que ça veut dire

                        • Partager sur Facebook
                        • Partager sur Twitter
                          4 décembre 2023 à 2:22:17 - Message modéré pour le motif suivant : Toute forme de publicité est interdite


                            4 décembre 2023 à 9:07:40

                            MarinaGayraud a écrit:

                            Zumo a écrit:

                            Bonjour, je ne sais pas si je suis au bonne endroit mais je tente ma chance : je suis le cours "creer votre site web avec HTLM5 et CSS3" et donc j'apprend à manipuler visual studio code j'espère donc que ma question ne vous semblera pas trop naive ^^ !

                            Dans la vidéo "Finalisez un formulaire et ajoutez un bouton d'envoi" le formateur fais glisser la balise fermante </fieldset> dans le code Oo, comment fais t'on ça ?

                            D'avanc emerci et désolé si je ne suis aps au bonne endroit

                            -
                            Edité par Zumo 30 novembre 2023 à 11:09:07


                            Bonjour,

                            Je ne vois pas trop ce que ça veut dire

                            Désolé, je sais que ce n'est pas très clair ! Si tu veux bien prendre quelques instant il faut regarder la vidéo : https://openclassrooms.com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3/8061499-finalisez-un-formulaire-et-ajoutez-un-bouton-denvoi

                            de 0.30 à 0.35 secondes



                            -
                            Edité par Zumo 4 décembre 2023 à 9:31:18

                            • Partager sur Facebook
                            • Partager sur Twitter
                              4 décembre 2023 à 16:11:07

                              Hello, 

                              Cela ressemble à de la simple utilisation d'un raccourci clavier : mettre ton curseur sur la ligne souhaitée puis appuyer sur Ctrl + Shift + flèche haut pour monter ou flèche bas pour descendre.

                              • Partager sur Facebook
                              • Partager sur Twitter
                              Je ne réponds pas aux messages privés.
                                4 décembre 2023 à 18:29:46

                                Mewen_bzh a écrit:

                                Hello, 

                                Cela ressemble à de la simple utilisation d'un raccourci clavier : mettre ton curseur sur la ligne souhaitée puis appuyer sur Ctrl + Shift + flèche haut pour monter ou flèche bas pour descendre.

                                Tout simplement ! Merci beaucoup !

                                • Partager sur Facebook
                                • Partager sur Twitter
                                  15 janvier 2024 à 20:21:17

                                  Bonjour,

                                  Je débute les cours "créer un site Web avec HTML5 et CSS3 et j'ai cru lire que l'on pouvait échanger ou s'aider avec d'autres participants ?

                                  sinon en cas de problème c'est ici sur cette page ?

                                  merci


                                  • Partager sur Facebook
                                  • Partager sur Twitter
                                    15 janvier 2024 à 20:28:44

                                    @bymo Bonsoir, oui tout à fait, si cela concerne le cours c'est ce sujet, par contre si c'est pour un exemple particulier que tu as fait et/ou que cela concerne une question en rapport avec une problématique précise alors dans ce cas il est préférable de créer un nouveau sujet dédié.

                                    Pour ce faire, cliquer sur "Créer un sujet" à droite de la pagination juste en dessous des sujets épinglés.

                                    Bon apprentissage.

                                    • Partager sur Facebook
                                    • Partager sur Twitter
                                      18 janvier 2024 à 14:23:54

                                      Bonjour à tous, 

                                      J'ai besoin d'aide concernant le projet 6 Planty : Réalisation d'un site avec wordpress html css et php

                                      je n'arrive désespérément pas a faire la bordure avec de lombre sur la page d'accueil, en bas de la section du haut

                                      Je vous remercie d'avance ...

                                      • Partager sur Facebook
                                      • Partager sur Twitter
                                        18 janvier 2024 à 15:25:41

                                        @MohammadAs'AdNurgat Bonjour,

                                        Les membres du forum n'ont aucune idée de ce qu'est le projet 6 Planty. Cela ne concerne pas le cours HTML/CSS de ce site mais bien une problématique particulière. Donc merci de créer un sujet dédier sur le forum en nous transmettant le code que vous avez écrit, l’énoncer du projet 6 Planty ainsi que la tentative de solution infructueuse que vous avez testée. 

                                        -
                                        Edité par AbcAbc6 18 janvier 2024 à 15:48:51

                                        • Partager sur Facebook
                                        • Partager sur Twitter
                                          1 février 2024 à 11:38:14

                                          Bonjour,
                                          dans l'exercice P2C3 "les paragraphes, les listes et les titres H2 soient de la couleur  #F9F8FF  (sur fond bleu foncé).", je trouve que le texte entre parenthèses porte à confusion. Le corrigé n'indique nulle part de "bleu foncé", j'en ai donc déduis qu'il s'agit de la couleur du background de la page mais ce n'est pas très clair.
                                          • Partager sur Facebook
                                          • Partager sur Twitter
                                            2 mars 2024 à 20:35:14 - Message modéré pour le motif suivant : Merci d’utiliser le bouton code pour insérer un code sur le forum


                                              8 juin 2024 à 18:56:19 - Message modéré pour le motif suivant : Merci d’utiliser le bouton code pour insérer un code sur le forum


                                                14 juin 2024 à 19:29:58

                                                Bonjour J'ai un problème pour le cours P3C3 mise en page avec Flexbox. J'ai retrouvé la réponse du 4 juillet 2023 pour le même cas mais je n'ai pas compris l'explication. J'ai repris les codes de la solution de cet exercice que j'essaie de  vous envoyer correctement cette fois ci.

                                                La photo Robbie Lens le texte ne sont pas centrés

                                                {
                                                 margin: 0; 
                                                }
                                                
                                                body {
                                                  font-family: 'Manrope', sans-serif;
                                                  font-size: 1em;
                                                  background-color: #1f2039;
                                                }
                                                a {
                                                  color:#242424;
                                                  text-decoration:none;
                                                }
                                                
                                                em {
                                                  color: #a5b4fc;
                                                  font-style: normal;
                                                }
                                                
                                                h1 {
                                                  font-size: 3.5em;
                                                  color: #a5b4fc;
                                                  font-family: 'Montserrat', sans-serif;
                                                }
                                                
                                                h2 {
                                                  color: #f9f8ff;
                                                }
                                                
                                                p,
                                                li {
                                                  font-size: 1.1em;
                                                  color:#f9f8ff;
                                                }
                                                
                                                header,
                                                footer {
                                                  background-color:white;
                                                  padding:20px 50px;
                                                }
                                                
                                                .cta {
                                                  background: linear-gradient(#8e86b5, #acaeed);
                                                  color: white;
                                                  border-radius: 50px;
                                                  padding: 20px 30px;
                                                }
                                                
                                                a:hover {
                                                  text-decoration: underline;
                                                }
                                                
                                                
                                                .cta:hover {
                                                  background: linear-gradient(#696484,#8788ba);
                                                  text-decoration: none;
                                                }
                                                .lien-icone  {
                                                  margin-left:30px;
                                                } 
                                                
                                                .lien-icone:hover {
                                                  opacity: 0,5;
                                                 }
                                                .carre-contenu {
                                                  border-right: 1px solid #8e86b5;
                                                  border-bottom: 1px solid #8e86b5;
                                                  padding: 50px;
                                                }
                                                .carre-contenu h2 {
                                                  margin-top: 30px;
                                                }
                                                .carre-contenu ul {
                                                margin-top: 30px
                                                }
                                                section {
                                                  padding: 80px; 
                                                }
                                                .a-propos-main {
                                                 width: 50%
                                                 margin: auto;
                                                }
                                                footer,
                                                nav {
                                                  display:flex;
                                                  flex-direction:row;
                                                  align-items:center;
                                                  justify-content:space-between;
                                                }
                                                nav a {
                                                  margin-left:30px;
                                                }
                                                
                                                .accueil-photos {
                                                  background-color:white;
                                                  padding:80px;
                                                }
                                                .accueil-photos h2 {
                                                color:#242424;
                                                text-align:center;
                                                margin-bottom:80px;
                                                }
                                                .accueil-photos div {
                                                  display:flex;
                                                  flex-direction:row;
                                                  gap:15px;
                                                  justify-content:center;
                                                  margin-bottom:15px;
                                                }
                                                .accueil-introduction {
                                                  display:flex;
                                                  flex-direction:row;
                                                  width:50%;
                                                  align-items:center;
                                                  margin:auto;
                                                }
                                                
                                                
                                                
                                                 

                                                index.html
                                                
                                                
                                                <!DOCTYPE html>
                                                <html lang="fr">
                                                
                                                <head>
                                                    <meta charset="utf-8">
                                                    <title>Accueil - Robbie Lens Photographie</title>
                                                    <link href="CSS/style.css" rel="stylesheet">
                                                    <link rel="preconnect" href="https://fonts.googleapis.com">
                                                    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
                                                    <link href="https://fonts.googleapis.com/css2?family=Manrope&family=Montserrat&display=swap" rel="stylesheet">
                                                </head>
                                                
                                                <body>
                                                     <!-- essai site -->
                                                <header>
                                                <nav>  
                                                    <img src="images/logo (7).png" alt="Logo Robbie Lens"> 
                                                    <div>
                                                        <a href="index.html">Accueil</a>
                                                        <a href="a-propos.html">À propos</a>
                                                        </div>
                                                 </nav>
                                                </header>
                                                <main> 
                                                    <section class="accuel-introduction">
                                                        <div> 
                                                    <h1>Robbie Lens Photographie </h1>
                                                  <p>  
                                                        Où <em>professionalisme</em> s’allie avec <em>passion</em> Depuis plus de 5 ans maintenant, j’exerce mon métier avec la passion
                                                        qui m’anime : capturer l’essence de chaque instant.
                                                    </p>
                                                    <a href=""class="cta"> UN PROJET ? ÉCRIVEZ-MOI</a>
                                                </div>
                                                    <img src="images/robbie-lens.png" alt="Portrait avec effet de la photographe Robbie Lens">
                                                </section>
                                                <section class="accueil-photos">
                                                    <h2> Mon dernier projet</h2>
                                                    <div> 
                                                        <img src="images/accueil/element-1.png"alt="Twelve apostles-Ausralie">
                                                        <img src="images/accueil/element-2.png"alt="Wai- O-Tapu-Nouvelle-Zélande">
                                                        <img src="images/accueil/element-3.png"alt="Parc National d'Abel Tasman- Nouvelle-Zélande">    
                                                    </div> 
                                                    <div> 
                                                        <img src="images/accueil/element-4.png"alt="Lac Rotonde-Nouvelle-Zélande">
                                                        <img src="images/accueil/element-5.png"alt="Milford Sound-Nouvelle-Zélande">
                                                        <img src="images/accueil/element-6.png"alt="Lac Wanaka-Nouvelle-Zélande">  
                                                        </div>   
                                                    </section>
                                                    </main>
                                                    <footer>
                                                        <img src="images/logo (7).png" alt="Logo Robbie Lens">
                                                        <div>   
                                                    <a target="_blank" href="https://twitter.com/"class="lien-icone">
                                                        <img src="images/twitter.png" alt="Logo Twitter">
                                                    </a>
                                                    <a target="_blank" href="https://www.instagram.com/"class="lien-icone">
                                                        <img src="images/instagram.png" alt="Logo Instagram">
                                                    </a>
                                                    </div>  
                                                    </footer>
                                                </body>
                                                
                                                </html>
                                                 


                                                • Partager sur Facebook
                                                • Partager sur Twitter
                                                  6 août 2024 à 12:06:53

                                                  Bonjour

                                                  Ma question est plutôt d'ordre général car je ne sais où m'adresser ?

                                                  J'ai terminé la formation gratuite de Mathieu Nebra crérr votre site avec HTLM5 et CSS3.

                                                  Vu mon âge mon projet est de créer un site personnel afin de préserver des archives documents et photos.

                                                  J'ai déjà utilisé des logiciels wysiwig il y a longtemps, avec mes nouvelles bases quelqu'un pourrait il me conseiller sur le choix d'un logiciel?

                                                  merci d'avance

                                                  • Partager sur Facebook
                                                  • Partager sur Twitter
                                                    6 août 2024 à 13:55:50

                                                    @bymo Bonjour, je vois que personne n'a répondu à votre question précédente!  Celle-ci est elle toujours d'actualité?

                                                    Concernant les logiciels wysiwig, personnellement je me suis arrêté à dreamweaver4, quand j'ai vu le code pourris qui sortait de la je me suis dit plus jamais de wysiwig.  D'une par ce type de logiciel ne donne pas de code correct, valide, et à jour, de plus on est limité par les possibilités de ce logiciel. 

                                                    Je vous conseillerais plutôt un éditeur dans lequel vous écrivez vous même votre propre code en sachant ce que vous y faites. Notepad++ ou sublime texte sont bon. J'ai une préférence personnel pour Visual Studio Code.

                                                    https://www.blogdumoderateur.com/tools/tech/editeur-code/

                                                    -
                                                    Edité par AbcAbc6 6 août 2024 à 13:56:45

                                                    • Partager sur Facebook
                                                    • Partager sur Twitter
                                                      6 août 2024 à 23:09:03

                                                      Bonjour

                                                      non je n'ai pas eu de réponse pour la question précédente

                                                      merci pour le choix des logiciels.

                                                      mais je crains de n'être pas encore assez apte, j'aurai besoin d'aide tout au moins de corrections....

                                                      -
                                                      Edité par bymo 6 août 2024 à 23:22:30

                                                      • Partager sur Facebook
                                                      • Partager sur Twitter
                                                        6 août 2024 à 23:39:09

                                                        Très bien, aidez vous des validateur du w3c pour corriger les erreurs de syntaxe :

                                                        Validateur HTML => https://validator.w3.org/#validate_by_input

                                                        Validateur CSS =>  https://jigsaw.w3.org/css-validator/#validate_by_input

                                                        L1 du css, si vous vouliez utilisez le sélecteur universel (*) pour cibler tous les éléments affin de leur retirer les marges, sachez que cela n'est pas une bonne pratique que le cours vous apprend car tous les éléments n'ont pas de marge et que par la suite il faut les rajouter.

                                                        Reset au cas par cas, ou utilisez une feuille de style par défaut de type normalize.  Lire également cet article : https://www.alsacreations.com/article/lire/1867-reset-css-une-histoire-heritage-et-reinitialisation.html

                                                        L80 du CSS il manque un point virgule en fin de ligne,

                                                        L36 de l'HTML vous écrivez accuel-introduction alors qu'en L110 de la CSS vous écrivez accueil-introduction. Il n'y a donc pas de correspondance => pas la même orthographe. 

                                                        • Partager sur Facebook
                                                        • Partager sur Twitter
                                                          7 août 2024 à 14:14:26

                                                          bymo a écrit:

                                                          Bonjour

                                                          Ma question est plutôt d'ordre général car je ne sais où m'adresser ?

                                                          J'ai terminé la formation gratuite de Mathieu Nebra crérr votre site avec HTLM5 et CSS3.

                                                          Vu mon âge mon projet est de créer un site personnel afin de préserver des archives documents et photos.

                                                          J'ai déjà utilisé des logiciels wysiwig il y a longtemps, avec mes nouvelles bases quelqu'un pourrait il me conseiller sur le choix d'un logiciel?

                                                          merci d'avance

                                                          Bonjour,

                                                          Je vous consillerai de prendre wordpress



                                                          • Partager sur Facebook
                                                          • Partager sur Twitter
                                                            7 août 2024 à 18:39:04

                                                            merci pour ces réponses
                                                            • Partager sur Facebook
                                                            • Partager sur Twitter
                                                              15 août 2024 à 7:16:07

                                                              Si une animation @keyframes CSS générée par ChatGPT déclarée comme correcte par de nombreux designers web ne marche pas dans Codepen, ça veut dire qu’il faut que je m’énerve en fracassant par terre mon ordinateur ou bien c’est juste Codepen qui est nul ?

                                                              • Partager sur Facebook
                                                              • Partager sur Twitter

                                                              Questions MOOC HTML/CSS

                                                              × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                                                              • Editeur
                                                              • Markdown