|
|
|
|
|
|
|
|
|
|
- Présentation
- Les différentes méthodes en détail
- Changement du mode d'édition des sites mobile friendly en version 28
Site mobile friendly : les méthodes disponibles
Pour faire des sites "mobile friendly", WEBDEV propose plusieurs méthodes de création de pages : - Le Dynamic serving qui consiste à maintenir un jeu de pages pour le mode "Desktop" et un jeu de pages pour le mode "Mobile".
- Le Responsive historique, qui permet de découper les pages en tranches pour s'adapter aux mobiles.
 Avertissement
A partir de la version 28, ce mode est déconseillé et conservé uniquement pour compatibilité.
- Le Responsive via zoning et agencements (mode par défaut à partir de WEBDEV 28) qui permet de définir des agencements spécifiques à l'écran d'affichage. Ce mode est désormais conseillé. Pour plus de détails, consultez Changement de comportement en version 28.
Cette page d'aide présente les différentes méthodes, ainsi que leurs avantages et leurs inconvénients. Les différentes méthodes en détail | | | | | Dynamic Serving | Responsive (Zoning et agencement) | Responsive historique pour compatibilité
(Responsive Web Design) |
|---|
| Principe | La même adresse (URL) mène à 2 pages différentes : - une page pour PC
- une page pour mobile.
Selon le matériel (PC ou mobile) qui accède à la page, la page adéquate sera affichée. | Une page peut être associée à plusieurs agencements. Chaque agencement correspond à une "vue" de la page. Selon la résolution de l'écran, seul l'agencement optimisé pour cette résolution est affiché par le serveur. | La page affichée sur le navigateur contient plusieurs "tranches". Selon la résolution de l'écran, la tranche correspondante est affichée par le navigateur. | | Mise en place | Consultez la page d'aide Dynamic serving | Consultez la page d'aide Agencements en WEBDEV. | Consultez la page d'aide Créer une page Responsive Web Design | | Avantages | Il n'est pas nécessaire de modifier les pages existantes : il suffit de créer de nouvelles pages spécifiques pour un affichage sur mobile. | - Une seule page gère les différents modes d'affichage.
- Technologie identique en WINDEV, WEBDEV et WINDEV Mobile.
- Simple à mettre en place.
- Ancrage modifiable par agencement.
- Agencement pour l'impression.
- Agencement pour une intégration dans WINDEV.
- Agencement pour une intégration dans WINDEV Mobile.
| - Une seule page gère les différents modes d'affichage.
- Changement "en live" lors du redimensionnement du navigateur.
- Utilise la technologie standard du Reponsive.
| | Inconvénients | Il faut maintenir 2 jeux de pages. | - Le changement d'agencement n'est pas réalisé "en live", mais uniquement au "lâché" lors du redimensionnent du navigateur.
- La technologie Responsive utilisée n'est pas standard.
| - Mise en place suivant la norme "Responsive".
- L'arbre de positionnement des champs doit être le même dans toutes les tranches. Nécessite une multiplication des champs Cellule dans la page.
- Offre beaucoup moins de possibilités que l'agencement.
|
Changement du mode d'édition des sites mobile friendly en version 28 En version 28, le mode d'édition des pages initialement appelé "Responsive Web Design : mise en page par tranche" devient "Tranches (Responsive historique pour compatibilité)". Le mode "Responsive (zoning et agencements)" devient le mode recommandé pour les nouvelles créations. En effet les observations ont montré que les agencements sont le plus couramment retenus pour la création des sites qui doivent être "mobile friendly". Ainsi, les évolutions de l'éditeur de pages ont été concentrées sur l'édition par zones (zoning), avec l'enrichissement des possibilités des agencements : - les agencements permettent de modifier, masquer les zones (zoning),
- les modèles de champs supportent les agencements,
- les zones de texte riche peuvent avoir un contenu adapté à l'agencement,
- le nouveau champ Flexbox permet de définir des comportements pour le positionnement et le déplacement des champs lorsqu'une page est redimensionnée dans le navigateur,
- un nouvel agencement est disponible pour les pages à intégrer à une application WINDEV ou WINDEV Mobile.
Ces nouveautés des agencements en version 28 viennent compléter les avantages existants des agencements : - simplicité d'édition,
- même possibilité que dans les applications WINDEV et WINDEV Mobile,
- choix de l'agencement possible par programmation,
- ancrage modifiable par agencement,
- agencement dédié pour les impressions...
Pour toutes ces possibilités, le mode "Responsive (zoning et agencements)" est donc devenu à partir de WEBDEV 28 le mode recommandé. Il est possible de convertir une page existante dans le mode "Responsive Web Design : mise en page par tranche", en page "Responsive (zoning et agencements)" : sous le volet "Page", dans le groupe "Agencements", déroulez "Agencements" et sélectionnez l'option "Convertir les tranches en agencements". Ce mode est destiné à recevoir toutes les évolutions à venir de l'éditeur de pages de WEBDEV. L'édition par tranches reste conservée pour les sites existants, et les nouveaux sites qui ne peuvent pas bénéficier des agencements. Mais elle ne doit plus recevoir d'évolutions majeures dans les prochaines versions de WEBDEV. |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|