|
gb87
|
 |
« le: Mar. 01 Juillet 2014 à 08:43:55 » |
|
Bonjour,
... l'ordre de diverses rubriques dans l'[Explorateur d'éléments] peut conduire à de très mauvaises visualisations de nos chers sites par les internautes.
Pour faire court, pourriez vous nous en préciser l'ordre exact : images, Jsc, textes, liens, formulaires etc..., pour que l'on comprenne une fois pour toutes ? ...
Doit-on grouper ces images, textes, etc., et quels serait l'ordre de priorité dans cet "explorateur", depuis le haut en allant vers le bas ?
.. et pourquoi çà change de place, dès que l'on modifie ne serait-ce qu'une image ou une fonction ou autre chose ?
... c'est bien sûr expliqué nulle part dans le Mode d'emploi du logiciel !
Merci, @+ Guy
|
|
|
|
« Dernière édition: Mar. 01 Juillet 2014 à 16:11:35 par gb87 »
|
Journalisée
|
Il est humain de se tromper, persévérer dans l’erreur est diabolique ... en quelques mots: Errare humanum est, perseverare diabolicum...
Je fonctionne avec 1 PC, sous Windows Seven Pro.
J'utilise IE version 11.0.9600.17801 (Enfin quand çà fonctionne!) + Firefox (Dernière version)
|
|
|
|
yvanoph
|
 |
« Répondre #1 le: Jeu. 03 Juillet 2014 à 11:39:26 » |
|
... désolé pour la réponse plus que tardive, mais pas mal de paperasse et autres "détails" administratifs à régler ! Et comme je n'ai toujours pas le don d'ubiquité ni de me dupliquer pour faire plusieurs choses en même temps en plusieurs lieux...
Bref, pour en revenir à votre question, rentrer dan "les ordres" et absolument INDISPENSABLE pour nos Sites, assurément, sinon nous risquons d'avoir quelques désagréables surprises, comme de ne pas voir tout affiché ni même seulement fonctionner correctement ? Ou pire, comme beaucoup de Site E-Commerce, faire mouliner nos machines, ce qu'il y a certainement de plus grave à mes yeux.
Il me semblait pourtant avoir déjà expliqué dans d'autres Fils, et de façon peu ou prou détaillée, l'ordre théoriquement parfait ?
Alors de façon rapide et simple, une Page encodée en Html étant décomposée en deux parties distinctes, la "<head>", ou tête, et le "<body>", ou corps de Page !
"<head>" :
La Balise "<title>", le fameux Titre, premier élément de Référencement,
Des Balises "<meta>", dont au moins une pour le type d'encodage, pour savoir quelle Langue interpréter quant à l'affichage des caractères, et une autre pour la Description du contenu qui va s'afficher, deuxième élément de Référencement,
Enfin des Balises "<link>", qui elles vont pointer des fichiers contenant les Habillages (Positions, dimensions, mises en forme, couleurs, polices etc. ?) des éléments contenus dans le "<body>" qui suit ?
AUTREFOIS les divers "<script>"s annexes de base en Java Script, php ou autres pouvaient être positionnés dans la tête, alors que depuis quelques temps il est fortement déconseillé de les placer à cet endroit, tout simplement parce que beaucoup, très incomplets ou entraînant des erreurs, ralentissent "abomifreusement" l'affichage...
"<body>" :
Tout d'abord, les "<div>" et autres formes, contenant les composants du Fond ! Et oui, ça coule de source, car chez vous, avant d'accrocher un tableau ou une étagère au mur, vous commencez bien par poser le papier peint par exemple ? De toute évidence, travailler à l'envers posera bien quelques problèmes, n'est-ce pas ? Un peu comme poser le réchaud à fondue allumé puis la nappe par dessus...
Suivront les "<div>" et autres, contenant les Textes, car ce sont des Eléments très rapides à afficher, car très simples et surtout pesant peu de poids, voire les Liens au format texte.
Ensuite les "<img>", ou Images, régulièrement plus lourdes à charger, alors que déjà les textes occuperont normalement votre Visiteur ?
Suivis des "<div>" contenant cette fois les Boutons ! Généralement avec des effets au survol, donc exploitant du JavaScript ou autres...
Enfin, les "<div>" contenant les Animations diverses éventuelles ?
Donc en théorie, tout ce qui touche à l'affichage serait ainsi normalement devenu visible ?
Et, pour terminer, les "<script>"s, ceux concernant les effets des Boutons par exemple en premier, puis des Animations, donc, vous l'aurez compris, tout ce qui modifie peu ou prou l'affichage selon les évènements, tous les autres "<script>"s comme ceux d'Analyses, de Référencement, de Comptage voire de Réseaux Sociaux en dernier, puisque ne participant pas directement à l'affichage ? D'où l'intérêt bien compris pour ces derniers de les faire charger en Mode Asynchrone...
Toute cette théorie bien comprise, il y aura quand même quelques compromis à faire hélas pour quelques cas, comme ceux ci dessous par exemple !
Tout d'abord, les "<script>"s d'animations qui génèrent des Eléments devront parfois passer encours de route ? Car ensuite, faute de trouver les dits Eléments dans le "<body>", ils vont planter et/ou boucler lamentablement... Ce qui va ralentir tout ce qui suit, hormis s'il contient un "<script>" qui lui dise de "laisser tomber" s'il ne trouve ce qu'il devait pointer ? Mais fort peu pense à ce type de problème...
Ensuite, un "<script>" ne peut contenir que des Fonctions, auquel cas une fois chargé, il ne "fait rien" ? Par contre, des Eléments suivants peuvent très bien envoyer des valeurs de variables faisant appel à ces Fonctions, afin de réaliser des Effets, comme les Boutons par exemple ? Et s'ils ne trouvent pas les Fonctions, là encore nous pouvons avoir pour effet des retards de chargement voire carrément un plantage du Navigateur...
D'où l'intérêt d'un choix judicieux quant au positionnement de chacun de nos [Composant]s dans une Page, ce via les "Tabulation"s, dans l'ordre LOGIQUE d'optimisation du chargement pour un affichage rapide comme ci dessus défini, mais parfois hélas avec des compromis imposés par une autre logique, celle d'un fonctionnement valide ?
Espérant avoir répondu à votre attente, cordialement, Yvanoph---
|
|
|
|
|
Journalisée
|
La théorie, c'est quand on sait tout mais qu'absolument rien ne fonctionne !
La pratique, c'est quand tout fonctionne "farpaitement" sans vraiment savoir pourquoi, ni d'ailleurs chercher à comprendre...
Chance inouïe, ici théorie et pratique fonctionnent !
|
|
|
|
yvanoph
|
 |
« Répondre #2 le: Jeu. 17 Juillet 2014 à 11:25:41 » |
|
... Pages, je veux parler de l'ordre de chargement, et constaté quelques petits défauts ?
En tout premier lieu, les JSCs et [Composant]s de Fond comme "BackGround", "Css", très bien !
Normalement ensuite viennent les Textes ? Qui pèsent peu de poids, remplissent de suite la Page et surtout "donne à manger", à voir aux Visiteurs ? Hors là, ils sont placés en DERNIERS ? ? ?
Totalement anormal ça ?
Ensuite devraient venir les Images, simples et fixes, SAUF si placées SOUS des Textes, qui deviendraient alors invisibles car cachés par ces dernières...
Normalement suivent les Boutons simples, puis les Boutons animés, Module E-Commerce etc., s'il y en a...
Enfin les Animations, toujours plus lourdes que le restant ?
Et pour terminer, en tout tout dernier, les Réseaux Sociaux, suivis des "<script>"s n'affichant RIEN ou presque, comme les analyseurs genre XITY PUIS Google et autres.
Du plus léger au plus lourd ou n'affichant rien pour le Visiteur, SAUF impératif d'ordre comme un Texte placé SUR, AU DESSUS d'une Image par exemple ?
En fait, "FTIBAR" et NON "Chti bar" ou "Ch'tite barre"...
Si cela peut vous aider à tout faire rentrer dans l'ordre, bien amicalement, Yvanoph---
|
|
|
|
|
Journalisée
|
La théorie, c'est quand on sait tout mais qu'absolument rien ne fonctionne !
La pratique, c'est quand tout fonctionne "farpaitement" sans vraiment savoir pourquoi, ni d'ailleurs chercher à comprendre...
Chance inouïe, ici théorie et pratique fonctionnent !
|
|
|
|
|
|
|
|
yvanoph
|
 |
« Répondre #5 le: Jeu. 17 Juillet 2014 à 20:11:19 » |
|
... putaing cong vé dis donc ça en jette ton fond dis lààààà ! ! ! (Avé l'assent chaântant !)
Mais il y a quelques astuces quant à effectuer ce genre de chose, car là, introduit dans le "<container>" de la Page et non le "<body>", ça implique un décalage dès lors que plus large que le premier...
Et donc un "abomifreux" ascenseur horizontal qui ne sert à rien et risque de surprendre les non initiés ?
Par ailleurs, penser à remplacer toute la partie invisible par du blanc par exemple, afin d'en diminuer le poids ? Voire passer par un taux de compression énoooooorme...
Pas besoin d'une "super" qualité pour cet usage ? Mais l'effet est sympathique quand même ! ! !
Oup's, je n'ai RIEN dit, MILLE excuses Monsignor, car suis allé voir le fond en question, vous avez déjà économisé le fond par une entaille blanche, BRAVO, vous avez donc bien enregistré l'une de mes astuces ! Mais bon, en gros 200 Ko MINIMUM par image, ça monte vite vite, non ? Cinq images, 1 Mo !
D'autant que placé en fond, vous êtes obligé de placer cette animation en tout tout premier, ce qui retarde donc le chargement de tout le restant, puisque vous n'avez pas la possibilité, tel que créé, de pouvoir demander à le charger et lancer après le reste...
Mais les textes et petits Boutons sont toujours en avant, puisqu'ils ont placés en sixième, huitième, onzième et douzième positions, le huitième devant d'ailleurs normalement être après le onzième et non AVANT ? Et ces quatre là devrait être situés AVANT le cinquième, histoire d'être logique quant à l'optimisation du chargement ?
Bref, voilà voilà, bien amicalement, Yvanoph---
|
|
|
|
|
Journalisée
|
La théorie, c'est quand on sait tout mais qu'absolument rien ne fonctionne !
La pratique, c'est quand tout fonctionne "farpaitement" sans vraiment savoir pourquoi, ni d'ailleurs chercher à comprendre...
Chance inouïe, ici théorie et pratique fonctionnent !
|
|
|
|
gb87
|
|
« Répondre #6 le: Ven. 18 Juillet 2014 à 10:15:02 » |
|
Hé hé ! ...surpris, hein ?
Bonjour,
je pense que l'on peut faire BEAUCOUP mieussuuuuuusse encore ! ... seule l'idée m'a séduit !
C'est vrai qu'il y a des lacunes mais je n'ai fait AUCUN effort pour sa mise en forme, j'attendais votre avion à réaction pour voir comment améliorer "la chose" !
Il faudra que l'on se parle pour finaliser un "truc" un peu plus "conforme" ... pour faire un plus ici !
D'autant que ce ne doit pas être bien long à faire pour un "programmeur" comme vous !... 
@+ Guy |
|
|
|
« Dernière édition: Ven. 18 Juillet 2014 à 10:17:51 par gb87 »
|
Journalisée
|
Il est humain de se tromper, persévérer dans l’erreur est diabolique ... en quelques mots: Errare humanum est, perseverare diabolicum...
Je fonctionne avec 1 PC, sous Windows Seven Pro.
J'utilise IE version 11.0.9600.17801 (Enfin quand çà fonctionne!) + Firefox (Dernière version)
|
|
|
|
yvanoph
|
|
« Répondre #7 le: Ven. 18 Juillet 2014 à 13:18:09 » |
|
A vrai dire, en voyant cela hier après midi, j'ai pensé que l'idée vous est venue en visitant la Page donnée en Lien par l'ami "sp59", n'est-ce pas ?
Ensuite, pour la petite histoire, j'avais déjà créé de telles choses en 2010 je crois, trente secondes, je regarde s'il y a encore une Page existante, de mémoire le "CommeMam"...
Ça existe encore : Un "truc" qui avait bien étonné "sp59" à l'époque...
Là vous avez un fond changeant dans une Page contenue dans un Cadre dans une Page etc. quoi ?
Mais j'avais appliqué le même principe à un fond normal, via deux possibilités, l'une en JavaScript en injectant une "<div>" en "firstChild", donc avant la "<container>" générée par XWD, ou la même chose mais par un swf généré en Flash. J'avais à l'époque créé des effets de lumières qui se promenaient dans la Page de façon aléatoire, tout en grandissant pour diminuer et alors changer de couleur suivant la cycle RVB... Ca donnait un effet "fantôme" puisque le fond noir ?
Mais c'était mes premiers balbutiements à l'époque, avec des choses lourdes, excepté un plus bel effet en Flash quant au fondu, mais, ne connaissant pas encore toutes les astuces de la compression des images ni celle du JavaScript et n'ayant pas encore créé mes routines, un poids "abomifreux" ! ! !
"Diantre fichtre pestre bouffre" (Juron en vieux Françoi !), je ne me souviens plus de son pseudonyme, mais le "spécialiste Belge de la Jeep" avait un an après demandé comment réaliser de tels fonds animés, à l'époque ou il avait subdivisé son Site en plusieurs sous Sites... Et avais déjà donné quelques éléments de réponses sur "LE" Forum, mais va savoir si ça existe encre ? ? ?
De toutes façons, il y a BEAUCOUP mieux à faire que ce que j'avais créé à l'époque, et avais sorti un JSC adéquate en 2011, pour une mise en Page à l'époque pour "Davlent", mais c'est dans mes "vieux cartons", et en vieux Code, donc ? Donc je ne vous le donnerais pas, car comme écrit ci dessus, il y a bien mieux question légèreté ? Promis, je développerais ça après mes programmes actuels en cours !
Cordialement, Yvanoph--- |
|
|
|
|
Journalisée
|
La théorie, c'est quand on sait tout mais qu'absolument rien ne fonctionne !
La pratique, c'est quand tout fonctionne "farpaitement" sans vraiment savoir pourquoi, ni d'ailleurs chercher à comprendre...
Chance inouïe, ici théorie et pratique fonctionnent !
|
|
|
|
gb87
|
|
« Répondre #8 le: Sam. 19 Juillet 2014 à 11:11:09 » |
|
Bonjour
... oui, ... mais, ... c'est du Flash ? ? ? ... qui avait bien étonné SP59, ... non ?
Et c'est pas conseillé par le Chef...
Non ? ? ?
@+ Guy
|
|
|
|
|
Journalisée
|
Il est humain de se tromper, persévérer dans l’erreur est diabolique ... en quelques mots: Errare humanum est, perseverare diabolicum...
Je fonctionne avec 1 PC, sous Windows Seven Pro.
J'utilise IE version 11.0.9600.17801 (Enfin quand çà fonctionne!) + Firefox (Dernière version)
|
|
|
|
yvanoph
|
 |
« Répondre #9 le: Sam. 19 Juillet 2014 à 16:59:29 » |
|
Voilà bien un sacré moment que je pense et repense à votre réponse et son contenu !
Alors TROIS choses ! ! !
Tout d'abord, de QUEL "Chef" parlez vous ? Du dénommé Admin sur le Forum d'XWebdesignor, ou de moi même ? Car le premier à TOUJOURS dénigré le Flash parce que n'y CONNAISSANT RIEN ! Ce qui nous a valu quelques échanges "musclés" sur son Forum, tout comme il dénigrait les Cadres appelant des IFrames (Alors que lui même exploite cette technique pour afficher les Boites diverses dans son propre programme, UN COMBLE NON ?), ce jusqu'à ce que JE lui apprenne que les "spider"s (Robots) étaient devenus capables de suivre lesdits Cadres ! Là ENCORE UN COMBLE pour un "PRO" qui se "tiendrait normalement informé" ? Il a d'ailleurs ENFIN changé son fusil d'épaule à ce propos au moins ?
Bref, mais s'il s'agit de moi même, j'ai donc pris le temps d'écrire quelques lignes afin de tordre le cou à une mauvaise réputation, quoique parfois justifiée par une MAUVAISE exploitation, la nuance étant NON dans le programme, mais DANS l'USAGE qu'il en est fait ! ! ! "Comprendo" ?
Lien : Quelques vérités dérangeantes sur Flash ?
Ce premier point réglé, le deuxième réside dans le fait que les Animations des Boutons, la Sonorisation avec le Bouton de Haut parleur pour couper le son sont effectivement du TOTAL Flash !
PAR CONTRE, pour le troisième point, le Fond changeant est cent pour cent html ET JavaScript ! Une des toutes toutes toutes premières astuces que j'avais mise en place à l'époque, allez, "Mérovingienne", dirons nous ? Comme les deux Sites donnés en exemple hier et aujourd'hui...
Donc ?
Cordialement, Yvanoph--- |
|
|
|
|
Journalisée
|
La théorie, c'est quand on sait tout mais qu'absolument rien ne fonctionne !
La pratique, c'est quand tout fonctionne "farpaitement" sans vraiment savoir pourquoi, ni d'ailleurs chercher à comprendre...
Chance inouïe, ici théorie et pratique fonctionnent !
|
|
|
|
gb87
|
 |
« Répondre #10 le: Dim. 20 Juillet 2014 à 16:21:49 » |
|
Quand le corps humain fut créé, toutes les parties voulaient être le chef.
- Le cerveau disait : puisque je commande tout et que je pense pour tout le monde, je devrais être le Chef.
- Les pieds disaient : puisque nous transportons le corps là où il le désire et lui permettons ainsi de faire ce que veut le cerveau, nous devrions être le Chef.
- Les mains disaient : puisque nous faisons tout le travail et gagnons de l’argent pour entretenir tout le corps, nous devrions être le Chef.
- Et ainsi de suite pour le cœur, les yeux, les oreilles et les poumons.
- En fin le trou du cul se fait entendre et demande à être le Chef. Les autres parties du corps éclatèrent de rire à l’idée qu’un trou du cul puisse être le Chef.
Le trou du cul se mit en colère, se referma sur lui-même et refusa de fonctionner. Bientôt le cerveau devint fiévreux, les yeux se croisèrent et devinrent vitreux, les pieds trop faibles pour marcher, les mains pendaient sans force et le cœur et les poumons luttaient pour survivre.
Alors tous supplièrent le cerveau de se laisser fléchir et de permettre au trou du cul d’être le Chef.
Ainsi fut fait...
Toutes les autres parties du corps faisaient le travail tandis que le trou du cul dirigeait tout le monde et s’occupait principalement de la merde comme tout Chef digne de ce titre.
Moralité : Il est nullement nécessaire d’être un cerveau pour devenir Chef, un trou du cul d’ailleurs a nettement plus de chance...
Regardez autour de vous pour être convaincu...
Extrait du sketch "Les trous du cul ont de l'avenir", de Darius Wozniak
... AUTRE CHOSE MAINTENANT ?
Ou je développe un peu plus le sujet ?
@+ Guy
|
|
|
|
|
Journalisée
|
Il est humain de se tromper, persévérer dans l’erreur est diabolique ... en quelques mots: Errare humanum est, perseverare diabolicum...
Je fonctionne avec 1 PC, sous Windows Seven Pro.
J'utilise IE version 11.0.9600.17801 (Enfin quand çà fonctionne!) + Firefox (Dernière version)
|
|
|
|
yvanoph
|
|
« Répondre #11 le: Dim. 20 Juillet 2014 à 16:23:56 » |
|
Car à vrai dire je vois que nous partageons le même humour, et bien que nous ne connaissant pas, avons le même regard sur les choses, et les mêmes pensées ?
Nous nous sommes donc BIEN compris, et le "Trou du Cul" que je suis continuera SANS VERGOGNE à déniaiser l'autre "Chef" sur le tas de bêtises qu'il sort aussi régulièrement qu'un métronome ?
Très très cordialement, Yvanoph---
|
|
|
|
|
Journalisée
|
La théorie, c'est quand on sait tout mais qu'absolument rien ne fonctionne !
La pratique, c'est quand tout fonctionne "farpaitement" sans vraiment savoir pourquoi, ni d'ailleurs chercher à comprendre...
Chance inouïe, ici théorie et pratique fonctionnent !
|
|
|
|
gb87
|
 |
« Répondre #12 le: Dim. 20 Juillet 2014 à 16:25:53 » |
|
... c'est aussi çà, la culture !
@+ Guy
|
|
|
|
« Dernière édition: Dim. 20 Juillet 2014 à 16:36:38 par gb87 »
|
Journalisée
|
Il est humain de se tromper, persévérer dans l’erreur est diabolique ... en quelques mots: Errare humanum est, perseverare diabolicum...
Je fonctionne avec 1 PC, sous Windows Seven Pro.
J'utilise IE version 11.0.9600.17801 (Enfin quand çà fonctionne!) + Firefox (Dernière version)
|
|
|
|
yvanoph
|
|
« Répondre #13 le: Dim. 20 Juillet 2014 à 16:29:15 » |
|
Car j'avais bien cru comprendre ...
... la cul turepitude ! Nan ?
Mais il est vrai que tout autant la vérité sort de la bouche d'un enfant, nos Artistes, avec le regard caustique qu'on leurs connait, en dégoisent tout autant ?
Il suffit par exemple de rencontrer ou d'écouter les "Preux Valets du Fiel" pour s'en rendre compte ?
Comme quoi il n'y a pas besoin de faire l' Ecole Nationale des Ânes" ou des "Arnaqueurs" pour faire bouger un peuple...
Bien cordialement, Yvanoph---
|
|
|
|
|
Journalisée
|
La théorie, c'est quand on sait tout mais qu'absolument rien ne fonctionne !
La pratique, c'est quand tout fonctionne "farpaitement" sans vraiment savoir pourquoi, ni d'ailleurs chercher à comprendre...
Chance inouïe, ici théorie et pratique fonctionnent !
|
|
|
|
Karim Yvanoph
WebMaster 3Alannet webmaster@abc-du-web.com
BP 116
7080 Menzel JEMIL Gouvernorat de BIZERTE
Tunisie
Yvanoph www.abc-du-web.com 0021625332209
