Hello,
J'ai regardé ton site vite fait et j'ai vu plusieurs soucis.
Pourquoi utiliser utf-8 alors que l'iso-8859-1 ferait l'affaire ? Cela éviterait les entités, n'est ce pas (« è » ou « ç ») ? Est il nécessaire de spécifier le type d'encodage de la css ? pourquoi laisser un paragraphe vide alors qu'en dessous il y a plusieurs paire de tags de type en ligne ?
<p></p>
<a href="#" title="Enviesdavenir" class="open"></a>
<img src="smoothgallery/media/banniere2.jpg" align="bottom" class="full" />
<img src="smoothgallery/media/banniere2.jpg" class="thumbnail" />
À vue de nez, il faudrait écrire plutôt ceci :
<p>
<a href="#" title="Enviesdavenir" class="open"></a>
<img src="smoothgallery/media/banniere2.jpg" align="bottom" class="full" />
<img src="smoothgallery/media/banniere2.jpg" class="thumbnail" />
</p>
Je t'invite à lire cette règle d'or taux grafe :
À propos des accents sur les majuscules. À plein d'endroit cette faute est récurrente, même sur les minuscules. Avant un point d'exclamation, il y a une espace. Ne pas confondre avec la typo Anglaise ou autres
Aérer le texte, permet une meilleur lecture. Sur la page d'accueil :
<p>Que vous soyez partenaires ou intéressés par nos formations, ce site est pour vous.<br> OISP agréé par la Région Wallonne depuis 1996, nous proposons 2 filières de formation décrites ci dessous.<br> La première filière "orientation via le sport moto" propose à des jeunes éloignés de l'emploi un programme de 6 mois de redynamisation.<br> La seconde filière "FLE" propose à des personnes étrangères d'apprendre rapidement le français par un cours intensif en immersion complète.<br> Notre association à besoin de vous pour tout soutien financier ou autre.<br> Bien sûr, n’oubliez pas de nous contacter. Internet ne doit pas nous faire oublier les contacts humains!<br> A bientôt,<br> L’équipe éducative</p>
<p>Que vous soyez partenaires ou intéressés par nos formations, ce site est pour vous. OISP agréé par la Région Wallonne depuis 1996, nous proposons 2 filières de formation décrites ci-dessous :</p>
<ol>
<li>filière "orientation via le sport moto" propose à des jeunes éloignés de l'emploi un programme de 6 mois de redynamisation.</li>
<li>filière "FLE" propose à des personnes étrangères d'apprendre rapidement le français par un cours intensif en immersion complète.</li>
</ol>
<p>Notre association à besoin de vous pour tout soutien financier ou autre.<br> Bien sûr, n’oubliez pas de nous contacter. Internet ne doit pas nous faire oublier les contacts humains!</p>
<p>À bientôt,</p>
<p>L’équipe éducative</p>
Au passage, je peux me tromper mais je crois que redynamisation est un mot exotique.
En ce qui concerne les guillemets, il est préférable d'utiliser les guillemets typo à l'inverse des guillemets informatiques. En plus, il y a le choix : «, », “, ”, etc. Sachant que les guillemets à la Française sont relativement recommandés pour un texte en Français.
Une citation suit des « directives » de présentations. En générale et de mémoire, l'auteur est :
* en italique,
* son prénom est mentionné (avant le nom) ou du moins le(s) initiale(s) du prénom,
* l'alignement est à droite.
En ce qui concerne les images, pas de mise au point. Elles paraissent bien fades.
L'aspect générale de la page manque d'être plus contrastée je crois.
Afin de mieux harmoniser, il vaut mieux avoir un plus petit logo et un vrai en tête qu'un gros logo avec un en-tête timide. Pour mieux comprendre mon propos, essaye de faire ceci : réduire le logo et augmenter ton slider sur toute la largeur de ton bloc conteneur. Apparemment, le logo est déformé, ce qui est tout simplement inacceptable d'un point de vue professionnel. Tout comme une police d'écran, elle ne se déforme (Enfin, il y a des règles à cela). On ne déforme pas une « entité » ou pas n'importe comment.
Le pied de page est trop anarchique. Je crois que tu devrais mieux élaborer cet aspect là également. (asbl en vies d'avenir , liege.biz, © webdev haddouch 2009)
Cependant les trois liens sur les articles, j'ai trouvé cela judicieux. En revanche, les photos dépassent du cartouche gris.
De mon côté, j'aurai regroupé certaines section et améliorer les aspects :
menu :
* accueil
* equipe/asbl
* galerie
* contact
* divers (téléchargement/partenaire)
Dans équipe, et asbl, il serait peut être plus judicieux de faire une présentaiton plus graphique. photo avec la personne. Dans le cas où la photo n'existe pas mettre une image par défaut avec une silhouette par exemple).
sanamanel a écrit :
[...]
Je sort d'une petite formation de web développeuse( lol je suis une femme ravi ), donc je devais faire un site en créant le design, le site d'administration, la BD etc...
[...]
Sur Alsacréations, tu vas trouver plusieurs tuts dans la section
apprendre répondant à la plupart des problèmes évoqués par Laurie-Anne et moi. Je te recommande vivement d'apprendre d'abords et correctement le html et le css avant de vouloir faire un site plus dynamique.
Laurie-Anne a écrit :
* Smoothgallery que tu utilise semble masquer le h3 qui contient le "texte alternatifs" des images, c'est une très mauvaise chose, car en définitive, même s'il y a un contenu alternatif, on n'y a pas accès.
Merci, je ne le savais pas.
Bonne soirée à vous deux
nb : site vu avec FF 3.5.5
Modifié par Nolem (16 Nov 2009 - 21:52)
), donc je devais faire un site en créant le design, le site d'administration, la BD etc...
mais pour ça je peux encore y retoucher pour le reste je ne peux pas 