programmation site MDA pour MOBILE et TABLETTE

Le CMS GUPPY (Script PHP) sert à créer un Portail Internet.
Verrouillé
girardyves44
Messages : 263
Enregistré le : 08 févr. 2008, 19:41
Localisation : Saint-Sébastien sur Loire
Contact :

programmation site MDA pour MOBILE et TABLETTE

Message par girardyves44 »

Bonjour Henri. Me revoilà pour la programmation du site MDA pour Mobile et Tablette.
Je suis allé sur le forum de GUPPY :
"TUTO CONFIG MOBILE"
- "Adapter Robots.txt" : que dois-je faire ?????
- Configuration MOBILE" : Je suis tout simplement la méthode...???????
- Modifier Mobstyle.css": que dois-je faire ???????
Que me conseilles-tu au niveau de la disposition des boites, pour que le site que tu connais bien apparaisse d'une manière satisfaisante et parlante pour les visiteurs SUR MOBILE OU TABLETTE ??????
Merci d'avance pour tes conseils avant que je me lance...
Bonne soirée.
Amicalement.
Yves Girard
Avatar du membre
Henri
Administrateur
Messages : 1188
Enregistré le : 01 mai 2005, 15:09
Localisation : Orvault 44700
Contact :

Re: programmation site MDA pour MOBILE et TABLETTE

Message par Henri »

Bonsoir Yves,

La configuration d'un site pour mobiles et tablettes est une affaire de compromis.
Pour moi, il doit donner envie au "mobilnaute" d'aller voir le site sur un PC pour en savoir plus.
J'ai regardé le site MDA sur mon Smartphone.
La 1ère chose que l'on devrait voir, je pense est le contenu de l'éditorial.
Le calendrier prend beaucoup de place et ne me paraît pas indispensable.
Le logo n'est pas visible.
Certaines boites pourraient être présentes, mais fermées.
Perso, je ne me suis jamais préoccupé du fichier "Robots.txt", il est conforme à celui présenté dans le tuto.
Pour la Configuration Mobile, effectivement, tu suis le tuto.
La modification de Mobstyle.css n'est pas compliquée, il suffit de suivre le tuto.

Rappel du lien que tu as dû visiter :
https://ghc.freeguppy.org/articles.php? ... &tconfig=0

Boîte : DOCUMENTATION
- Adapter robot.txt
- Configuration mobile
- Modifier Mobstyle.css
Bonne continuation.
Amicalement
Image
Administrateur du Forum
- Intel Core i3 CPU @2.27 Ghz - 4 Go de Ram
- Seven - Windows 10
- Ie11 - Firefox - Opéra - Netscape - Safari
- Windows Defender
- AdAware - SpyBot - Malwarebytes - Glary Utilities
girardyves44
Messages : 263
Enregistré le : 08 févr. 2008, 19:41
Localisation : Saint-Sébastien sur Loire
Contact :

Re: programmation site MDA pour MOBILE et TABLETTE

Message par girardyves44 »

Bonjour Henri. N'ayant pas internet sur mon Mobile, merci de me donner tes réactions (je suis très preneur) sur le site MDA version Mobile.
J'en profite pour poser cette question :
Quelle est la raison d'un écart plus grand entre les lignes lorsque j'ajoute du texte à la fin de l'éditorial.
(je suis rentré par "Admin" dans l'éditorial et tapé les dernières lignes "nous vous proposons de ....")
je ne peux retrouver l'écart existant pour tout le texte précédent....
Merci pour ta réponse.
Amicalement
Yves Girard
Avatar du membre
Henri
Administrateur
Messages : 1188
Enregistré le : 01 mai 2005, 15:09
Localisation : Orvault 44700
Contact :

Re: programmation site MDA pour MOBILE et TABLETTE

Message par Henri »

girardyves44 a écrit :Bonjour Henri. N'ayant pas internet sur mon Mobile, merci de me donner tes réactions (je suis très preneur) sur le site MDA version Mobile.
Hier, j'ai vu que le menu était en double, cela a été rectifié, c'est bien. :wink:
Sur Smartphone, Le bouton "Propositions de Lois", le titre déborde --> Simplifiez le titre, même chose pour "Téléchargements, --> Supprimez le "s".
C'est pas mal, mais il n'y a aucun accès vers des boîtes, hormis par le Menu. :cry:
Dans "Téléchargements", il y a "Module de langues" --> A supprimer

Sur Tablette, à côté de l'éditorial, à droite, il y a une boîte qui n'a rien à y faire.
Il s'agit de la boîte "Nous contacter" --> A supprimer
Les liens du Menu sont trop serrés, la raison est qu'il n'y a pas de boutons sur ce Menu, en fait, c'est la même chose sur PC, sauf qu'il y a plus de place. :|
Quelle est la raison d'un écart plus grand entre les lignes lorsque j'ajoute du texte à la fin de l'éditorial.
La raison est simple, chaque ligne était dans un chapitre. :cry:
Il faut entrer dans le code source du texte, supprimer les balises de fin de chapitre et les remplacer par des balises de saut de page, de façon que tout ton texte soit dans le même chapitre. (C'est du langage "html")
Amicalement
Image
Administrateur du Forum
- Intel Core i3 CPU @2.27 Ghz - 4 Go de Ram
- Seven - Windows 10
- Ie11 - Firefox - Opéra - Netscape - Safari
- Windows Defender
- AdAware - SpyBot - Malwarebytes - Glary Utilities
girardyves44
Messages : 263
Enregistré le : 08 févr. 2008, 19:41
Localisation : Saint-Sébastien sur Loire
Contact :

Re: programmation site MDA pour MOBILE et TABLETTE

Message par girardyves44 »

Re-Bonjour Henri. Je pense avoir fait les modifications que tu signalais.....
Tu me dis : "Les liens du Menu sont trop serrés, la raison est qu'il n'y a pas de boutons sur ce Menu".
Je suppose que tu parles du MENU "Accueil - Actualités etc" = le CA de la MDA souhaitait supprimer les boutons.
Merci pour ton intervention dans l'Editorial (correction des intervals à la fin).
Il est vrai que je ne maitrise pas le langage "Html"
Merci encore et à +.
Amicalement.
Yves Girard
Avatar du membre
Henri
Administrateur
Messages : 1188
Enregistré le : 01 mai 2005, 15:09
Localisation : Orvault 44700
Contact :

Re: programmation site MDA pour MOBILE et TABLETTE

Message par Henri »

bonjour Yves,

Oui, je parle du Menu Accueil etc ...
Le problème, c'est que sur "Smartphone, tu as des "Boutons" pour accéder au "Menu", alors que sur "Tablette", tu as des "Liens" :oops:

Ces liens étant collés au "Logo", j'ai voulu les décoller un peu, autrement dit les centrer verticalement.
J'ai augmenté la marge haute, mais cela provoque l'apparition des "Boutons" pour accéder au "Menu"

Je pense que c'est plutôt pas mal et du coup, on a la même présentation sur "Smartphone" et sur "Tablette", c'est mieux à mon avis. (N'oublie pas que sur un écran tactile, il est plus facile de cliquer sur un bouton que sur un lien, avec son doigt) :lol:
Il faut expliquer au "C.A. de la MDA" que : Pour qu'un site soit visible sur "Smartphone" et sur "Tablette", il y a des contraintes. :|

J'avais également tenté d'insérer le "texte à méditer", mais ça ne fonctionne pas, ce qui ne m'étonne pas vu que cette balise n'est plus utilisée et quand ça fonctionne, les espaces sont trop grands. (Je te l'avais déjà dit) :|
Amicalement
Image
Administrateur du Forum
- Intel Core i3 CPU @2.27 Ghz - 4 Go de Ram
- Seven - Windows 10
- Ie11 - Firefox - Opéra - Netscape - Safari
- Windows Defender
- AdAware - SpyBot - Malwarebytes - Glary Utilities
Verrouillé