Discussion :

[okoweb]

Bonjour,
Un nouveau terme à la mode sur le web "Responsive Web Design". Que faut-il savoir à propos pour être à la page ? Après plusieurs recherches pour le moment je comprends que c'est l'ensemble :

1. Grille fluide
2. Images fluides
3. Media Queries

Pouviez-vous m'expliquer ces trois ensembles ?

Un autre terme, "site web mobile". Après des recherches aussi, les mobiles rassemblent les smartphones et les tablettes. Quelles sont les tailles d'écrans qu'il faut retenir pour faire un site web mobile ?

Merci d'avance...

Meilleures salutations.

[grafimages]

Pour ce qui est de la fluidité (et ça répond aussi à ta question finale), c'est tout simplement un site qui va s'adapter à toutes les résolutions (dimensions en % et non fixes en em ou px).
C'est une obligation dans le cas des sites adaptés aux mobiles, étant donné la variété des affichages et les dimensions de ceux-ci.
Je m'explique : on a le même cas par rapport au Web, il y a beaucoup de définitions d'écran différentes. Alors, on se base sur la plus courante (800x600 jusqu'en 2005, 124x768 depuis) pour faire des sites en largeur fixe.
Le truc, c'est que ce n'est pas possible sur support mobile : imagine un site en taille fixe pour iPhone (320px de large) affiché sur iPad (1024x768) : on aurait 400px de vide de chaque côté...

Donc, on fait du design fluide.

Quant aux Media Queries, il s'agit d'adapter les CSS en fonction des supports (cas basique : Web = 1 feuille CSS, mobile = une autre feuille CSS)

[okoweb]

Voilà j'ai compris le principe des media queries. Ce qui me reste à connaitre c'est les différents types de périphériques mobiles et leurs différentes tailles d'affichage (résolutions d'affichage).

Merci d'avance.

[grafimages]

Euh... là, ça va être plus complexe : autant, côté iOS, je peux te répondre iPod/iPhone/iPad (et les dimensions des écrans se trouvent très facilement sur le Web), autant côté Android, ça risque d'être plus difficile...

[okoweb]

Après plusieurs recherches, j'ai compris que le design la mise en page doit s'adapter à la taille de fenêtre et non au type de périphérique.

merci.

[pierrot10]

Bonjour,
Je me permets de continuer ce post.

Je dois adapter un site pour les tablettes et téléphone mobile.

Les tablettes ont des tailles d'écrans différentes tout comme pour les téléphone portable.

Quelles sont les tailles que l'ont considera pour les tablettes, et à partir de quelles tailles on les considère pour les smartphone.

Par exemple, sur mon iPhone c'est 320x480. Pour and HTC, la taille ne sera pas la même.

Mon iPad a la taille h:768 x w:1024. Mais une tablette d'une autre marque n'aura pas la même dimenssion.

Donc a partir de quelle taille, recommandez-vous, on va appliquer du CSS pour les tablettes et à partir de quelle taille on va appliquer du CSS pour smartphone

Merci pour m'éclairessir à ce sujet