DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Aide / Concepts WEBDEV / Partie 2 - Développement d'un site
  • Méthode utilisée
  • Exemple
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget IOSApple WatchMac CatalystUniversal Windows 10 App
Autres
Procédures stockées
8. Site "mobile friendly" : Responsive Web Design
Page précédenteSommairePage suivante
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.
Méthode utilisé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.
Exemple
Mobile
Tablette
Bureau
Page précédenteSommairePage suivante
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 25/05/2022

Signaler une erreur ou faire une suggestion | Aide en ligne locale