WebSite X5Help Center

 
B. Laurianne Et Dominique
B. Laurianne Et Dominique
User

Version mobile, tablette...  fr

Autor: B. Laurianne Et Dominique
Visitado 1568, Followers 2, Compartido 0  

Bonjour

J'ai vu ça et là (dans les post) différents scripts (à mettre en head) pour améliorer la visibilité sur tablette et smartphone.

J'ai vu aussi dans V10 des modèles portable (largeur 640 pix) ...

Ma question est : à partir d'un modèle personnalisé (pour PC), dois je utiliser l'un de ces scripts pour etre sure de la bonne "traduction" mobile ? sont ils fiables ? 

ou...

Dois-je créer mon site normalement en 1040 par ex (que j'appellerai siteA)  le copier,  refaire la mise en page en 640 (le poster en sous repertoire) et enfin mettre un lien sur le site A sur un bouton genre "version mobile cliquez ici"  ?

merci (au passage) pour le lien http://www.mobilisezvous.fr/fr/d/tester-votre-site/mobilometre/

D'avance Merci

domWink

Publicado en
6 RESPUESTAS
Vlaminck Michel
Vlaminck Michel
User

Bonjour

Très bonne question!

Personnellement, avec la version V10, mes sites crées pour PC s'affiche très bien sur smartphone (iphone du moins) et sur ma tablette (samsung Galaxy), sans utiliser un modèle spéciale ou en sous répertoire comme je faisais avant, avec liens en page d'accueil. Je peux même utiliser les galeries photos (diaporama) etc.. chose impossible avant.

Une seule chose ne fonctionne toujours pas sur smatphone : les flash en page d'accueil. Mais ca Website n'y est pour rien...

Tout comme toi, hate d'avoir l'avis d'expert sur ce sujet!

Wink

Stray

Leer más
Publicado en de Vlaminck Michel
B. Laurianne Et Dominique
B. Laurianne Et Dominique
User
Autor

oui ca s'affiche bien pour moi aussi  (sans flash évidemment)  mais ca peut etre mieux optimisé à mon avis... 

attendons... donc !

Leer más
Publicado en de B. Laurianne Et Dominique
Samuel V.
Samuel V.
User

Bonjour,

Question fort pertinente... Disons : un site en 320px, un site en 760px et un site à plus de 760px (smartphone / tablette / ordinateur).  

La meta "viewport" ne permet qu'adapter l'affichage bien entendu sans modifier la taille des polices et adapter les DIV à la largeur de l'écran. Ca devient difficile sans RWD.

Désolé

Leer más
Publicado en de Samuel V.
B. Laurianne Et Dominique
B. Laurianne Et Dominique
User
Autor

euh.. pardon Samuel mais j'ai pas tout capté là !!!!

signé la blonde !

Leer más
Publicado en de B. Laurianne Et Dominique
Samuel V.
Samuel V.
User

Bonjour Dom,

Pardon si je me suis mal exprimé. Mon opinion est que sans RWD (Responsive Web Design - Design Web Adaptatif - voir le travail de Ethan Marcotte notamment), point de salut devant la multiplicité des supports que nous devons adresser aujourd'hui.

Selon mon expérience en développement d'apps, il te faudrait trois versions d'un même site pour être à peu près certaine que le site soit exploitable (et encore, les écrans ayant des densités différentes, c'est une approche empirique).

Heureux de la version 10, j'ai fait le test en utilisant un gabarit Portable fourni avec cette version. Je l'ai publié là :http://depaivanneste.fr/m

Voici des copies d'écrans fournies à partir d'un émulateur professionnel dont on se sert en développement. Il est certain qu'un émulateur n'a pas le comportement d'un véritable appareil mais cela permet de se faire une idée du rendu final du site sur plusieurs écrans de taille et densité différentes. J'ai travaillé par palliers : smartphone et tablettes.

iPhone 6 Vertical

/p>

iPhone 6 Horizontal

Amazon Kindle

Tablette chinoise 10 pouces


Sans vouloir jouer les "je sais tout" car je n'en ai pas la prétention : le problème de WebSite X5 est de générer un gabarit fixe basé sur des dimensions. Tout est dimension dans le code qu'il génère. La subtilité des modèles Portable fournis avec la V10 est d'utiliser une meta balise "viewport" (en savoir plus sur ViewPort :  http://www.alsacreations.com/article/lire/1490-comprendre-le-viewport-dans-le-web-mobile.html). Mais même si l'affichage s'adapte à la taille de l'écran pour que le site y tienne quand il le peut, les tailles n'évoluent pas. 

Le site ne s'adapte pas automatiquement à son support. Il n'est ni fluide, ni  responsif comme dans l'exemple ci-dessous (écran Android ICS, largeur 320px).


C'est d'ailleurs ce qui me contraint à une véritable réflexion quant à mes outils de développement web actuellement car les supports disponibles et différents sont légion. Quand on développe une interface utilisateur dans une application en code natif on s'adapte naturellement par programmation. Dans le domaine du web, je crois que je vais devoir en faire de même.

Leer más
Publicado en de Samuel V.
B. Laurianne Et Dominique
B. Laurianne Et Dominique
User
Autor

je te remercie pour toutes tes recherches Samuel...

pour l'instant je me tate si je fais comme j'ai dit dans mon premier post à savoir  "à  l'artisanale" : en 640, en 320 ... en 1040 ..... eh be j'ai pas fini moi !!! mais mes clients commencent à me le demander ou me le font remarquer "c'est ok sur mobile vos créations de site ???" ca marche oui ca marche" dis je tout haut !!! et dans ma tête : c'est ok mais pas optimisé va falloir jouer du pouce et de l'index !!" ... pas top quand meme !

de cette manière et en tenant compte de toutes tes remarques je dois me décider ... si j'optimise à ma manière en fonction du support puisque le "responsive" n'est pas encore dans les prochaines mises à jour de la V10 à priori... une meta balise "viewport" efficace : voila ce qu'il manque encore à website5... ou dois je me mettre à coder... non... j'ai pas la formation.... on patiente alors...  Wink

Leer más
Publicado en de B. Laurianne Et Dominique