Site adaptatif: demande de confirmation sur le résultat attendu
Author: QUEYERATS D.Bonjour,
Après avoir créé mon site avec les versions 9 et antérieures, après l'avoir rendu "Responsive Web Design" grâce à la solution d'un dossier racine pour site mobile que m'avait transmis Danielle Fabre (merci encore Danielle), et d'un copié-collé, j'ai fait l'acquisition des versions 14 et 15 et suis tenté de faire un nouveau site.
Ma question va paraître un peu stupide par les concepteurs de site expérimentés mais je suis complètement perdu avec ces nouvelles versions notamment concernant la conception adaptative (d'autant plus que certains demandent même des tutoriels pour réaliser un site adaptatif, ce qui n'est pas pour me rassurer).
Ma question est donc de savoir si sur l'écran " Définitions et conception adaptative" il suffit de cliquer sur "site adaptatif" pour avoir mon site adapté aussi bien sur l'écran du PC que sur les écrans de mobiles. La question semble d'une lapalissade énorme mais ben oui, j'ai besoin d'une confirmation pour être rassuré sur ce point.
Dans la négative, pour ce résultat recherché, quelle procédure dois-je apporter.
Merci pour votre réponse
Cordialement
Hello Denis,
Et non, il ne suffit pas de cliquer sur un bouton pour avoir un site adaptatif d'un coup de baguette magique !! Bien dommage d'ailleurs.
Un peu de lecture de la documentation pour te familiariser avec les points particuliers de l'adaptatif
http://help.websitex5.com/fr/v15/pro/resolution_rwd.htm
http://help.websitex5.com/fr/v15/pro/responsive_ht.htm
Essaie aussi, en fonction de ce que tu veux faire, les modèles gratuits proposés dans le Marketplace pour voir comment ils sont configurés (adaptatif, parallax, etc.).
Bonne continuation,
J.P.
Author
Bonjour Jiper 85 et merci pour la réponse ,
Oui, je me doutais bien que la magie n'était pas au RDV malgré la consultation de la lecture en lien que t'as rappelé et après avoir consulté également certaines demandes sur le site comme celle de Jean Pierre GRESSET.
Donc toujours pas très sûr de l'avancée de mon aventure; cependant en allant sur l'écran "structure du modèle " et en cliquant sur les différents points de rupture automatiquement crées avec mon modèle, je me suis aperçu qu'en l'adaptant aux points correspondants, mon modèle pouvait prendre forme et que la baguette magique c'était finalement que cette procédure à appliquer!!!
J'ai fait des impressions écrans correspondantes et ma 1ère question est la suivante:
En prenant en compte les tailles des différents écrans et en voyant le résultat obtenu, est-ce que je suis dans le bon
Dans l'affirmative, ai-je quelque chose à changer?
Toujours dans l'affirmative, est-ce que les contenus notamment les textes et menus déposés dans l'en-tête (voir mon dernier écrans) seront convenablement vus dans n'importe lesquels mobiles et tablettes autrement dit est-ce qu'ils s'adapteront à la dimensions des tailles données dans les différents points de rupture?
Dans la négative, est-ce que tu peux apporter un coup de baguette ou un fluide spécial pour me tirer d'affaire?
Merci encore pour ta collaboration
Au moment d'envoyer mon message, je m'aperçois que je ne peux envoyer qu'une impression écran donc je suis du coup obligé de mettre en pièce jointe mon fichier Iwzip
cordialement
Denis
Author
Re bonjour et suite du message Posté le 16-05-2018 16:31:07
Jper, je me rends compte que mon premier fichier était trop lourd je l'ai donc diminué
Author
Vraiment vraiment désolé Jper. je ne m'amuse pas à faire du spam; Malgré avoir dupliqué mon site et l'avoir réduit à la structure du modèle et au contenu minimal de l'en-tête le fichier fait toujours 2092 Ko.
Vraiment dommage car je comptais vraiment sur cette visualisation pour conforter la marche à suivre à laquelle je venais de procéder.
cordialement
Denis
Salut Denis
Pièce jointe : (jpg, png, gif, IWP, taille maximale zip 1024Ko)
Tu peux passer par WeTransfer et nous en indiquer le lien de téléchargement... https://wetransfer.com/
Attention à nettoyer les données de connexion du serveur s'il en existe sur le projet à la page d'exportation...
@+, J.P.
Author
Bonjour Jiper et merci pour tous ces précieux conseils.
Voici enfin le lien qui te permettra de voir si je suis sur la bonne piste pour que ce site en construction soit adaptatif mobiles
https://we.tl/uSMn4TOV6Q
Cordialement
Denis
Denis, ton projet est vide, ton entête surchargé... donc difficile de se faire une idée précise. Les gros entêtes surchargés ne sont plus trop de mise. Il faut jongler avec le Style des lignes pour agrémenter ta page d'accueil.
Cale toi sur Etape 2, Modèle, puis "Contenu du Modèle" et là tu verras ce que ça donne en cliquant sur les différents points de rupture... Exemple pour ton format en 480 px :
Essaie de télécharger un modèle gratuit dans le MarketPlace pour te faire la main et en comprendre la mise en page :
https://market.websitex5.com/fr/modeles
@+, J.P.
Suite... J'ai trouvé ça : https://www.youtube.com/watch?v=hC9ctCFZ_yQ
Myron détaille, a priori, le responsive à partir de la 5ème minute environ...
Des fois que ?
Bonne continuation,
J.P.
Author
Bonjour JP,
Merci pour la vidéo en anglais (je vais mettre à contribution un collègue pour me la traduire: un reproche que je peux faire à Incomédia, tout est en anglais; je comprends que c'est la langue universelle mais bon le logiciel est aussi vendu pour la France!).
Sinon en attendant, j'essaie d'avancer en faisant pas mal d'essais un peu en aveugle (à force de faire des gammes je vais bien finir par comprendre et y arriver).
Donc d'après mes différentes gammes, voilà ce je crois comprendre:
- Bien sûr après avoir modifier si nécessaire les points de rupture du site adaptatif, je porte dans structure du modèle, les éventuels fichiers images, couleurs et dimensions hauteur désirés, etc.
(Je suppose là à ce moment qu'il faut faire exactement pareil (fichiers images, couleurs, hauteur...à reporter) pour les différents points de rupture) OUI /NON?
- Ensuite je passe au contenu du modèle pour placer les différents "objets" (titre, image, menu, etc...) en ajustant la taille police désirée et en me rappelant tes conseils de ne pas surcharger l'en-tête)
(Je suppose là, qu'il faut faire exactement pareil (titre, image, menu, etc...) pour les différents points de rupture; OUI/Non ? et c'est là que je n'ai pas compris notamment pour la taille de police de l'objet "titre": j'adapte la taille de police pour le titre afin qu'il soit esthétiquement bien proportionné à l'en-tête en 1150px, puis je passe aux autres différents points de rupture et là naturellement, je suis obligé de changer non seulement la position du titre mais également et surtout la taille de police et lorsque je me replace sur l'en-tête en 1150 px, la taille de police n'est plus adaptée à cet en-tête)
Je suis finalement arrivé à un compromis sur la taille de police, avec comme inconvénient un titre en 1150 px pas très grand donc pas très esthétique. Ai-je finalement la solution. OUI/ NON ?
Pour tout le reste du site pas de problème et c'est plutôt emmerdant de coincer sur ce début!
En attendant, je vais continuer mes gammes et peut être à bientôt!!!
Cordialement
Denis
Salut Denis,
Myron est un utilisateur comme nous qui a fait quelques vidéos de prise en main du logiciel.
Je n'ai pas eu le temps de m'occuper de toi, désolé... Beaucoup de boulot et la refonte complète de mon site photos (138 pages ! et je n'ai pas fini les fignolages et le contrôle d'analyse...).
J'étudierai ton texte à tête reposée pour voir si je peux comprendre tes soucis et y apporter un éclairage. Pas toujours évident à distance sans voir ce qui a été fait. Nous verrons bien...
Ou si une âme charitable passe par là en attendant ?
Un petit tuto V13 parfaitement adaptable : https://helpcenter.websitex5.com/en/post/169726
ça peut te donner une idée du processus... (désolé c'est aussi en anglais mais y'a des images)
@+, J.P.
Author
Bonjour Jp,
Je comprends Jiper et je te laisse travailler un peu (et même tant que tu veux) sur ton site. Ce qui est drôle c'est que depuis le début de mon post, il n'y a eu que toi comme âme charitable; donc je lance un appel: Y-a-t-il que Jiper sur Incomédia? Et je vais même finir par croire qu'il y a que moi qui ne sait pas me servir de cette version de logiciel.
Si ça se trouve je m'inquiète pour pas grand chose et l'on pourrait me répondre envoie ton site sur l'hébergeur et tu verras bien le résultat mais étant donné que je fais ce site pour une collègue qui attend que le site ait au moins des bases solides pour l'héberger, je suis un petit peu coincé.
Ah aussi, vu que ce site est pour ainsi dire presque terminé, je voulais savoir si le transférer sur We transfer était possible mais en privé car je ne voudrais tout de même pas exposer tous ces contenus en public par respect pour la collègue. Bien entendu cette question n'est pas pour que l'on me reprenne le site de A à Z mais simplement me dire si oui ou non j'ai compris le principe de la conception adaptative.
Bonne continuation
Denis
Salut Denis,
Et oui c'est un peu frileux côté aide... Certains le font quand ils ont une idée ou une solution à proposer...
Tu peux passer par le formulaire de contact de mon site (lien sur mon profil), et je te donnerai mes coordonnées perso. Si tu veux m'envoyer le projet IWZIP via WeTransfer, j'y jetterai un oeil (bienveillant) et je te signalerai mes observations.
Comme tu es en version Evo et moi en Pro je ne pourrai pas "t'offrir" un projet modifié. Il ne sera pas transférable sur Evo. Mais on pourra déceler les bricoles à régler s'il y a lieu.
A te lire, et bonne continuation,
J.P.
Author
Un très grand merci à Jiper. Le seul qui a non seulement répondu à ma demande mais qui en plus m'a apporté le soutien et l'encouragement nécessaire à la finalisation de mon projet par ses conseils judicieux.
Merci Jiper.
Denis