CONNEXION
  • RetourJeux
    • Tests
    • Soluces
    • Previews
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Tous les Jeux
  • RetourActu
    • Culture Geek
    • Astuces
    • Réalité Virtuelle
    • Rétrogaming
    • Toutes les actus
  • Bons plans
  • RetourHigh-Tech
    • Actus JVTECH
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTECH
  • 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
    • Xbox Series
    • Overwatch 2
    • FUT 23
    • League of Legends
    • Genshin Impact
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • PS4
  • One
  • Switch
  • Wii U
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Etoile Abonnement RSS

Sujet : Adaptation affichage site web

News événement
Jouez et tentez de remporter des places de cinéma ainsi que des goodies du film Kraven The Hunter
DébutPage précedente
1
Page suivantePage suivante
ET0NN4I ET0NN4I
MP
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://www.noelshack.com/2024-12-4-1711045057-capture-d-ecran-2024-03-21-191401.png https://www.noelshack.com/2024-12-4-1711045068-capture-d-ecran-2024-03-21-191423.jpg

Soroughh Soroughh
MP
Niveau 23
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
MP
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
MP
Niveau 26
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

DébutPage précedente
1
Page suivantePage suivante
Répondre
Prévisu
?
Victime de harcèlement en ligne : comment réagir ?
Infos 0 connecté(s)

Gestion du forum

Modérateurs : Thymotep
Contacter les modérateurs - Règles du forum

Sujets à ne pas manquer

La vidéo du moment