Site classique, mobile ou responsive

mardi 4 avril 2017

logo-wubijacq-mail-html-php


www.wubijacq.com

De plus en plus de tablets et de smartphones sont utilisés pour naviguer sur internet. C' est devenu un choix pour les webmestres de s' adapter ou non à la mobilité

Choix d' un formulaire adapté à votre site


Formulaire pour un site classique

Mon site est spécialisé dans les téléchargements de logiciels pour PC. Je reste naturellement avec mon site classique. J' ai gardé mon vieux formulaire en couleur avec des balises TABLE pour la structure et des balises SPAN pour la couleur

Formulaire HTML-PHP en couleur

Il fait seulement 310px de largeur
Cliquez pour agrandir l'image
Formulaire pour site mobile

J' ai choisi Jquery Mobile pour faire ce tutoriel.
Le formulaire-demo a été placé dans une page d' un site classique grâce à la balise IFRAME.
À noter que certains sites comme wikipedia.org (c' est assez bien réussi), utilisent deux pages, une classique et une mobile, pour une même rubrique avec un lien dans le pied-de-page pour aller de l' un à l' autre

Formulaire pour site mobile avec jQuery

Depuis un Samsung Nexus                                    
Cliquez pour agrandir l'image

Formulaire pour un site responsive

Un site responsive doit s' adapter à toutes les résolutions d' écran: PC, tablettes , mobiles.
Le formulaire doit donc aussi être flexible, pour s' adapter à différentes résolutions d' écran

Formulaire adapté à un site responsive


statistiques

who's.amung.us
  Partager

Annonce Google


www.wubijacq.com Cliquez ici pour vous abonner à ce flux RSS