Android

Web adaptatif ou adaptatif - Quel est le meilleur?

Immunité et système immunitaire - SVT - 3e - Les Bons Profs

Immunité et système immunitaire - SVT - 3e - Les Bons Profs

Table des matières:

Anonim

Les premiers développeurs de sites Web ne devaient pas trop s`inquiéter de la conception de sites Web, car les utilisateurs les visualisaient sur des ordinateurs et ces ordinateurs avaient une résolution d`écran fixe.. Avec la révolution mobile, de plus en plus de gens recherchent sur leurs appareils mobiles - tablettes ou téléphones portables - des informations. Il est donc devenu nécessaire pour les développeurs de sites Web, de créer un site Web qui s`adresse à tout, du PC Windows aux appareils mobiles. Cet article explique la différence entre adaptative et responsive web design et vous permet de décider lequel est le mieux pour vous et votre organisation.

Il existe deux méthodes pour créer des sites Web afin de répondre à différentes résolutions d`écran: des PC aux téléphones mobiles. Les méthodes sont Adaptive Web Design et Responsive Web Design. Dans les deux cas, l`objectif final est de produire un site web pouvant être visualisé sur n`importe quel type de résolution d`écran. l`objectif est de présenter l`information sur une gamme d`appareils - des PC aux tablettes en passant par les téléphones mobiles.

Web responsive

Le Responsive Web Design implique un codage supplémentaire et utilise ce qu`on appelle des «grilles fluides». Les nombres sont spécifiés en "pourcentage" plutôt que le nombre exact de pixels. Cela rend le même code de site Web correctement sur un écran d`ordinateur et sur un écran de téléphone mobile. Ainsi, peu importe la façon dont vous redimensionnez votre écran, le même site Web est présenté de manière facile à lire. Pour les sites Web plus petits, le texte et les images peuvent facilement être intégrés à l`espace de l`écran sans casser le site Web ou sans couper des parties du site Web.

Une approche de conception Web responsive oblige à utiliser CSS3 plutôt que CSS.

Adaptive Web Design

Adaptive Web Design se concentre également sur la présentation d`un site Web visible sur les tablettes et les téléphones portables, en plus des écrans d`ordinateur. l`approche est un peu différente cependant. Dans la conception de sites Web réactifs, la flexibilité permettait un flux de texte libre et le dimensionnement des images pour s`adapter aux différents écrans.

En conception Web adaptative, les développeurs utilisent des tailles d`écran prédéfinies et codent en conséquence. c`est-à-dire, lorsqu`un utilisateur atterrit sur le site Web, le site Web détermine le type d`appareil utilisé et présente le site Web conçu pour cette taille d`écran de l`appareil particulier. Dans certains cas, le contenu peut varier d`un périphérique à l`autre

. Par exemple, les développeurs envisageraient 1280 × 800 pixels pour les PC, 8 "pour les tablettes et 5" pour les mobiles. Le premier code de conception Web adaptative contient l`identification des écrans. Si c`est PC, montrez la version PC du site. Si c`est une tablette de 8 ", montrez la version tablette du site web et de même, si l`appareil est un téléphone portable, montrez la version mobile du site web en utilisant" IF ", suivi de différentes dimensions spécifiées exactement en pixels plutôt que de le faire en pourcentage.

Si les nouveaux appareils arrivent avec une résolution d`écran différente, les développeurs devront revenir au codage pour incorporer les nouvelles résolutions d`écran.

Par rapport à la conception web adaptative, la conception web adaptative est plus facile à coder et la plupart des développeurs choisissent ce dernier plutôt que le web responsive

Web adaptatif ou adaptatif

Sites Web réactifs Le code est complexe et utilise des valeurs en pourcentage plutôt que des valeurs de pixels fixes.Il faut beaucoup de concentration pour créer un site Web qui évolue en fonction de la taille de l`écran des périphériques. Il est plus facile de créer différents sites Web pour différents appareils, comme c`est le cas dans la conception Web adaptative. Bien que le travail soit davantage axé sur la conception Web adaptative, car les développeurs créeraient différents sites Web pour différentes tailles d`appareils, il est encore plus facile à comparer à la conception Web réactive.

Comme il y a trop d`appareils mobiles sur le marché, les développeurs ne peuvent pas nécessairement inclure tous les types de résolutions d`écran. Cela conduit à la culture des sites Web dans les petits écrans lorsque l`approche de conception Web adaptative est utilisé.

sites Web adaptatifs sont un peu lent dans le chargement que le site doit d`abord comprendre ce dispositif et quelle résolution d`écran est utilisé. Sur cette base, la version du site Web correspondante est chargée sur l`écran de l`appareil. En cas de web design réactif, seul code est utilisé et il est rétracté automatiquement pour adapter les écrans mobiles.

Vous pouvez également consulter ce post sur MSDN intitulé Pourquoi je préfère la conception web adaptative plus réactif Conception Web.