CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Adaptation affichage site web

ET0NN4I
ET0NN4I
Niveau 1
21 mars 2024 à 19:20:26

Bonjour,
Je me présente, je m'appelle Antoine j'ai 15ans et j'aimerais réaliser un site web dans le cadre d'un projet de cours.
Cependant je suis novice dans ce milieu et j'ai un problème au niveau de l'affichage des différentes images et éléments du site.
Je m'explique, j'ai réalisé ce site sur un écran large (Pc Fixe) mais lorsque je modifie la taille de la fenêtre sur lequel il est ouvert ces éléments et images ne s'adaptent pas.
ce qui fait que sur Mobile ou même Pc portable le site n'a pas un bon rendu.
Je vous mets ci-joint une photo Pleine écran et Demi-écran pour vous montrer réellement ce que cela fait.
Merci par avance
https://image.noelshack.com/fichiers/2024/12/4/1711045057-capture-d-ecran-2024-03-21-191401.png https://image.noelshack.com/fichiers/2024/12/4/1711045068-capture-d-ecran-2024-03-21-191423.jpg

SoRoughh
SoRoughh
Niveau 26
25 mars 2024 à 01:15:11

Oui tu dois rendre ton site « responsive »

Je t’invites à rechercher ça sur internet, mais globalement tu vas utiliser les flex-box ou les unités de hauteur et largeur en % ou em ou vh ou wh

hoop30
hoop30
Niveau 1
25 mars 2024 à 14:23:57

Bonjour !
Sur quoi est basé ton projet du code html, css,.. ou un cms style wordpress?

Pour rendre ton site web adaptable sur tous les appareils, je te suggère d'utiliser des techniques de conception responsive comme les media queries CSS et de tester régulièrement l'affichage sur différents navigateurs et tailles d'écran.
Assure-toi également de simplifier la navigation et de réduire les éléments superflus pour une expérience utilisateur optimale.

Bonne adaptation !

hilalex07
hilalex07
Niveau 32
01 avril 2024 à 22:23:35

Bonsoir petit futur dev (peut être)
Je t'invites à suivre les tutos openclassrooms (à ton âge j'étais sur son ancien nom "le site du zéro" https://image.noelshack.com/fichiers/2015/50/1449698191-3.gif ) et c'est le site qui m'a fait mes premiers pas dans la "programmation"

Pour cibler tes besoins je te donne le liens sur le flexbox et les medias queries qui sont les concepts que tu recherche pour la mise en page et la "reponsivité" du site que tu crée (le contenu s'adaptera à chaque taille d'écran)

Bon courage à toi ;)
https://openclassrooms.com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3/8061384-faites-votre-mise-en-page-avec-flexbox
https://openclassrooms.com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3/8061510-utilisez-le-responsive-design-avec-les-media-queries

Sous forums
  • Aide à l'achat Mac
  • Création de sites web
  • Internet
  • Macintosh
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment