Avis d'experts sur mon site test

Avis d'experts sur mon site test - HTML/CSS - Programmation

Marsh Posté le 01-08-2005 à 10:17:34    

Salut à tous  :hello:  
 
Oui je sais voilà encore une demande d'avis sur un site.
 
Mais j'ai vraiment envie de connaitre vos avis et ce n'est pas du spam car ce site n'est en ligne que pour être testé (du moins pour l'instant).
 
Il faut savoir que ce n'est pas mon 1er site réalisé en XHTML 1.0 strict et CSS, mais j'aimerai connaitre votre avis sur :
- la position fixed du header
- la lisibilité du site
- l'optimisation du site
- le design (bon je sais le logo de gauche est à ch.... mais je ne suis pas trop doué en général pour çà  :(  )
- les défauts de ce site
 
Bref tout ce que vous en pensez en bien ou en mal (je serai de taille à encaisser les plus vives critiques du moment quelles soient "constructives" )
 
J'ajoute aussi que ce site me sert à apprendre le PHP (qui pour l'instant se limite aux include et à l'ajout/affichage de liens dynamiquement, mais bon on progresse tout doucement  ;)  ) car jusqu'à lors j'utilisais des CMS.
 
Enfin le plus important, l'adresse du site : http://webtutoriels.free.fr/
 
Merci d'avance à tous pour vos conseils.
 
 [:fafane84]


---------------
Mon Topic de Vente Hardware
Reply

Marsh Posté le 01-08-2005 à 10:17:34   

Reply

Marsh Posté le 01-08-2005 à 11:16:23    

Le code me semble très correct.  
 
Ensuite niveau design, je ne peux pas vraiment critiquer, je ne suis pas meilleur, mais cela est lisible.
 
Le position:fixed du header, c'est pas indispensable, je pense, sauf si tu avais mis le menu en fixed également.  
 
Enfin, le site s'affiche correctement sur Firefox et Internet Explorer 6, ce qui est appréciable.
 
Il y a peut-etre des choses que je n'ai pas remarquées, mais  les autres forumeurs le verront surement.
 
En tout cas tu es sur la bonne voie, bonne chance :)


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 01-08-2005 à 11:20:39    

Salut,
 
première remarque...
 
Un menu est - sémantiquement - une liste de liens =>  
 

Code :
  1. <ul id="menu">
  2. <li><a href="...">lien1</a></li>
  3. <li><a href="...">lien2</a></li>
  4. <li><a href="...">lien3</a></li>
  5. </ul>

Reply

Marsh Posté le 01-08-2005 à 11:23:29    

Pourquoi est-ce que les images du menu en haut à droite ont des alt vides ? Parce que du coup ils sont totalement invisibles :(

Reply

Marsh Posté le 01-08-2005 à 11:28:00    

Deuxième remarque...
 
ta classe "liensCategorie" n'est pas nécessaire : ces <dl> sont contenus dans #liens, tu peux donc styler ces éléments directement :
 

Code :
  1. #liens dl { }
  2. #liens dl dt {  }
  3. #liens dl dd {  }
  4. #liens dl dd a {  }


 

Reply

Marsh Posté le 01-08-2005 à 13:55:23    

Merci à tous pour vos réponses  [:athome]  
 

Citation :

j_lecruel :
première remarque...
Un menu est - sémantiquement - une liste de liens =>    
<ul id="menu">
<li><a href="...">lien1</a></li>
<li><a href="...">lien2</a></li>
<li><a href="...">lien3</a></li>
</ul>


Je pensais que cela allégeait le code car dans mon cas ce n'était pas indispensable de faire une liste. Appremment, je me gourrais ?!?
 

Citation :

FlorentG :
Pourquoi est-ce que les images du menu en haut à droite ont des alt vides ? Parce que du coup ils sont totalement invisibles :(


C'est une regrettable ommission de ma part => excés de rapidité
C'est réctifié en local
 

Citation :

j_lecruel :
Deuxième remarque...
ta classe "liensCategorie" n'est pas nécessaire : ces <dl> sont contenus dans #liens, tu peux donc styler ces éléments directement :
#liens dl { }
#liens dl dt {  }
#liens dl dd {  }
#liens dl dd a {  }  


C'est réctifié en local


---------------
Mon Topic de Vente Hardware
Reply

Marsh Posté le 01-08-2005 à 14:08:36    

Très agréable design !
Code très lisibile.
Tu as peut-être des balises méta inutiles, j'suis pas sur de moi, vérifie.
Pour tes titres, tu utilises la balise h2, alors que tu n'as pas utilisé de balise h1.
J'arrête de chipoter, beau travail, félicitations :)

Reply

Marsh Posté le 01-08-2005 à 14:22:25    


Merci beaucoup  [:athome]
 
Pour un mec "Méprisant et associal", t'es plutôt sympa  :lol:  
 
Je ne savais même pas qu'il fallait respecter l'ordre d'utilisation des balises h1, h2, h3  :(  
 
Quelle honte !!!
 
Va vraiment falloir que je re-potasse les recommendations du W3C.
 


---------------
Mon Topic de Vente Hardware
Reply

Marsh Posté le 01-08-2005 à 15:02:07    

Tu as beaucoup de liens vers ton propre site tels que http://webtutoriels.free.fr/admin.php.
 
Utilise plutôt des liens relatifs du type admin.php.
Idem pour http://webtutoriels.free.fr/themes/style.css ----> themes/style.css.
 
Cela évite de "ressortir" sur le net pour revenir dans le site.
 
Pour le reste plutôt bien à mon avis.

Reply

Marsh Posté le 01-08-2005 à 15:05:01    

Ouais, ça allègerais grave le code

Reply

Marsh Posté le 01-08-2005 à 15:05:01   

Reply

Marsh Posté le 01-08-2005 à 15:38:16    

Ben pour être franc, j'ai fait comme çà car j'avais un problème avec les chemins relatifs.
 
Voilà ce qu'il se passait : je n'arrivais pas à "remonter" d'un répertoire pour aller dans un autre.
 
Mais depuis j'ai trouvé mais je n'ai pas encore uploader les fichiers.


---------------
Mon Topic de Vente Hardware
Reply

Marsh Posté le 01-08-2005 à 15:41:50    

:sweat:

Reply

Marsh Posté le 01-08-2005 à 15:51:09    

Je m'explique mieux car en fait ce n'est pas résolu du tout  :( ,  
l'architecture de mon site est la suivante :
/
/admin/
/include/
/themes/
 
J'ai fait des include pour les menus etc...
Même pour l'adresse des liens (pour une maintenance plus aisée).
 
Seulement voilà dans mes pages contenu dans le répertoire admin les liens des menus ne sont pas bons au lieu de http://localhost/site/index.php j'ai http://localhost/site/admin/index.php ce qui n'est pas bon du tout.
 
Si je modifie mon fichier liens.php dans le repertoire include et qu'à la place de index.php je mets ../index.php alors quand je suis à la racine du site là ce n'est plus bon.
 
Comment faire sans les chemins absolus ???
 


---------------
Mon Topic de Vente Hardware
Reply

Marsh Posté le 01-08-2005 à 15:55:05    

tu utilise deux fichiers de liens... un pour l'admin et un pour le site.

Reply

Marsh Posté le 01-08-2005 à 15:57:00    

Il faut que je fasse 2 fois les menus ????


---------------
Mon Topic de Vente Hardware
Reply

Marsh Posté le 01-08-2005 à 15:59:58    

...les menus ?
 
tu parles bien d'un fichier dans lequel tu stockes les chemins d'accès à tes fichiers...?
 

Reply

Marsh Posté le 01-08-2005 à 16:00:18    

tu sais que si tu commences tes chemins par "/" ça les prend à partir de la racine du site?
 
genre "http://webtutoriels.free.fr/admin.php" tu peux le remplacer par "/admin.php" ;)
 
Et accessoirement, éviter les répertoires trop standards pour les trucs importants, type admin et include (/admin et /include), ça facilite le boulot des gens pour rien [:dawa]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 01-08-2005 à 16:24:00    

j_lecruel a écrit :

...les menus ?
 
tu parles bien d'un fichier dans lequel tu stockes les chemins d'accès à tes fichiers...?


Oui je m'exprime pas clairement ces temps ci => besoin de vacances
 
Voilà ce que j'ai fait :

Code :
  1. $lien_accueil="index.php";
  2. $lien_accueil2="../index.php";
  3. $lien_forum="forum/";
  4. $lien_forum2="../forum/";
  5. $lien_sondages="sondages/sondages.php";
  6. $lien_sondages2="../sondages/sondages.php";


J'ai donc modifier les liens des pages situées dans des répertoires et çà fonctionne.


---------------
Mon Topic de Vente Hardware
Reply

Marsh Posté le 01-08-2005 à 16:31:41    

:heink: Gné ?

Reply

Marsh Posté le 01-08-2005 à 16:34:57    


 :??:   :??:   :??:


---------------
Mon Topic de Vente Hardware
Reply

Marsh Posté le 01-08-2005 à 23:54:18    

Allez, pour t'embêter encore un peu.
 
Mets un charset utf-8 pour ne pas avoir dans ton code des "Ce site a &eacute;t&eacute; r&eacute;alis&eacute; en XHTML et CSS" à la place des "Ce site a été réalisé en XHTML et CSS" :p .

Reply

Marsh Posté le 02-08-2005 à 00:03:00    

Bah j'ai rien qui s'affiche moi à par une liste de lien et un e erreur sql.. Je suis tombé au mauvais moment :(

Reply

Marsh Posté le 02-08-2005 à 00:13:21    

micfont999 a écrit :

Bah j'ai rien qui s'affiche moi à par une liste de lien et un e erreur sql.. Je suis tombé au mauvais moment :(


C'est OK maintenant


---------------
Mon Topic de Vente Hardware
Reply

Marsh Posté le 02-08-2005 à 00:20:09    

Beral2 a écrit :

Allez, pour t'embêter encore un peu.
 
Mets un charset utf-8 pour ne pas avoir dans ton code des "Ce site a &eacute;t&eacute; r&eacute;alis&eacute; en XHTML et CSS" à la place des "Ce site a été réalisé en XHTML et CSS" :p .


Expliques là je suis largué  :pt1cable:  
 
Peux-tu m'en dire plus sur charset=iso-8859-1 et charset utf-8 ?
 
J'ai déjà visité des sites en UTF-8 mais il y avait des problèmes avec quelques caractères du genre é è à etc... qui affichaient de beaux petits losanges avec un ? à l'intérieur  ;)


---------------
Mon Topic de Vente Hardware
Reply

Marsh Posté le 02-08-2005 à 01:40:42    

2 détails sans importance dans les liens: c'est Openweb en 1 seul mot et Site du Zéro avec un accent sur le é ;)
 
Sinon j'aime bien le design mais pas le header qui reste en haut et le reste du site qui scrolle: je préfère que tout scrolle (d'où l'intérêt du lien "Haut de page" n'est-il pas?)
Mais bon, question d'habitude ...

Reply

Marsh Posté le 02-08-2005 à 08:11:57    

phosphorus68 a écrit :

2 détails sans importance dans les liens: c'est Openweb en 1 seul mot et Site du Zéro avec un accent sur le é ;)
 
Sinon j'aime bien le design mais pas le header qui reste en haut et le reste du site qui scrolle: je préfère que tout scrolle (d'où l'intérêt du lien "Haut de page" n'est-il pas?)
Mais bon, question d'habitude ...


Oui, j'ai longtemps hésité et j'hésite encore d'ailleurs pour savoir si je gardais la position:fixed sur le header mais cette propriété CSS ne marche pas avec IE d'où l'intérêt du lien "Haut de page" car, à mon grand désarroi, IE reste encore le navigateur le plus utilisé  :(  


---------------
Mon Topic de Vente Hardware
Reply

Marsh Posté le 02-08-2005 à 09:08:20    

fafane84 a écrit :

J'ai déjà visité des sites en UTF-8 mais il y avait des problèmes avec quelques caractères du genre é è à etc... qui affichaient de beaux petits losanges avec un ? à l'intérieur  ;)


Non, ça c'est les sites iso-8859-1 qui ne précisent pas qu'ils sont en iso-8859-1, et qui s'affichent comme ça si ton navigateur est en utf-8 par défaut

Reply

Marsh Posté le 02-08-2005 à 09:18:35    

FlorentG a écrit :

Non, ça c'est les sites iso-8859-1 qui ne précisent pas qu'ils sont en iso-8859-1, et qui s'affichent comme ça si ton navigateur est en utf-8 par défaut


Tiens j'ai découvert un exemple concret le script de statistiques "phpMyVisites" en utf-8 (vu la balise meta le déclarant) affiche des petits losanges avec ? même en changeant l'affichage de Firefox.
 
Bizarre ?


---------------
Mon Topic de Vente Hardware
Reply

Marsh Posté le 02-08-2005 à 09:21:10    

Envoi un lien pour voir

Reply

Marsh Posté le 02-08-2005 à 09:30:14    

FlorentG a écrit :

Envoi un lien pour voir


Je ne peux pas car là je suis au boulot et sur mon site actuellement l'accés est restreint à l'administrateur, il faut donc que je modifie tout çà, ensuite je t'enverrai le lien.
 
Mais sinon si je passe mon site en utf-8 quels en seront les avantages ?
 
Devrais-je remodifier les caractères &eacute; en é ?


---------------
Mon Topic de Vente Hardware
Reply

Marsh Posté le 02-08-2005 à 09:32:05    

Avantages, pas se faire chier avec des entités à la con style &eacute qui alourdissent tout :D Et c'est l'encodage par défaut de l'XHTML [:spamafote]

Reply

Marsh Posté le 02-08-2005 à 09:34:38    

Mais faudra que je remodifie ceux qui existe déjà où çà se changera tout seul ?


---------------
Mon Topic de Vente Hardware
Reply

Marsh Posté le 02-08-2005 à 09:36:18    

Faudra tout modifier, bien-sûr

Reply

Marsh Posté le 02-08-2005 à 09:38:13    

OK merci !!!
Je préfère le savoir tout de suite avant d'en avoir trop à modifier.
Je suppose que pour la base de données mySQL , c'est pareil ?
Existe-t-il une requête qui peut faire çà ?


Message édité par fafane84 le 02-08-2005 à 09:40:13

---------------
Mon Topic de Vente Hardware
Reply

Marsh Posté le 02-08-2005 à 10:40:18    

Salut,
 
j'ai jeté un oeil à ton site et ton code.
Pas grand chose à redire pour le code, c'est propre.
En revanche je ne suis pas fan du header fixe, surtout que dans ton cas il est haut (sur mon écran 17 pouces il prend 1/4 de la page, ça n'aide pas à lire). A la limite à 100 px de hauteur ça irait.

Reply

Marsh Posté le 02-08-2005 à 10:43:22    

ceyquem a écrit :

Salut,
 
j'ai jeté un oeil à ton site et ton code.
Pas grand chose à redire pour le code, c'est propre.
En revanche je ne suis pas fan du header fixe, surtout que dans ton cas il est haut (sur mon écran 17 pouces il prend 1/4 de la page, ça n'aide pas à lire). A la limite à 100 px de hauteur ça irait.


Merci du conseil  [:b-rabbit]  


---------------
Mon Topic de Vente Hardware
Reply

Marsh Posté le 03-08-2005 à 09:26:59    

Beral2 a écrit :

Allez, pour t'embêter encore un peu.
 
Mets un charset utf-8 pour ne pas avoir dans ton code des "Ce site a &eacute;t&eacute; r&eacute;alis&eacute; en XHTML et CSS" à la place des "Ce site a été réalisé en XHTML et CSS" :p .


Je reviens encore à la charge.
 
J'ai un soucis je viens de passer en utf-8 et j'ai donc modifié les &eacute; en é, mais maintenant quand j'affiche ma page j'ai çà : "Ce site a ?t? r?alis?..."
 
Si je laisse les &eacute; çà s'affiche bien, mais du coup quel est l'intérêt ?  
 
J'ai simplement modifié la balise <meta> comme çà :

Citation :

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


J'ai même tenté de rajouter le prologue xml, mais là une jolie page blanche s'affichait.
 
Une idée sur la question ?


---------------
Mon Topic de Vente Hardware
Reply

Marsh Posté le 03-08-2005 à 09:30:45    

Salut,
 
ton fichier est bien encodé en UTF-8 ?

Reply

Marsh Posté le 03-08-2005 à 09:33:05    

Comment savoir ?


---------------
Mon Topic de Vente Hardware
Reply

Marsh Posté le 03-08-2005 à 09:35:44    

c'est pas au niveau du serveur que ça se passe ça ? à moins que je me trompe, poliopathe quej e suis

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed