Webdev et le Responsive Design

Les sites Web évoluent. On ne parle plus de Web 2.0 mais de Web adaptatif. Il s’agit de sites Web qui s’adaptent au support et surtout à la taille de l’écran à partir duquel on navigue. Cela permet de concevoir un  seul site qui peut être utilisé sur les ordinateurs, les tablettes et les Smartphones. Pour vérifier si un site est adaptatif, il suffit de l’ouvrir sur un ordinateur et dans un navigateur, puis de changer la dimension de la fenêtre du navigateur pour voir s’adapter automatiquement le contenu du site en fonction de la zone d’affichage. Faite l’essai avec le site de PCSOFT : www.pcsoft.fr. Il existe différentes possibilités de présentation : conserver un menu en haut toujours visible quelque soit la taille et la position verticale dans la page, redimensionner les textes en faisant varié la taille de la police (c’est encore assez rare), faire un défilement verticale découpé en page, etc…

Wevdev permet depuis la version 20 de créer des pages adaptative (page fluide). En effet, depuis plusieurs version Webdev permet de positionner précisément les champs sur les pages grâce au ancrages et au Zoning. Cela se rapproche de ce que l’on peut faire avec les applications fenêtrées sous Windows. Mais lorsqu’il s’agit de s’adapter au support, il faut, créer autant de mise en page que de taille de support cible.

Avec Webdev 20, PCSOFT a rajouter une option pour transformer un zone d’une page en “édition de flux de texte”. Dans cette zone on peu placer tout type de champs : des textes, des images, des zone de saisie, etc…. Les champs seront positionner automatiquement en fonction de la taille de l’écran, un peux comme un texte dans un document Word.

Cette option convient bien pour des pages de présentation avec des formulaires simple. Elle ne convient pas pour des backoffice ou des application de gestion sophistiquées.

Si vous souhaitez réaliser des applications Web avec Webdev, contactez-nous au 05 49 62 84 94 ou par mail : info@sealog.eu