Partage
  • Partager sur Facebook
  • Partager sur Twitter

Gérer plusieurs pages web en HTML

    13 juin 2019 à 10:52:19

    Bonjour,

    Mon site web statique est composé de 10 pages web ayant 10 fonds d'écrans différents.

    Comment bien gérer ces fonds d'écrans en CSS ?

    • Soit j'intègre dans chaque page du code CSS avec <style>.
    • Soit je créé 10 fichiers CSS différents contenant le code CSS.

    Le CSS commun à toutes les pages est déjà regroupé dans le fichier base.css.

    Que me conseillez-vous ?

    • Partager sur Facebook
    • Partager sur Twitter
      13 juin 2019 à 11:03:26

      Bonjour,

      dans ce cas précis, si c'est l'unique différence (ou que les différences sont minimes, genre couleur de texte pour aller avec le background) je mettrais ça dans une balise <style> pour chaque page. Nul besoin de faire une requête HTTP supplémentaire.

      -
      Edité par Lamecarlate 13 juin 2019 à 11:05:54

      • Partager sur Facebook
      • Partager sur Twitter

      Pas d'aide concernant le code par MP, le forum est là pour ça :)

        13 juin 2019 à 11:09:03

        Bonjour,

        La meilleure solution est de faire un code propre et organisé.

        Par conséquent, le mieux est de créer une classe différente pour chaque page et d'ajouter quelques propriétés dans ton fichier CSS pour lier la bonne classe à la bonne image.

        • Partager sur Facebook
        • Partager sur Twitter
        Je ne réponds pas aux messages privés.
          13 juin 2019 à 11:17:10

          Merci pour vos conseils.

          Mewen_bzh a écrit:

          Bonjour,

          La meilleure solution est de faire un code propre et organisé.

          Par conséquent, le mieux est de créer une classe différente pour chaque page et d'ajouter quelques propriétés dans ton fichier CSS pour lier la bonne classe à la bonne image.


          Je ne vois pas ce que vous entendez par lier les classes aux images ? Auriez-vous un exemple ?
          • Partager sur Facebook
          • Partager sur Twitter
            13 juin 2019 à 11:37:33

            Simplement indiquer dans ton CSS que la page avec la classe X a pour background l'image X, la page avec une classe Y a pour background l'image Y, etc.

            Du CSS de base, rien de plus.

            • Partager sur Facebook
            • Partager sur Twitter
            Je ne réponds pas aux messages privés.
              13 juin 2019 à 11:45:18

              Mewen_bzh a écrit:

              Simplement indiquer dans ton CSS que la page avec la classe X a pour background l'image X, la page avec une classe Y a pour background l'image Y, etc.

              Du CSS de base, rien de plus.


              Et concrètement, ce serait ajouter pour chaque page :

              <html class="background01">

              C'est une bonne pratique de faire ça ?

              • Partager sur Facebook
              • Partager sur Twitter
                13 juin 2019 à 14:39:07

                Ah oui, en effet, c'est aussi une très bonne méthode. Si on connaît le nombre de pages et qu'il n'est pas excessif, c'est parfait :)

                (d'ailleurs, c'est ce que j'aurais suggéré de base, mais ça fait trop longtemps que je n'ai pas fait de CSS dans un projet :( je commence à oublier, argl)

                • Partager sur Facebook
                • Partager sur Twitter

                Pas d'aide concernant le code par MP, le forum est là pour ça :)

                Gérer plusieurs pages web en HTML

                × 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