Yvanoph Karim Modérateur ABC du Web 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
Retour à l'Accueil du Mode d'Emploi du Forum XWebDesignor ?
  Accueil Aide Rechercher Tags Identifiez-vous Inscrivez-vous  
  Voir les messages
Pages: 1 2 3 4 5 6 7 8 9 10 [11] 12 13 14 15 16 17 18 19 20 21 ... 189
151  XWD, Usages et Astuces ? / Bilan - Analyse de votre Site ? C'est ici ! / Bonjour, transmission de pensées ? le: Mer. 13 Décembre 2017 à 10:25:17

J'allais ENFIN avoir la possibilité de vous répondre, car je ne vous oublie PAS, nan mais...


Tout d'abord, jamais je n'ai imaginé avoir tapé VINGT et UNE Page à ce sujet ? Mais comme quoi quand je disais qu'il y avait un Livre à écrire pour connaître toutes les #Astuces !


Ensuite, il y a une étape très important à NE PAS négliger, "changer le type de #Page" à modifier, ce qui évitera à #XWebDesignor d'être perturbé par une NOUVELLE #Page "active", qu'il va se sentir obligé de publier au moindre Clic, mettre à jour le "SiteMap" etc. ?

Ainsi, la copie de cette #Page "active" qui devient #Page de #Fond vous donne toute liberté de faire absolument tout et n'importe quoi SANS déranger le #Site normal !

Mieux, vous pouvez sortir une modifier une bricole dans ce #Site indépendamment de votre remise au propre, presque comme deux #Sites provisoirement dans un seul ?

Donc, en résumé :

Les #Catégories ne servent qu'à CLASSER les #JSCs / #JSCXs ou #[Composant]s selon un ordre bien précis,

L'ex #Page "active" devenue #Page de type #Fond vous permet de travailler "hors" #Site sans rien perturber, et redeviendra à la fin, quand tout sera PARFAIT, #Page "active" en changeant à nouveau son type ?
Autre avantage quant en cours de modifications, surtout profondes, UN SEUL Clic pour prévisualiser la #Page et NON valider à chaque fois le fait de ne voir que cette #Page...


Voilà qui devrait éclaircir le fonctionnement de cette méthode ?


Cordialement, Yvanoph---

P.S. : Votre idée quant à imprimer un #Fil devrait faire l'objet d'une Publication dans "V's avez quelque chose à déclââârer ?".

152  Les Langages de base, HTML 4, HTML 5, CSS 2 & 3, JS. / JSCs - JSCXs -> Sites basiques (SANS JavaScript) [U] ! / Bonjour, vérifié le résultat sur la #Page concernée ! le: Mar. 12 Décembre 2017 à 13:48:38

Et j'avais bien raison, il y avait bel et bien un souci en ce qui concerne les Ombres, les fameuses "shadow"s !


Alors de fait, pour vérifier au #Pixel près l'exactitude de mon impression, rajouté deux "#Fonds", de deux #Pixels de largeur et 720 de #Hauteur, l'un à gauche par -2 en X, l'autre à droite avec 960, donc encadrant exactement ma #Page "active" qui fait cette #Largeur ?

Lien : http://www.abc-d-xwd.com/AdV73/EssaiSlider.html

Donc la zone d'affichage est clairement délimitée, et tout ce qui dépasse avant ou après n'a pas lieu d'être...

Et finalement, ce sont mes propres Valeurs qui n'étaient pas correctes ! Alors ci dessous quelques méthodes de Calculs et Positionnements ?


Définitions :

Par principe, nous considérons un #Fond de :

X = 20 px,

Y = 20 px,

L = 400 px,

H = 300 px.

Enfin, avec ou sans rayons, les Calculs sont IDENTIQUES en tous points !


Bordures :

Supposons que nos rajoutions une #Bordure BE = 2px.

Par principe, tous les #Navigateurs RAJOUTENT cette #Bordure, comme tous les Habillages de contours d'ailleurs. Donc notre #Éléments va devenir L = 404 et H = 304 car 2 + 400 + 2 = 404... Et NON #Pigeot !

DONC, pour CONSERVER nos #Dimensions voulues à l'affichage, nous allons modifier par L = 400 - (2 x 2) = 396, et H = 296...
X et Y NE CHANGENT PAS !

RAPPEL :

Si vous utilisez le #Style "double", il vous faut au MINIMUM BE = 3 sinon 6 ?

DONC L = 394 ou 388 et H = 294 ou 288 ?


Ombres :

Voilà bien un Habillage un peu plus complexe à comprendre, avec TROIS Valeurs :

- SX, Valeur de décalage en X,

- SY, Valeur de décalage en Y,

- SE, Valeur de l'épaisseur de l'Ombre souhaitée ?

Appliquons simplement une Ombre, pour faciliter les Calculs, de 20 px ? Soit les Valeurs "0px 0px 20px" ?

Comment cela va t-il se traduire ? Et bien tous les #Navigateurs vont créer un PSEUDO #Élément, exactement aux mêmes #Dimensions que notre #Élément initial, de la #Couleur paramétrée, mais placé dessous !
Puis ils vont RAJOUTER l'Ombre, à savoir 10 px tout autour... Exactement le même principe qu'une #Bordure, à la différence près que la Valeur est divisée par deux pour l'appliquer et non considérée comme un Contour ?

De cela, nous allons en déduire que :

- Tous ceux qui me paramétreront une Valeur NON divisible par DEUX se verront immédiatement traités dans ce #Forum de C.N FINI qui ne comprend RIEN à RIEN ?

- Notre #Élément va donc prendre de l'embonpoint, et de 400 x 300 va passer à 420 x 320 ?
Nous DEVONS donc, pour conserver notre emprise initiale dans notre #Page, DIMINUER #Largeur et #Hauteur d'autant que la Valeur de notre Ombre, donc L - SE et H - SE, soit 380 x 280 px ?

Et comme nos décalages sont à zéro, nous allons voir un PSEUDO #Élément dont l'emprise dans notre #Page, Ombre comprise, démarre exactement à X et Y, et dont les #Dimensions sont exactement L et H tels telles que voulues au début, et par dessus notre véritable #Élément, qui démarre AUSSI à X et Y, mais fait 380 x 280 avec à droite et en bas une bande de la couleur de notre Ombre de 10 px, puis l'Ombre elle même de 10 px...

Alors si nous voulons notre Ombre parfaitement centrée tout autour de notre #Élément, il va falloir jouer sur les décalages ? Et dans le cas présent appliquer un RECUL à notre PSEUDO #Élément de la moitié de la Valeur de l'Ombre ! Donc SX = -10 et SY de même...

Soit les Valeurs "-10px -10px 20px", ainsi notre PSEUDO  va reculer de l'Ombre exacte, et notre #Élément être placé juste au Centre !
Ou, dit autrement, par rapport à la #Page, le PSEUDO #Élément sera à X et Y, soit ici 30 - 10 = 20, comme initialement, avec L et H, alors que notre #Élément initial sera lui à X = X + SE/2 = 30, de même pour Y ? Et 380 x280, soit en bas à droite en retrait de 10 px par rapport au PSEUDO #Élément... D'où le fait qu'il soit "farpaitement" centré !

Donc BIEN assimiler que SX et SY sont les décalages de l'Ombre ou "shadow" par rapport à l' #Élément lui même Au s'cours ! ?
Et que l' #Élément DOIT donc être déplacé de la demie Valeur de l'Ombre...

Ou, dit autrement, de la Notion fort FORT  F O R T importante de la Relativité du regard posé ("Comprendo" ? "Si" ?)...


Bordures ET Ombres :

Donc nous avons appris qu'en ajoutant une #Bordure, nous DEVONS diminuer du DOUBLE L et H de son épaisseur ?

Puis nous avons appris qu'en ajoutant une Ombre, nous DEVONS diminuer L et H de son épaisseur ?
De plus, nous DEVONS augmenter X et Y de son épaisseur ?

Donc dans le cas des deux ensemble, nous devons calculer L - ((2 x BE) + SE) ou L - BE - BE - SE,
puis X = X + (SE / 2) et Y = Y + (SE / 2) !

Ensuite, et dans tous les cas, déplacer l'Ombre selon envies, en négatif comme en positif ?


Soit, en résumé :

- Bordures :

DIMINUER les #Dimensions initiales du DOUBLE de l'Épaisseur de la #Bordure afin de CONSERVER ces dernières en Affichage.

Et ATTENTION, en cas de style "double", donc deux lignes PLUS une troisième au milieu, BE DOIT être un multiple de TROIS !

- Ombres :

DIMINUER les #Dimensions initiales de la Valeur totale de l'Ombre afin de CONSERVER ces dernières en Affichage,

AUGMENTER X et Y de la demie Valeur de l'Ombre !

- Bordures ET Ombres :

DIMINUER les #Dimensions initiales du DOUBLE de l'Épaisseur de la #Bordure additionné de la Valeur totale de l'Ombre afin de CONSERVER ces dernières en Affichage,

AUGMENTER X et Y de la demie Valeur de l'Ombre !


Et ... Quoi ? au point où j'en suis Au s'cours !, Attend voir... les Rayons ? Youpiii ? Perfect ! ?


Rayons :

En regardant le premier #Fond de la #Page donnée en #Lien au début, ses Angles sont carrés, et l'Ombre présente un Rayon ! Comme l'Ombre fait 10 px, la moitié de la Valeur paramétrée, le Rayon est de dix automatiquement aux quatre Angles.

RAPPEL :

Norme Mondiale établie depuis une éternité, tout élément commence à être vu en haut à gauche puis en tournant dans le sens des aiguilles d'une Montre !
EN clair, positionné sur le coté droit d'un véhicule, les roues tournent à droite, et si sur le coté gauche elles tourneront à gauche dès que ce dernier avance. Et bien évidemment vice versa s'il recule ?
De même pour un Boulon, sa Norme sera HM6 par exemple, le H souvent "oublié" pour dénommer une tête hexagonale, le 6 son diamètre nominale qui sous entend un pas de 1...
Et par principe, placé devant nous, il faudra tourner à droite pour le visser ?
Et si nous nous plaçons de l'autre coté de la tôle, il faudra encore tourner à droite pour serrer l'écrou...

Alors qu'un M6-G, donc complété du G, voudra dire, exceptionnel, serrage à GAUCHE ! ! !


Et bien, dans un #Navigateur, cette Norme est là AUSSI appliquée ! DOnc nous devons paramétrer nos quatre Valeurs ainsi "10px 10px 10px 10px", ce qui veut dire que nos quatre Rayons sont identiques ? Une façon abrégée sera "10px".

Mais si nous tapons "10px 0px 0px 10px", nous devons comprendre qu'il s'agit du premier Rayon en haut à gauche de 10 px, alors qu'à droite Angle droit, ainsi qu'en bas TOUJOURS  à DROITE, puis à nouveau Rayon de 10 en bas à gauche...

Et si nous voulons mettre deux Pages d'un Livre  aux angles arrondis cote à cote, celle de gauche pourrait donc avoir "10px 0px 0px 10px" alors que celle de droite "0px 10px 10px 0px" ?


Quant aux Ombres, avec de tels Rayons, nous aurons visible 20 px puis 10, 10 et à nouveau 20 ! Car la demie épaisseur de l'Ombre sera rajoutée à chaque Rayon rencontré ! ! !


Voilà voilà, fait le tour ... complet, Yvanoph---

153  XWD, Usages et Astuces ? / Bilan - Analyse de votre Site ? C'est ici ! / Bonsoir, passé rendre Visite à la #Page Noël ! le: Mar. 12 Décembre 2017 à 01:10:24

J'aime bien voir cette #Image de #Fond apparaître, avec nostalgie je replonge dans le passé et retrouve des moments, des situations, des instants d'enfant, comme des rêves pour "Quand je serais grand !" ?


En ce qui concerne mon analyse et mon opinion, je ne sais si je dois en faire part ici puisque vous m'avez classé comme responsable de vos déboires ? Et si peux le comprendre, point ne peux l'accepter pour autant ?
Vous avez parfaitement le droit de penser, mais comme de multiples fois dans ma vie, les faits et états des lieux constatés ont régulièrement démontré que ma LOGIQUE avait raison !
Souvenir d'un Ingénieur qui trois semaines durant m'a battu froid devant tout le monde en me croisant tête haute et même tournée sans même me saluer le matin comme si j'étais invisible, ce qui au début a choqué beaucoup de personnes, pour finalement arriver un Mardi matin et m'aborder de la façon suivante « Bonjour M ? ? ? ?, sincèrement désolé pour ma conduite passée, mais j'ai ENFIN COMPRIS ! OUI, je le dis ici devant tous, VOUS avez RAISON ... » etc. ?
Dire quoi, faire quoi, téléphoner à qui ? En fait, j'étais surtout content de le voir heureux d'avoir enfin compris un raisonnement, certes élémentaire, mais dans la relativité d'un mouvement mécanique à trois axes simultanés, la chose n'est point évidente ?
Et pourtant... La chose était quand même "simple" ? Il suffit de la poser clairement ?
Nous sommes face à la Terre qui tourne sur son axe devant nous à droite à la Vitesse A !
Sur la Terre avance un train vers la droite à la Vitesse B.
Dans le train coure un bonhomme vers l'arrière à la même Vitesse B.

Par rapport à nous, et bien le coureur se déplace à la Vitesse A.
Par rapport à la Terre, le même coureur ne se déplace pas, Vitesse NULLE !
Et par rapport au train, il se déplace à la Vitesse -B...

Addition, multiplication, soustraction en fait selon la relativité du point de regard quoi ? Dit autrement, si sur l'un de ces éléments actionnés chacun par un moteur électrique j'applique le frein, la Vitesse parfois devient nulle, parfois double, parfois se divise par deux. Notion élémentaire de relativité quoi ?


Alors c'est exactement ce qui vous arrive, sans même que vous en aperceviez ! ! ! Et c'est la mise en place d'un #[Composant] très pointu (Je rappelle que je surveille tous mes #JSCXs au millième de seconde à chaque action demandée !) qui a révélé le pot aux roses...
Alors certes, je suis PARFAITEMENT RESPONSABLE de cette découverte, mais ABSOLUMENT PAS de la cause, je n'ai fait qu'en apporter l'outil ? GROSSE nuance donc !

Et pour finir, je dirais que mieux vaut tard que jamais ? Car si vous continuez à faire grossir votre #Site sur vos bases actuelles, plus vous avancerez, plus énorme sera la chute et surtout tout le travail à reprendre...


Alors, en ce qui concerne la #Page par elle même, je ne dirais rien, trop de choses qui ne vont pas et n'ont pas bougé., trop de bazar, de désordre, d'erreurs.

Suite à votre appel ce jour, comme expliqué, ne PLUS toucher à votre #Site tel que, vous ne pourriez que courir le risque d'accentuer les dégâts ?

- Commencer par dupliquer votre #Page de #Fond, ET la #Page la plus importante à modifier / mettre à jour !

- Renommer ladite #Page de #Fond dupliquée "960", et changer le Type de la #Page "active" dupliquée en #Page de #Fond !

- Pour plus de clarté et facilités, créer un /Répertoire "960", et y déplacer ces deux #Pages.
Ainsi votre #Site initial reste intègre, pour #XWD rien n'a changé, et rien n'est à publier !

- Dans ce /Répertoire, paramétrer la #Largeurl de la #Page "960" à 960 px, puis la dupliquer autant de fois que de #Catégories utiles ? Et les nommer comme suit :

- 960 initiale qui reste telle que !
- 01_960
- 02_960
- 03_960
- 11_960
- 12_960
- 14_960
- 15_960
- 16_960
- 17_960
- 18_960
- 19_960
- 20_960
- Ext_960

Actuellement, TOUTES ces #Pages de #Fond sont IDENTIQUES !
Et la #Page ex "active" devenue #Fond, lui redonner son nom initial en supprimant l'étoile ajoutée au duplicata et paramétrer la "960" en #Page de #Fond, et vous allez voir qu'elle devient de suite à la bonne #Largeur, car ce sont celles de #Fond qui COMMANDENT !
C'est ILLOGIQUE pour ce que NOUS voulons, mais c'est PARFAITEMENT LOGIQUE en matière d' #Informatique, il FAUT s'y plier !

Dans chacune de vos #Pages de 01 à Ext, expurger tous les #JSCs, #JSCXs ou #[Composant]s qui n'ont rien à y faire ! Les #Xiti et #Vistagnagngagna DOIVENT être éjectés en Ext et disparaître de toutes les autres, OK ?
De même, vos Lignes de #Boutons au format #Textes, actuelles comme supprimées, DOIVENT passer en 15, #Boutons et NON #Texte, la 13 qui n'existe pas puisque du #Contenu !
Rajoutez si besoin les absents ou ponctuels, afin de vous constituer un réservoir de tout ce que vous utilisez, en paramétrant tout parfaitement, tant dans la position dans l' "Inspecteur de Propriétés" qu'en #Variables ou #Paramètres ?

Et enfin reprendre le cours du #Fil dédié à cette réorganisation ?


Ensuite, pour votre souci de #Fenêtre incomplète, lire :

Lien : http://forum.abc-d-xwd.com/index.php/topic,1036.msg4568.html#msg4568


Enfin, pour tous les #JSCs, #JSCXs ou #[Composant]s, je vais refaire des packages plus complet sous peu, car tous ne sont pas encore "perfect" actuellement ?


Bon, voilà, bon courage ? Yvanoph---

154  XWD, Usages et Astuces ? / Astuces diverses ? / Windows - Barre des Tâches qui cache une Fenêtre ? le: Lun. 11 Décembre 2017 à 22:59:35

Bonsoir, un problème récurrent dans #Windows, qu'elle que soit sa Version... A savoir une partie de la #Fenêtre cachée par la barre des Tâches !


Astuce :

- Clic droit sur ladite Barre puis "Propriétés" !

Et, dans la #Fenêtre apparue, soit décocher "Verrouiller ...", soit cocher la Case "Masquer ...", soit opter pour la position "A gauche" par exemple ?

- Valider, et l'angle inférieur droit caché va alors réapparaître...

- Survoler la bande inférieure, et réduire en hauteur la #Fenêtre de #XWebDesignor.

- Faire le chemin inverse quant à la fameuse Barre des Tâches...

- Puis redimensionner celle d' #XWD !

Là en bas de #Fenêtre du #Programme, vous verrez alors apparaître les lignes de séparation de votre colonne droite... Survoler chacune d'elle, quand le pointeur devient une double flèche verticale, Clic gauche pour en sélectionner une et remonter en maintenant le Clic appuyé !


Voilà voilà, c'est réglé, Yvanoph---

155  Les Langages de base, HTML 4, HTML 5, CSS 2 & 3, JS. / JSCs - JSCXs -> Sites basiques (SANS JavaScript) [U] ! / Bonsoir, ENFIN votre réponse ! ? ! ? ! ? le: Lun. 11 Décembre 2017 à 20:20:36

Alors de fait, la chose est fort simple à réaliser ? Par exemple, relevé le #Code il y a déjà fort longtemps dans votre #Site, et j'avais donc enregistré l' #Image, chargé dans #Photo-Filtre-Studio et effectué les opérations suivantes :


- Rajouté au dessus un #Calque, #Couleur BLANCHE donc #FFF en abrégé, sinon #FFFFFF.

- Appliqué à ce #Calque une #Transparence de 50 % identique à vos #Paramètres.

- Concaténé le total, puis enregistré, au format .jpg, appliqué là encore un taux de #Compression à 50 % !
Cf. #Images ci dessous les différentes étapes de fabrication ?




Cliquer sur l'Image ci dessus pour l'ouvrir en GRAND dans une nouvelle Fenêtre
?


Et retrouvé la réponse dans laquelle je vous l'avais déjà laissée à titre d'exemple :

Lien : http://forum.abc-d-xwd.com/index.php/topic,451.msg4470.html#msg4470


Ensuite, je savais avoir une #Page "un peu folle", dans laquelle j'avais testé X #Sliders et autant de #Fonds...

Donc méfiez vous de ces "bestiaux", ils s'ouvrent, se ferment de façon insolite, sinon Clic sur les #Boutons pour les faire disparaître ? Surtout celui d'en haut, AUCUN délai de disparition, donc "éternel"...

Lien : http://www.abc-d-xwd.com/AdV73/EssaiSlider.html

A NOTER, nous pourriez fort fort être surpris par les #Poids des #Images utilisées...

Vous verrez qu'ainsi il est parfois préférable de charger un tout petit carré en format .bmp ou .png en lieu et place d'un .jpg, et un .png en lieu et place d'un .gif ? Ou, dit autrement, une fois votre #Image créée, l'enregistrer sous ces trois ou quatre formats, et en .jpg appliquer 20, 50  et 80 % en taux ? Voir ce que cela donne, et choisir le moins lourd pour le meilleur résultat ?


ATTENTION, comme TOUS les #JSCs, #JSCXs ou #[Composant]s de la Version 2.0, AUCUNE garantie de fonctionnement en dessous d'Internet Explorer 8 ! Les anciens descendaient jusqu'à la 6 incluse, mais les #Hacks pesaient trop lourd dans le #Code compte tenu des impératifs actuels de rapidité à transiter puis s'afficher...

Enfin, il faut que je vérifie un détail quant aux ombres, il me semble déceler une erreur de quelques pixels quant aux positions...


Alors Quoi ?, Attend voir... FACIIIIILE Perfect !, non Youpiii ? Pété de Rires Plié de Rires Yvanoph---

156  Les Langages de base, HTML 4, HTML 5, CSS 2 & 3, JS. / JSCs - JSCXs -> Sites basiques (SANS JavaScript) [U] ! / Bonjour sp59, judicieuse question, à laquelle ... le: Lun. 11 Décembre 2017 à 11:48:13

 ... indirectement je vous avais déjà répondu en mettant en pièce jointe votre #Image revue et corrigée ! Mais je ne sais plus où hélas, avec le nombre de réponses sorties tous ces jours, pffff...


Bref, je vais carrément faire un didacticiel pour montrer comment jouer avec tout ça ? Avant ce soir !
Et vous verrez ainsi qu'il n'y a rien de plus facile Perfect ! et Attend voir... simple Au s'cours ! à réaliser Nananère ! ! ! !
Car ainsi toutes et tous ne pourrons que l'utiliser à terme ! Donc MERCI pour cette question Marciiiiiiiii !


A tout à l'heure, Yvanoph---

157  Les Langages de base, HTML 4, HTML 5, CSS 2 & 3, JS. / Java Script - Code - Méthodes et Astuces / [Bases] Site : Chargement, Gestion, Organisation - Scripts le: Lun. 11 Décembre 2017 à 09:58:46

Normalement classé en #BackOffice, ce genre d'analyses et réflexions est quand même publié dans la Section #JavaScript puisque influençant grandement la vitesse de #Chargement de nos #Pages, donc le retour d'expérience #Utilisateur, les taux de rebond et retour de nos #Visiteurs s'ils n'ont pas déjà abandonné dès la première minute, et de ce fait donc encore plus loin à terme, un point sensible tel que le ... ? LE  Quoi ? ? LEEEEE Non mais... ? ? ?
#Référencement Pengun's ! ! !


Les #Fils et discussions concernant le choc des #Mots et le #Poids des #Images sont déjà nombreux dans ce #Forum quant à leur importance stratégique en terme d'attraits autant qu'en terme de lutte contre la #Pollution INUTILE, et ces notions semblent enfin correctement prises en compte, à quelques malheureuses exceptions près ?

Néanmoins, dans le #BackOffice la #Gestion du #Chargement est de notre ressort sinon responsabilité voire même pour le moins de notre devoir quant à le gérer au mieux ? Sauf à persister vouloir rester dans la #Catégorie #PORCgrammeur, et ne pas s'étonner ensuite du peu de succès de son "œuvre" ?

Alors LA question qui tue : Avons-nous vraiment, réellement besoin d'exploiter du #JavaScript ?
Réponse directe et CRUE : NON !

Car toutes les fonctions basiques sont internes aux #Navigateurs, quels qu'ils soient...
Et pour comprendre tout ça, un petit historique ? Car afficher une #Page, une fois que nous savons quel #Code employer, le #W3C a normalisé tout cela, que nous respectons donc les #Normes édictées et les #Balises adéquates comme "<head>" puis "<body>" et toutes les autres en bon ordre dans ces deux là, que nous avertissons quels #Langages nous employons par quelques "<meta>", #Textes et #Images vont de suite passer, et même les #Liens seront fonctionnels sans ajouter quoi que ce soit de plus ?

Certes, notre #Page paraîtra quelque peu simplette, avec des #Textes gros, moyens et petits, des #Images et des #Liens via du #Texte ? Mais parfaitement fonctionnelle, et surtout ultra rapide à charger puisque légère à faire passer dans les "tuyaux" ?


Problème, suite à ne trop nombreux #Abus et #Escroqueries notoires, les #Législations ont évolué et obligent maintenant à fournir une palanquée de renseignements supplémentaires, particulièrement en ce qui concerne les #Sites professionnels...
Ce qui entraine une prise de #Poids par des "<meta>"s supplémentaires, voire quelques #Pages dédiées quant à ces #Lois ?

Néanmoins tout reste relativement encore léger, et surtout fonctionnel, donc parfait ?
Mais nos #Pages ne sont que lignes droites, uniquement dans deux axes puisque su un plan...
Trop épurées diront certain, trop pauvres d'autres, dénuées de tout charme, les critiques seront nombreuses, mais un #Navigateur ne sait faire, ne sait rendre, ne sait afficher que ça !


Alors est venu le temps des #Effets, des #Animations, pour se différencier, passer devant le voisin, le concurrent ? Ainsi sont arrivés les #Arrondis, les #Bordures, puis les #Pop-Ups, rapidement bannis, les #Boites surgissantes, enfin les #Animations aux multiples #Effets ?

Là encore la course effrénée au plus beau, au plus frappant, au plus spectaculaire, et peu importe le #Poids de tout ça, peu importe les ralentissements dans les "tuyaux", peu importe la surcharge des #Processeurs et des #Machines, quant à la #Pollution et au #Gaspillage d' #Énergies, FOUTAISES, car "ON" s'en "br..le" !

Et en parallèle à cette course s'est bien évidemment greffée celle du #Référencement Pengun's ?
Et chaque #Moteur d'y mettre son grain de seul, le PIRE de tous étant #Google, avec X "<script>"s à charger bien évidemment depuis ses #Serveurs !

Ce dernier a même poussé le bouchon bien plus loin puisque à la base même de l' #Espionnage de toutes sortes, jusqu'à espionner vos goûts, vos besoins, vos idées, vos opinions, et les #GMS puis #Banquiers, #Financiers de tous poils dont les #Assureurs en ont fait tout autant, pistant le moindre de vos achats par #Carte-bancaire, #Lieux, motifs etc., car maintenant tout est passé absolument au crible, jusqu'à vos moindres #Courriels ou tous autres supports de #Communication ?

C'est ainsi que le plus petit #Courriel peut rester bloqué selon la pièce jointe mais BIEN PIRE, plus d'un #Site sur deux ne passe plus correctement dans les "tuyaux" et reste incapable d'afficher quoi que ce soit... Même avec le plus récent des #Navigateurs, par un mauvais #WiFi, RIEN au bout d'une minute ?


Voilà donc en résumé pourquoi d'une réponse négative nous en arrivons à une réponse positive, suite à certaines obligations ?
Mais devons-nous rester des bœufs ou des ânes "stupides" pour autant, d'autant que ces charmants animaux le sont bien moins souvent que nous mêmes ?
Et donc pourquoi je vous invite à bien étudier et comprendre la publication suivante qui, je l'espère grandement, mettra un peu de BON plomb dans la cervelle de certains ?


Voilà voilà, Yvanoph---

158  XWD, Usages et Astuces ? / Bilan - Analyse de votre Site ? C'est ici ! / Errare humanum est... le: Lun. 11 Décembre 2017 à 01:09:06

Persevere Non mais... diabolicum Diabolik ?


Déjà lu çà quelque par, mais Quoi ? ... où donc...

159  XWD, Usages et Astuces ? / Flûte alors ! Ça coince... / DÉPLACÉ: Re : JSCX * BtnShowAll *, Bouton "Show All Over All" !" ! le: Dim. 10 Décembre 2017 à 02:02:50
Cette réponse hors sujet a été transformée en Fil de discussion « Validation du Site "Plomberie Berrand SARL (87)" ! » et déplacé vers Bilan - Analyse de votre Site ? C'est ici !.

http://forum.abc-d-xwd.com/index.php?topic=1031.0
160  Le E-Commerce, de A à Z ! / E-Commerce dans XWD / JSCXs - XWebDesignor en Version CMS, dernières MàJ ! le: Sam. 09 Décembre 2017 à 20:25:16

Bonjour / Bonsoir à toutes et tous, les dernières MàJ, Mises à Jour de ces #[Composant]s sont sorties !


Conformément à toute la Série en Version 2.0, l'ensemble de ces #JSCXs ou #[Composant]s n'est plus doté des Ressources internes communes minimales nécessaires puisque augmentant autant leurs #Poids, tant sur vos #HD, "Hard Disk" ou Disques Durs que dans la #DB d' #XWD ou #XWebDesignor, et donc ensuite dans la #RAM...

Dit autrement, à supposer une centaine de ces #[Composant]s chargés dans une #Page, cela faisait une centaine de #Fichier "Clear.gif" chargée !
Ou encore quatre vingt dix neuf risques d'erreurs par une simple erreur sur une seule lettre ?
Et bien à partir de cette MàJ, un seul exemplaire de ce #Fichier sera chargé, même si vous avez MILLE #[Composant]s dans votre #Page...

Ensuite tous les "<script>"s sont en Version "minified", donc comprimés ! Là encore moins de #Poids en #RAM.

Moins de Ressources chargées, moins de Consommation, plus de rapidité, moins de Plantage, bref, des économies certaines à tous niveaux ?


Bien évidemment l'affichage des Versions a été actualisé, ainsi que ceux des #Catégories, et, suite à l'excellente remarque de gb87, est devenu apparent, tant au #Survol que dans les #Aides.


Mise à jour totalement transparente, au détail près déjà mentionné ci dessus quant à l'implantation précise du dernier né ?


Voilà, bonnes installations, Yvanoph---

161  Les Langages de base, HTML 4, HTML 5, CSS 2 & 3, JS. / JSCs - JSCXs -> Sites basiques (SANS JavaScript) [U] ! / JSCs - "BackGround"s, dernières MàJ ! le: Sam. 09 Décembre 2017 à 19:49:59

Bonjour / Bonsoir à toutes et tous, les dernières Mises à Jour de ces deux #[Composant]s sont sorties !


Conformément à toute la Série en Version 2.0, l'ensemble de ces #JSCs, #JSCXs ou #[Composant]s ne sont plus dotés des Ressources internes communes minimales nécessaires puisque augmentant autant leurs #Poids, tant sur vos #HD, "Hard Disk" ou Disques Durs que dans la #DB d' #XWD ou #XWebDesignor, et donc ensuite dans la #RAM...

Moins de Ressources chargées, moins de Consommation, plus de rapidité, moins de Plantage, bref, des économies certaines ?


Bien évidemment l'affichage des Versions a été actualisé, ainsi que ceux des #Catégories, et, suite à l'excellente demande de gb87, est devenu apparent, tant au #Survol que dans les #Aides.


Par ailleurs, la Version "historique" (Début 2012...) des "BackGround"s est donc cette fois officiellement annoncé comme HS, non maintenue puisque la Case "Obsolète" a été activée !

Il n'y a en effet aucune raison de maintenir ni conserver dans vos #Sites ce #[Composant] puisque exploitant #JavaScript pour générer des Transparences qu'il est possible de créer tout autrement ?
Il a bien vécu, bien évolué, mais a fait son temps Ainsi soit-il et dès lors que #JavaScript n'est plus nécessaire pour des #Fonds, ce ne peut être que synonyme de progrès ?


Donc penser à mettre à jour vos #Pages ? Yvanoph---

162  Un Site, c'est QUOI ? ? ? / Le 'SEO', c'est QUOI ? ? ? Référencement / Dé-Référencement ! / BON ! ! ! Magistral théoriquement terminé, ENFIN... le: Sam. 09 Décembre 2017 à 15:46:35

Car pour être honnête, je l'ai jeté à toute vitesse dans ce #Fil, trop pressé de faire passer un message ?


Aussi point ne l'ai vraiment relu après publication, ni vérifié si je n'ai rien oublié...

Mais il est enfin à votre disposition, même si par malchance peut-être incomplet ? Et si une erreur s'est involontairement glissée dans l'ensemble, ne pas hésiter à me la rapporter par une réponse ci dessous ?

De même si un point ne vous paraitrait pas assez clair, ne pas hésiter à poser toute(s) question(s) ?


Pour terminer :

- s'il vous est utile, et bien tant mieux !

- Vous avez su en profiter, alors faites le savoir ?

- Et peut-être même que finalement quelque "grognon réfractaire" finira par s'en inspirer...


Enfin, à noter aussi que cette LOGIQUE de BON SENS est parfaitement transposable dans tout autre système, quel qu'il soit.

Allez, je vous laisse Ainsi soit-il. Envie de me retrouver en pleine Nature, que dis-je, BESOIN de Dame #Nature, de bien être, et ... tout simplement FUIR ce #Monde peuplé de plus en plus de C.Ns...
Fatigué de voir trop de #BŒUFS ! D'autant que les vrais sont nettement mieux ?


Yvanoph---

163  XWD, Usages et Astuces ? / Flûte alors ! Ça coince... / Bonjour, pour clore ce #Fil stérile ... le: Sam. 09 Décembre 2017 à 15:09:42

 ... dont je ne retiendrais que la découverte de mon erreur Wouaïe la HONTE ? quant à un #Nom de #Fichier Perfect !, je le résumerais de la façon suivante :


- Merci Bien bien ! pour cette découverte !

- NON, point ne suis responsable de la totalité de VOS boulettes, perpétrées depuis fort longtemps, et JAMAIS initiées seulement par un seul de mes conseils...

Et pour les découvrir, encore eut-il fallu que les connaisse ? Car pour des découvertes, et des mauvaises surprises, il y en a eu ces jours ! Et pas des bonnes, mais est-ce ma faute ? Non...
Il y a même une boulette IMPENSABLE dont je ne vous ai jamais parlée puisque découverte il y a un peu, alors que portant sur une EXCELLENT sujet, mais JAMAIS vous ne l'avez proposée à l'examen ici, alors, comment le savoir, comment "deviner" seulement ? ? ?

- L'intelligence eut donc été, au lieu de vous murer comme un Âne dans votre obstination, de modifier déjà toutes celles mises en exergue et pointées au fur et à mesure de mes réponses, car aujourd'hui, mieux hier, stupidement demain, elles étaient ou sont à faire ?

- Et le deuxième pan de BON SENS, bien formulé X fois lui aussi, eut été de patienter, le temps que soit sorti au complet le #Fil sur la Méthode de propulser son #Référencement Pengun's en Hausse les yeux ... Choking Attend voir...

En générant un #Code actuellement au plus proche de la perfection quant aux exigences naissantes dont apparemment vous n'avez pas conscience, dans la stupide conquête de l' "immédiateté" des #Geeks sans réflexion si trop de jugeote ?


Alors cette Publication est disponible ICI :

Lien : http://forum.abc-d-xwd.com/index.php/topic,1028.0.html

En espérant qu'il soit complet, car par lassitude et pressé d'en finir, pas relu...


Quoi qu'il en soit, vous auriez pu y trouver toute l'essence nécessaire pour générer des #Pages parfaites quant au #Code, en conservant même l'intégralité de vos #Éléments, plaisants ou non selon les goûts de chacun mais ceci n'est qu'une opinion, et surtout, ce qui est bien plus important, sans les planter par une mauvaise #Gestion de l'ensemble ?

Et encore moins en accuser injustement autrui Non, non, NON ET NON !...


Bonne continuation, Yvanoph---

164  Un Site, c'est QUOI ? ? ? / Le 'SEO', c'est QUOI ? ? ? Référencement / Dé-Référencement ! / La #BackOffice, poursuite de l' #Optimisation de #Chargement ? le: Sam. 09 Décembre 2017 à 13:12:14

Alors après enregistrement, compactage et sauvegarde de notre #Page actuelle contenant donc que des #Catégories [13] et [14] en tous points "perfect", nous allons maintenant la nourrir de tout ce qu'elle DOIT contenir AVANT celles là ?
Car c'est bien plus facile et d'ailleurs LOGIQUE de fonctionner ainsi, question de #Tabulations...


Aussi passons dans la #Page [11], dans laquelle sont stockés tous nos #Fonds !
Clic en plein milieu de #Page, Ctrl + A, tout sélectionné, Ctrl + C, tout copié et retour dans notre #Page précédente, Ctrl + V, tout collé !
Et Ctrl + S pour tout enregistrer de suite tant qu'à faire ?

Et nous voilà donc avec une #Page dont le #Contenu actuel est du [13], du [14] puis du [11] !
Alors "tout schuss" en bas de l' "Inspecteur de Propriété" et examinons tous ceux que nous venons de coller ? Et, si besoin, supprimer tous ceux qui ne sont pas utiles dans cette #Page puis Ctrl +S...

Alors certes, notre #Page a visuellement très mauvaise figure, puisque tous les #Fonds cachent peu ou prou nos #Textes et #Images ?
Donc Clic sur le DERNIER de la liste dans l' "Inspecteur de Propriété" suivi d'un Clic sur "Met en arrière plan le composant sélectionné" pour le placer de suite en TOUT PREMIER et Crtl + S !
RE Clic sur ce #[Composant] de #Fond, vérifier, contrôler et si besoin modifier ses Valeurs en fonction de cette #Page et, une fois tout OK, FINIR par lui donner un Nom explicite quant à son utilité ?

En utilisant cette #Astuce, rien qu'en visualisant l' "Inspecteur de Propriété" vous pourrez en un simple coup d'oeil identifier tous ceux qui n'auront pas été validés comme "perfect" à tous points de vue puisque n'ayant PAS un Nom  ATTENTION ! correct et  ATTENTION ! explicite ? Et si besoin est, faire ce qu'il faut...

Et en répétant ainsi X fois l'opération, tous vont passer dans le même ordre en bonne #Tabulation ?

Par exemple avec trois, le dernier dans la #Catégorie [11], donc troisième devient premier !
Puis le deuxième devient à son tour premier, et l'ex troisième devenu premier devient second ?
Enfin le dernier tout en fin de l' "Inspecteur de Propriété", ex premier des trois, redevient premier au tout début, le second ex premier redevient deuxième, et le deuxième ex premier et auparavant ex troisième redevient finalement troisième...
Donc en seulement SIX simples Clics, nos trois #[Composant]s de #Fonds en fin de #Page et qui cachaient nos #Textes et #Images ont été propulsés à leurs bonnes et définitives places en tout début ?

En finalité, d'une #Page [13], [14], [11] nous voilà passé à une [11], [13], [14].


Ensuite, normalement, avant la [11], nous avons la [03] et tous ses #JSCs, #JSCXs / #[Composant]s ?

Donc bis et repetita, Clic sur la #Page de stockage [03], et RE Ctrll + A etc. ?

Et nous voilà alors avec une #Page contenant les #Catégories [11], [13], [14] et maintenant [03].

Alors à nouveau retour en bas de l' "Inspecteur de propriétés" pour supprimer les #[Composant]s inutiles, déplacer progressivement ceux conservés, modifier si besoin les Valeurs comme les Dates par exemple et finir par leurs donner un Nom clair ?

Et finir avec une #Page contenant les #Catégories [03], [11], [13], [14].


Réitérer les mêmes opérations avec les #Catégories [02] puis [01], votre #Page devant alors présenter l'ordre suivants, à savoir tous de la #Catégorie [01], puis tous de la #Catégorie [02] puis [03], [11], [13], [14].


A ce stade, sur une #Page nouvelle, il conviendra par la même méthode de rajouter dans le bon ordre toutes les #Catégories suivantes nécessaires, tabulées précisément dans le bon ordre, et parfaitement paramétrées quant à leurs Valeurs ?

Quant à une #Page en rénovation, restructuration, il conviendra donc de réorganiser l'ensemble des #JSCs, #JSCXs, #[Composant]s de la même façon que ci dessus, en ordre, méthode et LOGIQUE !


La #Page donc complète et "perfect", il ne reste plus qu'à la changer de #Type pour qu'elle devienne une #Page "active", lui donner un #Nom de #Fichier intelligent, pour une rénovée récupérer ce #Nom dans l'ancienne pour le copier dans la nouvelle, en renommant l'ancienne "tmp", "old" ?

SANS oublier, sur une rénovée, de ...  ATTENTION ! SUPPRIMER la #Page de #Fond pour laisser la Case VIDE ?

Et publier ! Car vous avez là une #Page dont vous pouvez très légitimement en être FIER !
Avec un résultat identique à celui ci dessous :




Cliquer sur l'Image ci dessus pour l'ouvrir en GRAND dans une nouvelle Fenêtre
?


Ensuite, aller cliquer sur le #[Composant] adéquate dans la #Page de #Plan du #Site, pour le mettre à jour, et là encore publier ?

Enfin, par #FTP, penser à supprimer les deux #Fichiers old.html et old.css...


Le résultat des toutes ces manipulations à terme va nous donner :

- Un #Site "farpaitement" optimisé quant au #Chargement,

- Un #Site "farpaitement" optimisé quant au #Poids,

- Donc un #Site "farpaitement" optimisé quant au passage dans les "tuyaux" à toute heure,

- Un #Site rapidement capable d'afficher de suite quelque chose de compréhensible quant au #Visiteur,

- Un #Site donc "farpaitement" capable de captiver immédiatement son attention, et donc le retenir,

- Et encore mieux, ne crachons surtout pas dessus, un #Site "farpaitement" optimisé quant au #Robots, et donc apte à passer devant nos concurrents en les supplantant quant au #Référencement Pengun's ?


Euuuh, n'est-ce pas exactement ce que nous cherchions initialement, avoir un #Site, une évidence, facile à gérer, déjà moins évident mais nous y sommes parvenus quand même, et, cerise sur le gâteau, non négligeable, "poil top" quant à sortir sinon passer devant tout le monde ?

Alors, elle est pas belle la Vie ? Yvanoph

165  Un Site, c'est QUOI ? ? ? / Le 'SEO', c'est QUOI ? ? ? Référencement / Dé-Référencement ! / BON, reprenons là où nos en étions ? le: Sam. 09 Décembre 2017 à 10:47:11

En effet, il n'est nulle raison que toutes et tous soient privés de données et raisonnements intéressants sinon essentiels suite aux stupidités constatées d'un #Membre ?


Alors reposons notre souci, à savoir :

- Optimiser au mieux la LOGIQUE de #Chargement de nos #Pages,

- ce qui augmentera automatiquement notre classement en matière de #Référencement Pengun's,

- devrait donc augmenter le nombre de nos #Visiteurs,

- mais aussi leurs donner une #Visite plus agréable et vivante, donc captivante,

- et surtout préserver notre #Planète par une #Pollution moindre, tant sur notre #Serveur que sur les #Machines de nos #Visiteurs ?


En résumé, nous avions donc compris qu'en tout premier devrait être chargé, hors le #Code minimale nécessaire en matière de compréhension de notre #Code et d'organisation d'une #Page pour les #Navigateurs (#Catégories [01] à [03]), le #Contenu le plus facile à afficher, afin de meubler quasi immédiatement la partie visible par nos #Visiteurs et leurs donner matière à Lecture, donc du #Texte, puis des #Images, venant ensuite #Animations et #Boutons pour finir par tout le tintouin peu ou prou utile d'ailleurs ?

Voilà pourquoi les #Textes, sous toutes formes, ont été classés en #Catégories [13] puis les #Images en #Catégories [14] et tout le reste ensuite !

SURTOUT, pour la énième fois (Car expliqué et déjà justifié sur l'ancien #Forum depuis début 2012...) , les sources et ressources EXTERNES, et UNIQUEMENT si OBLIGATION de les supporter, tout en fin de parcours ! ! !
Donc en BONNE LOGIQUE, APRÈS la #Catégories [20] ?
Par exemple charger une #Image EXTERNE, PIRE en tout DÉBUT de #Page relève indubitablement de l'inconscience sinon de la stupidité...

Et pour clore toute cette #Gestion, #Organisation de l'intégralité de nos #Éléments dans chaque #Page, une exception UNIQUE existe, imposée par la #Barre de #Flottaison, prise en compte depuis quelques temps enfin alors que je m'en étais quand même déjà posé la question il y a ... Quoi ? QUATRE ans !


Donc, reprenons notre fil de raisonnement ?


La cause de cette seule exception provient d'un compromis entre #Hauteur de #Page et #Barre-de-Flottaison !
Car par exemple, prenons le cas d'un Rédacteur d'Articles, agrémentés de quelques Photos, ou d'un #Site #E-Commerce présentant une trentaine d' #Articles suite à une requête dans son propre #Moteur de #Recherche ?

Il est donc clair que un cas comme dans l'autre, il y a un très fort risque que la #Page descende bien plus bas que cette fameuse #Barre ?
Et dans le cas de l'Article, il est fort probable qu'une #Image ou PIRE une #Vidéo vienne épauler le début de l'Article ?
Pourtant, en bonne LOGIQUE, et nous le savons, le #Texte s'affiche facilement, hors temps de chargement de #Police de #Caractères spécifiques, qui va nous faire changer son aspect sans pour autant le modifier ?
Ce qui donnera hélas, entre autres causes, les désagréables sursauts et redimensionnements intempestifs en pleine Lecture... C'est aussi à ces désagréments que nous pouvons d'ailleurs de suite détecter les BONs #Administrateurs / #Webmasters de #Site des NULs sans cervelle...
Nous allons donc, après rédaction complète du #Contenu de la #Page, la voir dans les principaux #Navigateurs, et situer la fin du #Texte juste en dessous de la #Barre de #Flottaison !
Et à supposer que nous ayons un #Texte fort long qui descende vraiment plus bas que cette #Barre, il conviendra alors de COUPER ce #Texte en deux tronçons !
Et juste après cette coupure, donc à la fin du premier tronçon, insérer l' #Image en rapport avec ce dernier ?

Alors, BIEN comprendre qu'il ne s'agit pas de balancer toutes les #Images positionnées dans la partie supérieure de la #Page, mais seulement celle(s) en rapport direct avec le #Contenu propre, NON celles en rapport avec le haut de #Page... Toutes celles là resteront placées en dessous de la globalité de l'Article au format #Texte !

D'ailleurs, si nous raisonnons un tant soit peu, un #Visiteur Lambda qui arrive pour la toute première fois cherchera à lire le #Contenu et NON les #Boutons ou autres #Logos ? ? ?
Alors qu'un #Visiteur qui RE vient pour trouver vite fait un #Lien cherchera donc les #Boutons, mais, si les paramètres de son #Navigateur sont correctement réglés ET les informations du #Serveur à la visite initiale AUSSI, les #Boutons afficheront de suite leurs #Images qui seront déjà stockées sur la #Machine du #Visiteur...
Ou, dit autrement, si tout est au point coté #Navigateur, #Serveur et #Site, le #Bouton recherché sera immédiatement fonctionnel.

A savoir, si nous ne pouvons agir coté #Navigateur (Enfin ... si, tout est possible en #Informatique, et les organismes officiels ne s'en privent d'ailleurs pas, ça nous est quand même interdit, question de ... Hausse les yeux #Déontologie, ainsi que par la #Loi ?), il est impératif d'agir sur nos #Sites, et nous le pouvons, ensuite chez l' #Hébergeur, et là encore nous pouvons faire certaines choses , même chez un mutualisé ?


Étant enfin rendu à l'optimisation totale et parfaite de nos #Textes puis #Images, passons aux étapes suivantes de notre nouvelle #Page ou rénovation d'une ancienne ?
Car pour l'instant, nous n'avons que du [13] et [14] pour la meubler, hors un appel à une #Page de #Fond destinée à disparaître ?


Et vous allez le voir, RIEN DE PLUS FACILE ! Yvanoph---

Pages: 1 2 3 4 5 6 7 8 9 10 [11] 12 13 14 15 16 17 18 19 20 21 ... 189
Propulsé par MySQL Propulsé par PHP Powered by SMF 1.1.20 | SMF © 2013, Simple Machines
Soutenir Yvanoph par un Don ?
Boréal - V 1.0 by Yvanoph | Sitemap
XHTML 1.0 Transitionnel valide ! CSS valide !
Page générée en 0.131 secondes avec 20 requêtes.