IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Un site web s'adaptant juste aux téléphones portables [HTML 5]


Sujet :

HTML

  1. #1
    Candidat au Club
    Homme Profil pro
    Chercheur en informatique
    Inscrit en
    Septembre 2017
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Congo-Kinshasa

    Informations professionnelles :
    Activité : Chercheur en informatique

    Informations forums :
    Inscription : Septembre 2017
    Messages : 8
    Points : 4
    Points
    4
    Par défaut Un site web s'adaptant juste aux téléphones portables
    Salut a tous, j'ai fais pas mal de recherche sur Internet mais je pas trouver de solution, est-ce quelqu'un pourrait me donner une solution comment je peux concevoir un site web mobile qui s'adapte juste à tout les téléphones portables ? (Ex de FB pour mobile), et si on essayer d'affiché ça sur PC que ça affiche la même chose que sur mobile donc ça prend la forme du téléphone tout juste centré au milieu de l'écran. Si vous connaissez aussi de cour qui parle de ça je suis partant. Merci d'avance pour vos réponses
    N.B. : je connais le HTML, CSS

  2. #2
    Expert éminent sénior

    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2010
    Messages
    5 380
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2010
    Messages : 5 380
    Points : 10 410
    Points
    10 410
    Par défaut
    Les sites qui s'adaptent à différentes largeurs d'écrans et donc qui sont compatibles avec tous les périphériques utilisent pour la plupart la technique responsive design. Fais des recherches sur le web avec ces termes pour trouver des tutos.

    Si tu fais des sites qui ont la même vue sur portable et sur desktop, c'est juste plus simple puisque tu n'as pas à faire une mise en page plus élaborée spécifique pour grand écrans, le code responsive design est donc minimaliste. Mais sur grands écrans le rendu est moche, peu fonctionnel et comme les grand écrans concernent aussi les ordinateurs portables ou les grandes tablettes, ce qui fait au final beaucoup de visiteurs potentiels, c'est dommage de ne pas faire une mise en page plus élaborée et confortable pour ces utilisateurs.

    Cela dit on voit de plus en plus de petits sites qui sont non pas développés dans l'optique "mobile first" mais plutôt "mobile only". C'est parfois justifié car suffisant mais bien souvent c'est plutôt pour économiser le budget quitte à proposer un affichage médiocre sur grand écran.

  3. #3
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    1/ Site mobile only"

    si tu vas EN BAS de cette page, tu trouveras une liste déroulante (tout en bas, à gauche), qui permet justement de passer le site developpez.com de "style standard" à "style mobile", même sur PC.
    Donc, oui c'est possible, sans difficulté.

    Il te suffit de définir ton site, sans te préoccuper des medias queries (qui permettent justement d'adapter en fonction de la largeur du media).

    2/ affichage sur PC : même forme et dimensions qu'un smartphone mais centré

    Là, il suffit de mettre un div englobant tout, avec un max-width et max-height en pixels, au format que tu souhaites.
    Mais les smartphones n'ont pas tous la même résolution : à toi de définir les dimensions d'affichage, ainsi que l'orientation (paysage ou portrait).

  4. #4
    Candidat au Club
    Homme Profil pro
    Chercheur en informatique
    Inscrit en
    Septembre 2017
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Congo-Kinshasa

    Informations professionnelles :
    Activité : Chercheur en informatique

    Informations forums :
    Inscription : Septembre 2017
    Messages : 8
    Points : 4
    Points
    4
    Par défaut
    Salut jreaux62, mais comment faire un site *only mobile* qui s'adapte a toutes les résolutions des smartphones, si on est peut que définir une résolution d'un écran mobile phone quelconque ?

    Merci à ABCIWEB je fais déjà de recherche sur le *responsive web design*

  5. #5
    Invité
    Invité(e)
    Par défaut
    "responsive design" : on définit les largeurs des "boites", images,... en pourcent (%), pas en pixels.

    Fais d'abord une recherche, tu comprendras mieux après.

  6. #6
    Candidat au Club
    Homme Profil pro
    Chercheur en informatique
    Inscrit en
    Septembre 2017
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Congo-Kinshasa

    Informations professionnelles :
    Activité : Chercheur en informatique

    Informations forums :
    Inscription : Septembre 2017
    Messages : 8
    Points : 4
    Points
    4
    Par défaut
    Merci jreaux62, merci à tous pour vos réponses, j'ai enfin réussi c'est que je chercher, je me suis accroché presque toute la journée a bosser.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Site web qui ne fonctionne pas, pour expert
    Par XGuarden dans le forum Développement
    Réponses: 4
    Dernier message: 13/09/2011, 12h55
  2. Réponses: 3
    Dernier message: 03/08/2011, 16h06
  3. SITE WEB QUI TRAVAILLE AVEC DU MULTI ECRAN
    Par Invité dans le forum Développement Web avec .NET
    Réponses: 1
    Dernier message: 23/04/2010, 18h21
  4. Réponses: 4
    Dernier message: 30/08/2009, 18h58
  5. Réponses: 2
    Dernier message: 05/08/2009, 15h30

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo