Voici quelques remarques importantes pour la qualité de votre rendu.
Critères d’évaluation
Le site est en ligne !
Sans css
Votre site marche sans CSS, je peux visiter le site et voir toutes les pages. Le HTML fait son rôle, certes le document ressemble à un fichier Word, mais les bases sont là.
Dans ton code HTML
- Un seul CSS pour toutes les pages ;
- Le respect des bases
<html><head></head><body></body></html>; - Le moins d’ID possible et surtout jamais en double sur une page ;
- Des class !
- Pas de chemin absolu !
- Pas d’image de plus de 700 ko ;
- Pas de
<br>pour faire de la mise en page ; - La meta viewport !
- La meta charset UTF‑8 ;
- Le code est propre (beautify !) ;
- Pas de code inutile, de balises qui n’existent pas (code valide w3c) ;
- La balise
<title>est propre et au bon endroit ; - Pas de code en rouge ou ! dans Chrome/Firefox (pomme+U, pomme+alt+I) ;
- Un
<h1>par page ; - Attribut
lang='fr'sur le html et<baliseDuBloc lang="en">insert your english here</baliseDuBloc>pour les passages en anglais ; - Les fichiers n’ont pas des noms exotiques ;
- Pas de typo en trop dans le code (genre 4 fontes Google pour une seule utilisée).
Ergonomie
- La page actuelle est marquée ;
- On peut retourner sur la home à partir de toute les pages (avec un lien sur le logo ou titre) ;
- Le site est utilisable sur mobile et tablette (prévoir des boutons/liens assez gros, padding).
Orthographe & typographie
- Pas de fautes d’orthographe (accueil, galerie…) ;
- Un bon usage des capitales ÀÉÈŒÇ !
- La typo est bien graissée (pas de faux-gras).
Forme et identité visuelle
- La mise en page n’est pas bizarre à cause d’un mauvais usage de Flex ou autres ;
- Le texte n’est pas trop petit, les lignes ne sont pas trop longues ;
- Les espaces sont harmonieux ;
- L’interlignage n’est pas par défaut ;
- Le favicon fonctionne http://www.favicon.cc/ ;
- Les images ne sont pas déformées ;
- L’univers graphique est cohérent ;
- L’aspect visuel est soigné.
Gain de temps et d’énergie
- Pas d’upload de fichiers en trop (genre .indd, .psd, .raw) sur le ftp de l’école (rendu)
