Bonjour,
Franchement, pour un premier site, c'est du bon boulot ! Normal, il y a des choses à redire, mais il s'agit d'
un premier site internet ! Je trouve certains commentaires vraiment très sévères et peu encourageants...
L'auteur du site a bien précisé qu'il avait optimisé son site pour
Firefox, et qu'il allait ensuite reprendre sur de bonnes bases.
Bel effort pour avoir voulu construire le site en utilisant HTML5, avec les balises sémantiques! Et au niveau graphisme, ça tient la route franchement, pour un site que tu présenteras
à une école. Avec la pratique, tu feras de bons sites je pense, avec l'expérience, j'en suis persuadé! Niveau graphisme, c'est sobre, ça ne part pas dans tous les sens, bref, pour un premier site, pour moi, c'est très encourageant!
Voilà, au niveau des points à améliorer, je dirais :
- Comme le disent d'autres personnes, attention au poids des images. Pour cela, tu peux utiliser, si tu es sur Photoshop, le menu "enregistrer pour le web et les périphériques...". Là, tu pourras, avec quelques réglages, arriver à des poids acceptables, tout en voyant le résultat en temps réel de l'image après l'export;
- Les images contenant du texte doivent être traitées en balises <img/>, avec une alternative textuelle remplie avec le texte correspondant avec celui présent dans l'image (ceci pour l'accessibilité, ou bien si jamais l'image ne se chargeait pas, ou encore pour les moteurs de recherche). Je mettrais donc le logo en balise <img/>.
- Au niveau du nommage de tes URL, pour éviter toutes erreurs, personnellement je n'utiliserais que des minuscules (un serveur Windows n'est pas sensible à la casse, alors qu'un serveur Linux oui. Et surtout pas d'espaces évidemment, mais ça, tu l'as bien fait). De même pour le nom de tes images ou de tes fichiers CSS ou JS externes;
- Le plus possible, je te recommandes d'utiliser du texte HTML à la place du texte en images (je te recommandes d'utiliser les
WebFonts avec des polices
libres de droit, comme tu l'as d'ailleurs déjà fait). Si ce n'est pas possible, je te recommandes l'utilisation encore une fois des balises <img/> avec une alternative textuelle (dans l'attribut
alt).;
- Penses bien à spécifier des
polices de substitution, comme abordé dans ce lien. En particulier pour les Webfonts.
- Lorsque tu as des éléments avec des puces, tout élément qui ressemble à une liste, je te recommandes d'utiliser des listes;
- Même recommandation au niveau des titres, je te recommandes de bien utiliser les titres pour baliser tes pages (de <h1> à <h6>, sans en sauter);
- Dans la page de contact, tu devrais préciser "contact" dans la balise <title>, un petit oubli je pense;
- Il manque une
balise <meta/> de type description dans chacune des pages, décrivant son contenu.
- Dans ta CSS, je te recommandes de ne
jamais mettre de caractères accentués, même dans les commentaires, car ça crée entre autre des bugs très étranges sur certaines versions d'
Internet Explorer, d'après mon expérience.
Les autres points que je voulais évoquer étant déjà abordés par d'autres personnes, je ne vais pas m'attarder dessus.
Je te souhaite une bonne continuation et te souhaite une bonne journée !
