Discussion :

[katharina_ursula]

Bonsoir a tous!
Je suis débutante en informatique et pour rendre service à une association de ma commune j'ai realisé un site web bénévolement..
Si ca ne vous dérange pas de me donner quelques conseils n'hésitez pas a faire le tour du site certaines pages sont plus inspirées que d'autres...
J'espere que vous ne serez pas effrayés par mon site svp ne soyez pas trop méchants, je l'ai deja bien assez en grippe (plus on travaille sur quelque chose plus on l'a en horreur non?... )
Bref j'attends tout de meme vos conseils d'experts!!
Alors a vos claviers et merci a tous!



Katharina

[djoyeux]

bonjour,

Bon si tu es venu là c'est pour avoir des critiques.

Le code :

y'a pas de DOCTYPE a tes pages, il en faut un.
tu l'a codé avec web editor trial : Je serais toi j'enleverai ce meta.
Il manque sur certaine page des meta de description et de keywords
La mise en forme aurait été mieux en CSS plutot qu'avec des frame mais bon.


l'esthétique :

Alors pour l'ergonomie en générale c'est pas trop mal, je pense que c'est ton premier site.
Gros point noir les photos, elles sont bcp trop lourd je pense qu'il faut toutes les reprendres. le site est donc beaucoup trop long a charger a cause de ça. attention a la qualité aussi des images.
la page d'accueil avec karmina burana ?? j'aime bien effectivement la zic mais cette page sert à quoi ? a part faire hésiter les gens à aller plus loin je vois pas. le rapport aussi avec l'assoc ?

générale :
Le logo free est la pourquoi ? Si tu peux enleve le il sert à rien.
t'as certain menu qui grossice et d'autre non ?? enfin en tous cas chez moi... il faut faire en sortent que tous soit homogène.

voila ne t'enerve pas même si c'est remarque ne sont pas appliqué dans ce site ne les oublie pas pour le prochain.

Bon courage et bonne continuation.

[katharina_ursula]

Bonjour !

Tu as tout a fait raison pour les critiques je t’avouerai juste que j’avais un peu peur du « ton site est a gerber »…
Autrement je te remercie pour tes critiques constructives !

Alors pour ce qui est « du code » comme tu l’appelles je ne m’y connais que très peu donc des termes comme « doctype », « CSS », « code de web editorial trial à enlever », je ne les comprends pas, ou concernant le dernier je ne sais pas l’exécuter.
Cependant je m’occupe de réorganiser les meta de description et de keywords dès demain. Mettre les mêmes meta de D. et K. pour toutes les pages est ce un bon choix ?

Pour les frames complètement d’accord mais je m’en suis aperçue un peu trop tard, je beug hélas beaucoup au niveau du référencement a cause de cela…
C’est juste que j’aime bien avoir le menu fixe, et les pages de photos/textes qui défilent, enfin je ne sais pas trop si tu me comprends

Sinon pour l’esthétique merci de m’indiquer que les photos sont lourdes a charger je les ai pourtant pas mal rétrécies et compressées. J’avais testé leur rapidité d’affichage sur plusieurs ordis chez moi (plutôt satisfaisante) mais apparemment c’est pas le cas chez tout le monde donc à revoir… Combien doit faire le poid d’une image en général ?

Pour l’animation sur la page d’intro c’est bien en référence a la cause de l’association, l’escargot étant l’emblème de la commune et les maisons en arrière plan grandissantes et envahissantes (problème d’urbanisation massive) bref tout ca pour dire qu’il y a un rapport.. L’animation charge-t-elle bien de ton coté ?

Général : le logo free va pas tarder a dégager c’était pour un compteur de visite, mais il a un peu de mal et dans tous les cas j’aime pas : je préfère les compteurs cachés sans pub mais là encore j’ai du mal a trouver mon bonheur !

Concernant les menus qui grossissent oui en effet l'onglet, correspondant a la page dans laquelle tu es est censé être, est plus gros, ce pour te repérer dans le site, par ailleurs y a un système d’image dynamique quand on passe le curseur sur les images…

Voila voila ! Je te remercie beaucoup pour m’avoir répondu & consacré un peu de temps ! C’est très gentil et merci de tes critiques qui j’en suis sure me feront progresser ! Merci également d’avoir eu la gentillesse de ne pas me répondre « a gerber » meme si tu le pensais ca m’aurait un peu démoralisée !... Là je repars d’attaque et ce dès demain !

Je te souhaite une bonne nuit !
A bientôt j’espere !

Katharina

[djoyeux]

Alors pour ce qui est « du code » comme tu l’appelles je ne m’y connais que très peu donc des termes comme « doctype », « CSS », « code de web editorial trial à enlever », je ne les comprends pas, ou concernant le dernier je ne sais pas l’exécuter.

Le DOCTYPE ce place au tout début de ton code HTML, il permet de donner au navigateur le type de lange que le navigateur doit interprété. Grace à ça, le site sera mieux interprété par les différents navigateurs.
Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Final//fr">
ou 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

Le CSS est quelques chose qui s'ajoute à l'html afin de définir des styles que tu vas appliquer a tout ton site :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
CSS : 
a.classic {
    text-decoration: none;
    Color: #0000FF;
}
a.classic:hover {
    Color: #F00;
}

code HTML

<a href="" class="classic"></a>

En ce qui concerne le meta dont je te parlais c'est celui là.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<meta name="generator" content="Namo WebEditor(Trial)">

Il ne sert à rien juste a dire que tu as fait le site avec cette outil.
Tu peux donc le supprimer

C’est juste que j’aime bien avoir le menu fixe

Ceci est faisable en CSS mais il est vrai un peu plus compliqué.

Mettre les mêmes meta de D. et K. pour toutes les pages est ce un bon choix ?

Oui mettre des meta de reférencement sur toutes les pages est un bon choix, de plus il peuvent changé en fonction du contenu de ta page. C'est encore mieux.

Combien doit faire le poid d’une image en général ?

En générale on dis qu'un page web ne doit pas faire plus que 50Ko. Maintenant avec les connexion actuelle on peut je pense passer à 100Ko.
Cependant rien que ton logo en haut de ton menu fait 66Ko et ton "qui nous somme fait 50Ko" rien qu'avec c'est deux là c'est mort. Au taf la page à mit plus d'une minutes a se charger.
Il faut que la dimension de tes images soit adapter à ce que tu veux faire afficher. ton logo fait 336x386 hors tu l'affiche en 150x150 a peut prés. ton logo devrait faire dès le départ cette dimension => la qualité de l'image sera bien meilleur au finale le navigateur n'aura pas à la redimensioner. (à prendre en compte pour toutes le images du site et celle du menu aussi)

L’animation charge-t-elle bien de ton coté ?

Oui elle charge bien mais parielle toujours trop lours... Cette animation n'est pas utile pour moi car tu as le logo au dessus de ton menu. Il vaut mieux faire rentré les personnes dans le vif du sujet dès le départ.

Pour finir je vois dans ton code les différents répertoire de ton site et je constate que tu as des répertoire avec des espaces dans les noms. C'est une GROSSE ERREUR. Il ne faut dans les noms de tes fichiers et de tes dossiers aucun espace, accents ou majuscule. Met tout en minuscules. Si tu ne fait pas ça tu auras des problèmes avec certain navigateur qui gère tres mal les espaces.

Sur ceux je vais te laisser avec ce roman, je m'arrète là pour cette fois.

[mael94420]

Joli site mais comme les autres, je suis la pour critiquer.

Je suis un partisant de l'accessibilité sur le web.
Je vais donc te dire que NON NON et NON, ton site est structuré à l'aide de tableau. Ca allourdi ta page et c'est quasi illisible pour des lecteurs d'écran ou autre outils utilisés par les mal voyants.
Deuxieme chose, Tout t'es rollover sont fait en javascript. Ca n'est pas non plus très accessible. Je te l'accorde, IE < 6 ne supporte pas les rollovers fait en css mais c'est tout de même plus légé et plus accessible.
Troisième chose, Ton menu de gauche bouge au passage de la souris. Ca ne fait pas très professionnel.

Quatrieme chose, je suis d'accord avec toutes les remarques précédentes.

Sinon, ton site est clair, en tout cas bien plus que certains site du même domaine sur lesquel j'ai pu naviguer ces derniers temps.
bravo

[mael94420]

Je suis navré de cette réponse précédente, elle ne t'es pas du tout adréssé, je me suis emelé les pattes avec ces onglets de malheur .

[katharina_ursula]

Coucou !
Merci encore du temps que tu consacres pour m’aider dans la réalisation de mon site c’est vraiment extrêmement gentil..

Comme tu pourras le voir j’ai « retaillé » toutes mes images, ca m’a pris beaucoup de temps, mais le résultat est là et je pense que la page se chargera plus facilement…
Mais dis moi comment fais tu pour savoir le poids de mes pages, les tailles de mes images, etc... ? Tu utilises un logiciel spécifique ? Ca me serait bien pratique également de pouvoir évaluer le poids de chacune de mes pages ; au final c’est amusant tu connais bien plus mon site que moi-même !!..

Par ailleurs tu me parles d’espaces gênants, tu veux dire dans le nom de mes dossiers + noms de mes fichiers ?
Par exemple dossier « menu de gauche » ou encore un fichier tel que « qui sommes nous » ??
Que faut-il faire mettre des « -» ou « _ » à la place des espaces ?.. Il me semble que les « -» font un peu beuger le site (mais sans grande conviction…)
J’attends ta réponse pour changer ca même si je te l’avoue ca m’exaspère d’avance car il va donc falloir redéfinir tous les chemins des images …

Sinon pour cela :
Code :
<meta name="generator" content="Namo WebEditor(Trial)">
A chaque fois que je le supprime Namo revient a la charge et me le réinsère donc je ne peux pas l’enlever… Tant pis même si il sert a rien, il ne me pollue pas trop mon site pour autant donc je ferai avec !..

J’ai également, suite a tes conseils, placer les méta de référencement sur toutes les pages…
Ce qui m’embête c’est que j’ai l’impression que je n’arrive définitivement pas a référencer mon site, pourtant j’ai essayé de faire tout ce qu’il fallait j’ai fait des sortes de test de capacité à être référencer dans les moteurs, mis le plus de méta de description, bref j’ai suivi a la lettre les conseils de sites spécialisés sur le référencement et je ne vois pourtant pas apparaitre mon site dans google.fr..
Sais tu combien de temps il faut attendre avant d’être référencé ? Voire sais tu si quelque chose cloche dans mon site pour d’éventuels moteurs de recherche ?..

J’ai supprimé ca de mon html :
<meta name="verify-v1" content="1hyLaRTq6VwWLC18VdskJVr2qec2o73yDvzq5Aq0WwA=" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

IL me semble que c’était un code que google m’avait donné bref ‘jai tellment fait de trucs que je m’en rappelle plus mais est ce vraiment important ?..

Pour l’animation je pense la garder, elle amuse les visiteurs d’âpres ce qu’on m’en a dit, mais je pense la refaire pour l’alléger. Cependant que me conseilles-tu : plutôt d’en faire une vidéo que je compresserais par la suite ou une sorte de GIF animé ? Quels logiciels utiliser ?
Pour te raconter un peu au début je l’avais faite avec MAGIX mais hélas le rendu était trop lourd :- ( donc je me suis rabattue sur Namo gif mais qui est bcp plus restreint que magix évidement…
Pour finir tu m'avais indiqué

Code :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Final//fr">
ou
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
Le CSS est quelques chose qui s'ajoute à l'html afin de définir des styles que tu vas appliquer a tout ton site :


Code :
CSS :
a.classic {
text-decoration: none;
Color: #0000FF;
}
a.classic:hover {
Color: #F00;
}

code HTML

<a href="" class="classic"></a>

Je suis désolée mais vraiment j’ai du mal avec le html…
Hier par exemple je sais pas ce que j’ai fait mais j’ai voulu supprimer une espece de fleche qui apparaissait dans le navigateur et pas dans namo donc j'ai touché au html et au final il m’a indiqué « script « enfin je sais pas quoi et mon menu s’est retrouvé éffacé, la page bloquée bref tt ca pour te dire que le html pour moi c est pire que du chinois… Au final j’ai tt de mm rattraper le coup mais j’ai du mettre une h a trouver une solution ! !
Donc bref pour ce que tu m’a indiqué je les recopies tel quel betement ? A quel endroit je les place ?

De plus :
"C’est juste que j’aime bien avoir le menu fixe
Ceci est faisable en CSS mais il est vrai un peu plus compliqué."

Travailler en CSS = travailler en html ??
Vraiment confuse, je dois passer pour une bécasse..

Voila j’en ai finit avec mon roman, j’espère que tu auras la force de continuer de m’aider et que tu ne seras pas dépité face a mon ignorance !
J’attend ta réponse avec impatience !
A bientôt
KAthaRinA

PS: pas d'problemes mael94420

[Jim_Nastiq]

pour aleger ton site tu peux par exemple remplacer tes images "Def' Urba Commentaires", "Def' Urba Avis" et compagnie par des simples textes, etant donné que tes images ne sont en fait que du texte.

Pour ce qui est des espaces dans les dossiers c'est vrai qu'il faut les eviter(remplacer par - par exemple ou tout attacher).

sinon pour un premier site c'est déjà bien de tenter d'utiliser le CSS, ca te servira beaucoup pour la suite, c'est peut etre un peu dur au début mais ca vaut le coup

[djoyeux]

bon je vais reprendre les questions de ton poste et refaire qq commentaires.

Tout d'abord, effectivement ton site se charge 1000 fois plus vite avec les nouvelles images. ça a rien à voir et c'est beaucoup plus agréable. en plus les images sont du coup de meilleur qualité.
Cependant je viens de m'aperçevoir de qqch.
Ton image de titre en haut de chaque page est différente. Pourquoi ne pas inserer la même a chaque fois (surtout que tu as un problème sur celle de contact "on vois un retour chariot") Ceci permettrai de ne charger en plus qu'une fois l'image.

Mais dis moi comment fais tu pour savoir le poids de mes pages, les tailles de mes images, etc... ? Tu utilises un logiciel spécifique ? Ca me serait bien pratique également de pouvoir évaluer le poids de chacune de mes pages ; au final c’est amusant tu connais bien plus mon site que moi-même !!..

c'est simple sur IE (j'ai IE 7 mais ça marche sur les autres) tu fais clique droit sur l'image puis propriété, il te donne le chemin d'accès de l'image et la taille. Tu verras par cette manip comment le navigateur gère les espaces et tu comprendras mieux pourquoi les éviter...

Que faut-il faire mettre des « -» ou « _ » à la place des espaces ?.. Il me semble que les « -» font un peu beuger le site (mais sans grande conviction…)

Moi je prefère les "_" ça fait plus "espace". je réserve les - pour les dates.

A chaque fois que je le supprime Namo revient a la charge et me le réinsère donc je ne peux pas l’enlever… Tant pis même si il sert a rien, il ne me pollue pas trop mon site pour autant donc je ferai avec !..

c'est normal car quand tu utilises namo pour éditer ton site, il va rajouter ce meta si il n'est pas présent. Ce qu'il faut faire c'est quand ton développement sera fini, tu édites tes pages avec notepad et tu supprime ce meta. Comme ça il ne reviendra pas.

Sais tu combien de temps il faut attendre avant d’être référencé ? Voire sais tu si quelque chose cloche dans mon site pour d’éventuels moteurs de recherche ?..

C'est long, pour un site bien construit il faut attendre plusieurs mois pour qu'il rentre dans les moteurs. Donc t'en fait pas tous viendra en temps et en heure. Pour l'instant c'est pas trop le moment de penser à ça.

Pour l’animation je pense la garder, elle amuse les visiteurs d’âpres ce qu’on m’en a dit, mais je pense la refaire pour l’alléger. Cependant que me conseilles-tu : plutôt d’en faire une vidéo que je compresserais par la suite ou une sorte de GIF animé ? Quels logiciels utiliser ?

Le mieux effectivement si tu veux la garder est effectivement le GIF animé. Car le falsh je pense pas que tu puisses (sans vouloir te vexer). Question appli, je pourrais pas trop te dire je m'en sert jamais. mais je pense qu'une recherche dans google pourra t'éguiller.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Final//fr">

Ton site est en HTML donc il faut mettre cette ligne de code avant la balise <html>. Elle permet de donner des indications au navigateur pour savoir comment interpréter correctement ton code. ça permet entre autre une meilleur portabilité sur les différents navigateurs existants.

Pour le code CSS que je t'ai donné c'était juste en exemple. Ce code n'est pas a copié sur ton site.
Si tu veux que je t'explique mieux comment ça marche contacte moi en MP. Sachant que je suis encore loin d'avoir fait le tour du CSS. Mais si tu veux tu peux voir ce que j'en ai fait sur l'adresse zerodeconduite.fr et reverb.djoyeux.fr

Travailler en CSS = travailler en html ??
Vraiment confuse, je dois passer pour une bécasse..

Donc juste pour t'expliquer un peu. Le CSS te permet de créer une mise en forme ou juste un style de couleur, de police, ... a appliqué sur tout le site.

Tu as une feuille de style nomé style.css (par exemple) que tu appels dans ton html .

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link rel="stylesheet" href="scripts/form.css" type="text/css">

si tu as définit que t liens doivent etre rouge et quand tu passes dessus bleu dans ton CSS et bien ça sera appliqué a tous tes liens.

bon aller je te laisse la dessus.

bizz (si t bien une femme) et sinon je te salut bien bas

PS : n'hésite pas a me contacter par MP si tu veux de l'aide. ou du bout de code.

[fenkys]

J'ai des petits problèmes d'affichage quand je ne suis pas en plein ecran.

La frame de gauche n'est ni redimensionnable, ni défilable. Toutes les options de menu qui sont hors de l'ecran ne sont donc pas accessibles du tout. Par ailleurs, elles sont tronquées à droite par la limite de frame.

La frame de droite possède un ascenseur horizontal.Ca ce n'est pas bon du tout.