PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

  • Méthode utilisée
  • Exemple
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Autres
Procédures stockées
8. Site "mobile friendly" : Responsive Web Design
Chapitre précédentSommaireChapitre suivant
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.
La méthode du "Responsive Web Design" consiste à créer une seule et même page qui s'adapte automatiquement selon 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 terme 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 un 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
Chapitre précédentSommaireChapitre suivant
Version minimum requise
  • Version 23
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire