THELIA Forum

Welcome to the THELIA support and discusssion forum

Announcement

Rejoignez la communauté sur le Discord Thelia : https://discord.gg/YgwpYEE3y3

Offline

#1 Mon site

(20-02-2010 14:13:57)


Bonjour, je viens vous demander votre avis sur mon site : https://laboutique.voyagerauxusa.fr ; il existe encore des erreurs et des améliorations graphiques à apporter! Mais je ne suis absolument pas du métier, j'avance donc petit à petit grace à vous et aux menmbres du forum....

Merci de me donner votre jugement et éventuellement des pistes pour améliorer l'ensemble.

Offline

#2 Re: Mon site

(20-02-2010 14:57:08)


Bonjour lolo17600

116 erreurs au W3C c'est beaucoup mais ce sont surtout des erreurs d'inattention facile à reprendre.

Déja dans le head, link et meta doivent se fermer par " /> (espace et slash pour le xHTML)
Ensuite beaucoup de liens n'ont pas de balises ouvrantes <a>
Pour ton panier c'est ta balise fermante qui manque </h3>
<blink> et <b> ne sont pas définies, faut changer de balise.
<br> doit être avec espace et slash la aussi r />
center seul n'est pas bon non plus, faut faire une class par exemple.

Quand tu auras déjà corriger tout ça, tu devrais te sentir mieux, restera à affiner. wink

Offline

#3 Re: Mon site

(20-02-2010 15:18:33)


Merci Griggione, j' ais fais les modifs dans méta , APrès je n'ais pas compris les liens et <a>

Offline

#4 Re: Mon site

(20-02-2010 15:31:34)


RE

Il te reste une ligne en meta à corriger, celle du favicon.

T'as pas fermer la balise h3 du panier.

T'as encore les balises <b> qui ne sont pas bonnes, pour le gras c'est <strong>

La balise marquée n'est pas reconnue mais pour ce qu'il y a dedans:
Toutes tes img sont mal fermées, pareil " />
Et surtout tu n'as que la 1ère cravate en lien actif parce que toutes tes images qui suivent ont juste la balise de fermeture </a> mais pas l'ouvrante.

<img src="client/cache/produit/_75____NJ-115_16.jpg" alt="Boucle " title="Boucle "/>
                    
					</a>

au lieu de:

<a><img src="client/cache/produit/_75____NJ-115_16.jpg" alt="Boucle " title="Boucle "/></a>

Last edited by griggione (20-02-2010 15:32:49)

Offline

#5 Re: Mon site

(20-02-2010 15:49:00)


Encore merci, mais je ne trouve pas la balise h3 dans panier.html, et mon code pour le déffilement c'est :

<div id="chemin"><marquee>
                   </b> <a href="#URL" class="image">
                    <THELIA_DECOUVREZ type="PRODUIT" aleatoire="1" num="35">
                       
                    <THELIA_IMAGE type="IMAGE" num="8" produit="#ID" hauteur="75">
                                <img src="#IMAGE" alt="#PRODTITRE" title="#PRODTITRE"/>
                    </THELIA_IMAGE>
                    </a>
                    </THELIA_DECOUVREZ></marquee>
        </div>

Alors que faut il que je modifie?

Toutes mes excuses pour mon ignorence mais je suis commercial moi!!!

Offline

#6 Re: Mon site

(20-02-2010 16:17:18)


RE

Ta balise h3 est dans entete.html

Bon tu as fait une boucle pour l'affichage de "marquee".
Tu peux déjà virer le </b> qui sert à rien.
Tu peux aussi corriger avec l'espace: <img src="#IMAGE" alt="#PRODTITRE" title="#PRODTITRE" />

Par contre maintenant je suis limité, faut attendre que quelqu'un à l'aise dans les boucles t'aide.
Le problème actuel est que tu n'as que la 1ère image (aléatoire) qui soit un lien actif.

Perso je mettrais:

<div id="chemin"><marquee>
                   <ul class="image"> 
                    <THELIA_DECOUVREZ type="PRODUIT" aleatoire="1" num="35">
                       <li>
                         <a href="#URL" onmouseover="return escape('<h5>#TITRE</h5>')">
                         <THELIA_IMAGE type="IMAGE" num="8" produit="#ID" hauteur="75">
                                <img src="#IMAGE" alt="#PRODTITRE" title="#PRODTITRE" />
                         </THELIA_IMAGE>
                         </a>
                      </li>
                    </THELIA_DECOUVREZ></marquee>
                   </ul>
        </div>

Mais ATTENTION, attend un avis d'un spécialiste, je suis nul la -dedans.

Offline

#7 Re: Mon site

(20-02-2010 16:24:59)


RE, le h3 dans entete.html c'est sur "Bienvue, mon compte" et sauf erreur de ma part elle est fermée : </h3>

merci pour le "chemin" , et je fait juste ce défilé pour "info" donc pas besoin que les images soit clicable.

Encore merci pour ton aide, vois tu autres choses à corriger?

Offline

#8 Re: Mon site

(20-02-2010 16:56:12)


RE

Ben non regarde:

<div id="monPanier">
        <h3>Mon panier
        <ul id="contenuPanier">

Tu n'as pas rectifié non plus pour les balises des liens, tu as toujours 99 erreurs au validateur.
C'est pourtant une des composantes retenue par les moteurs de recherche, surtout google, un code propre aide au référencement.

De même t'as pas modifié les balises obsolètes, mais bon tu es seul juge.
Tu as aussi un décalage important de la partie de ton menu Association, etc... dans IE.
Peut-être aussi changer la couleur des fond gris (nouveauté, promotion), sur le marron ça fait triste et bizzare.

Offline

#9 Re: Mon site

(20-02-2010 17:11:36)


Effectivement pas mal d'erreurs W3C. Avec firefox et les outils pour développeurs (tu trouveras tout ça sur le site de firefox, en français, modules supplémentaires, firebug, etc... et aussi sur le forum, je ne répèterais pas tout ce qui a déjà été écrit) tu auras les infos sur les erreurs et même quelquefois les corrections.

Maintenant, je t'invite à te documenter un peu sur le html, afin de corriger ton site, tu éviteras les affichages bizarres sur certains navigateurs, amélioreras ton référencement.

Quand au graphisme, ben question de goût ! Je suis pas fan, mais cela n'est que mon avis. Je retravaillerais les boutons, enlèverais le gris effectivement, pour peut être harmoniser l'ensemble des couleurs (le turquoise à petite doses comme les bijoux ramènerait une touche de couleur tout à fait cohérente, un camaieu de marron/beige/ocre pour le reste (déserts américains)....)

Malgré tout, tu a monté ta boutique sans connaissances semble t'il, donc bravo pour le travail !

Offline

#10 Re: Mon site

(20-02-2010 17:17:25)


RE

lolo17600 wrote:

Toutes mes excuses pour mon ignorence mais je suis commercial moi!!!

Et moi paysan et fier de l'être, donc te sent pas seul wink

Offline

#11 Re: Mon site

(20-02-2010 17:31:03)


Merci, wazo et griggione moi aussi fier de ce que j'ais fais même si il y a encore beaucoup à faire !!  Pour la couleur effectivement je cherche encore à faire des améliorations, mais mon but premier c'est le fonctionnement! Car c'est mon gros point noir.

Offline

#12 Re: Mon site

(21-02-2010 06:54:33)


Bonjour Lolo17600,

Un module complementaire (cf Waso post #9) qui te sera tres utile 'html validator', il te permettra de voir qu'elles sont tes erreurs de code (W3C) et t'indiquera le moyen d'y remedier.

Sur ta page panier lorsque l'on supprime tout tes articles tu as ::paniervide2:: d'affiche.
La recherche ne renvoie aucun resultat pour 'hommes', 'femmes', 'bijoux' ou 'chapeaux', mais au singulier par ex:'chapeau' la page affichee a ses boutons doubles, je te laisse regarder.
Tu pourrais peut etre utiliser le champ postcriptum de la fiche produit pour rajouter les pluriels ou autres termes en rapports avec les objets.

Reg


le-bouquiniste.com                                                      tongue  plugin 1.4.x / 1.5   => valeurstock / Mailpaiement / formcontact

Offline

#13 Re: Mon site

(21-02-2010 07:35:26)


RE

reg wrote:

Un module complementaire (cf Waso post #9) qui te sera tres utile 'html validator', il te permettra de voir qu'elles sont tes erreurs de code (W3C) et t'indiquera le moyen d'y remedier.

+1 pour cette extension

http://extensions.geckozone.org/HTMLValidator

Offline

#14 Re: Mon site

(21-02-2010 17:26:43)


Bonjoujr, à tous !! J'ais fais des correstions grâce à vous mais pour ce qui reste je sèche! Je supose qu' il est possible d'arriver à zéro, mais je suis pas sûr que mes compétences me le permette.

Offline

#15 Re: Mon site

(21-02-2010 18:09:05)


Dans les erreurs restantes (page index, je n'ai pas regardé les autres), certaines choses sont des automatismes à prendre :

- quand tu ouvres une balise, il faut la fermer, dans ta page un <a> n'est pas fermé dans ton marquee --> <marquee>
                    <a href="#URL" class="image">
il manque le </a> à la fin.
De plus cela affiche #URL car il doit manquer la boucle Thélia qui va avec.

- Une balise image doit se terminer par un / --> <img src="_gfx/cadre.gif"> devient <img src="_gfx/cadre.gif" /> Tu en a quelques unes non fermées encore.
Et avoir un alt="description ou autre texte" --><img src="_gfx/cadre.gif" alt ="" /> (puisque pas utile en tant qu'info)

- Evites d'appeler 2 fois de la même façon une div --> <div id="assoc"> apparait 2 fois, appelles la 2ème <div id="assoc2"> par exemple, idem <div id="stock">.
Si une div prend le même style plusieurs fois dans ta page, mets plutôt un <div class="stock"> et modifies dans ton fichier css #stock en .stock pour garder ta mise en page.

- Change tes <b> en <strong> sans oublier de les fermer.... </strong>

- Tu as plein de div fermées, qui ne servent à rien à la fin de ta page index. (4 au moins)

- Les <center>, <marquee><blink> sont dépréciés. Pour le center, faudrait plutôt attribuer un style (style="text-align:center" ou style="margin:auto" selon la balise)
Pour le marquee et blink, un petit script java ou un gif animé pour blink serait bienvenu par exemple, mais pas le plus simple pour toi, donc bon...

- Tu as des balises qui trainent toutes seules --> </center></b> par exemple, elles n'ont pas leur jumelle ouverte.

- Modifies tous tes <br> en <br />

- Pour les styles de "border" -->  <input type="image" src="_gfx/aupanier.jpg" border="0" />  devient  <input type="image" src="_gfx/aupanier.jpg" style="border:none" />, à répéter sur les autres border=0

Pour mieux voir ton code et remarquer les bloc (div, span, mais aussi <strong>, etc....) mal fermés, tu peux ouvrir ton fichier html avec notepad++ (petit logiciel) qui t'aide à écrire correctement ton code en te permettant de vérifier l'existence des balises fermantes.

Ce n'est pas exhaustif, mais ce sont des corrections que tu peux faire de façon générale sur toutes tes pages, tu auras déjà un mieux.

Bon courage

Last edited by wazo (21-02-2010 18:10:31)

Offline

#16 Re: Mon site

(21-02-2010 20:38:19)


Merci, Wazo, je mis colle!! Grâce à vous tous je progresse et j'apprends chaque jour un peu plus, Ce form est vraiment génial (et Thélia aussi évidement)

Offline

#17 Re: Mon site

(22-02-2010 17:57:05)


Bonjour à vous, après beaucoup de "grattage" dans mon code, je n'ai "plus" que 42 erreurs sur ma page d'acceuil, mais pas moyen  pour moi (avec ce que je sais faire ) de diminuer !! Quelques pistes?

Offline

#18 Re: Mon site

(22-02-2010 18:17:17)


Bonjour,


Sur la page index :


Tu n'as toujours pas fermé ta balise <a> qui commence après marquee, et donc doit fermer juste avant </marquee>

Certaines erreurs sont dues aux titres de tes produits et images, qui contiennent des " , vérifies dans ton catalogue. par exemple boucle "texas" comme titre provoque une erreur. sans les "" ça va.

Tes <img src="_gfx/cadre.gif" /> et <img src="_gfx/tele.gif"/> n'ont toujours pas de alt=""

Tes <div id="stock"> se répètent et donc provoquent autant d'erreurs. un class serait mieux (mais penses à changer aussi dans ta feuille de style, #stock deviendra .stock

Déplaces ton </center> :
<span class="txt"> ©2009-20010 - laboutique.voyagerauxusa.fr</span>
    </div></center>

Il manque pas mal de alt="" sur des images

Il restera des erreurs mais tu peux en éliminer au moins une 30aine si ce n'est plus.

Allez encore un peu de courage

Offline

#19 Re: Mon site

(22-02-2010 18:25:08)


Bonjour et encore merci à vous, je ne savais pas que les "" pouvez posés un blème donc , je les enlèves !!!

Offline

#20 Re: Mon site

(22-02-2010 18:39:18)


Euh wazo, en fait le alt= je vois pas ce qu'il faut que je fasse! Si tu pouvais m'aider ça me serais très utile....Merci d'avance

Offline

#21 Re: Mon site

(22-02-2010 18:45:13)


par exemple :

<img src="_gfx/cadre.gif" /> devient <img src="_gfx/cadre.gif" alt="" />

ici le alt est vide parce que "inintéressant", sinon tu y mets une info (nom du produit, etc....)

Offline

#22 Re: Mon site

(22-02-2010 18:49:39)


Super Sympa, Et donc c'est obligatoire? Comme tu l'as bien compris je ne connais pas grand chose à tous ça, mais la personne qui devais ma faire ma boutique et partie à l'étranger donc je me suis lancé seul et grâce à vous tous j'ais "réussi" à faire ceci!!

Offline

#23 Re: Mon site

(22-02-2010 19:11:11)


Wazo, j'ais essayé de changer le <div id= "stock"> en <span class="stock"></span> en changeant le css mais ça me fiche le bo...el dans l'affichage de ma page... où est mon erreur?

Offline

#24 Re: Mon site

(22-02-2010 19:26:42)


Obligatoire non. Mais un site aux normes s'affiche de façon plus otpimum dans tous les navigateurs, et cela facilite ton référencement, entre autres (c'est un peu comme une lettre sans fautes d'orthographe....)

non, le <div id= "stock"> devient <div class= "stock">, normalement pas de changement d'affichage si tu modifies tous tes #stock dans ton css.
Attention de bien modifier <div id= "stock"> dans toutes tes pages du coup;

N'hésites pas à te procurer des petits memento sur le css, et de fréquenter des sites comme http://www.alsacreations.com/ qui regorge de conseils simples à suivre pour la plupart.

Offline

#25 Re: Mon site

(22-02-2010 19:54:48)


Eh ben voilà on y arrive, plus que 18 ERREURS !!!