WEBDEV 2024

WEBDEV 2024 propose 3 méthodes pour que vos sites s’adaptent automa- tiquement au navigateur qui les affiche : l’Adaptive Design (méthode conseil- lée), le Dynamic Serving et la méthode historique Responsive Web Design. LE RESPONSIVE C’EST QUOI ? Le Responsive est une méthode de développement de site Web. Un site Responsive WEBDEV 2024 affiché sur une tablette Le même site sur un smartphone Le principe de cette méthode est de permettre à une même page Web de s’adapter automatiquement, pendant la navigation, à la taille et à la réso- lution de l’écran sur lequel elle est affichée. L’intérêt est de pouvoir utiliser une même page Web aussi bien sur smart- phone, tablette ou écran de bureau. L’adaptation se fait en temps réel sur le navigateur. Le responsive permet également de s’adapter aux modes portrait et paysage. CRÉER DES PAGES RESPONSIVE AVEC WEBDEV 2024: VISUEL ! Les pages Responsive se créent en visuel sous l’éditeur. Dès la conception de la page, direc- tement dans l’éditeur, dans le volet à droite, vous visualisez le résultat. 1• LE MODE «ADAPTIVE DESIGN» WEBDEV propose le mode Adaptive Design: une même page possède plu- sieurs représentations de différentes largeurs. Sous l’éditeur, il suffit de créer un agencement pour chaque variante. Un agencement permet de définir une mise en page, de cacher des champs, de changer leur style, de définir des ancrages, de changer leur position,... A l’exécution, la page adéquate est automatiquement sélectionnée. 2• LE DYNAMIC SERVING Le Dynamic Serving utilise lui 2 pages distinctes : à une même URL corres- pondent 2 pages différentes, une page Desktop et une page Mobile. Selon le navigateur, la page adéquate s’affiche automatiquement. WEBDEV supporte également le concept de «Dynamic Serving». 3• LE RESPONSIVE HISTORIQUE Le responsive historique fonctionne par tranches; typiquement: une tranche PC, une tranche tablette, une tranche téléphone. Ce mode est conservé dans WEBDEV pour compatibilité. LE RESPONSIVE FACILE Sous l’éditeur de pages, en édition www.pcsoft.fr • 15

RkJQdWJsaXNoZXIy NDQ0OA==