|
|
|
|
- Méthode utilisée
- Exemple
8. Site "mobile friendly" : Responsive Web Design
Les sites Web peuvent être visualisés sur de nombreuses plateformes : mobiles, tablettes, PC, ... Sur chaque matériel, la taille du navigateur change et donc l'espace disponible pour afficher les données change également. La méthode du "Responsive Web Design" consiste à créer une seule et même page qui s'adapte automatiquement à la plateforme sur laquelle cette page est affichée. WEBDEV utilise par défaut la méthode du "Desktop first" : le développeur doit tout d'abord penser à l'interface de son site Web en mode "Bureau". Ensuite, il réalisera la version en mode "Tablette", puis il terminera par la version en mode "Mobile".
En termes de conception, un site Web est tout d'abord réalisé pour une utilisation "bureau". En réduisant les résolutions d'affichage (taille de la page), le contenu et les fonctionnalités sont soit déplacés, soit retaillés, soit masqués. Sous l'éditeur WEBDEV, la représentation des différentes résolutions possibles se fait à l'aide de tranches. Une tranche représente une taille de navigateur pour un appareil spécifique. Dans le cas de WEBDEV, 3 tranches sont présentes par défaut : - La tranche Mobile correspondant à des appareils de type smartphone.
- La tranche Tablette correspondant à des appareils de type tablette.
- La tranche Bureau correspondant à des appareils de type PC, MAC, etc.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|