Cahier de charge du Projet :
Vous devez proposer et déposer pour le dimanche 12 mai un site web personnel dans
un dossier nommé « le_site_de_NOM » placé sur une clé USB ou déposé dans
votre drive lfjm avec le lien partagé sur l’espace projet sur Classroom
Contraintes :
- Le site devra être personnalisé (Toute ligne de « code », que ce soit HTML ou CSS ou
JavaScript devra pouvoir être expliquée et justifiée).
- Il doit contenir au moins 3 pages, avec des liens permettant le passage fluide de l’une à
l’autre.
- Le langage html doit être associé à une feuille de style CSS (un fichier style.css séparé
du html devra être clairement identifiable).
- Le langage html doit être associé à une feuille de script Javascript (un fichier script.js
séparé du html devra être clairement identifiable). Pour en savoir plus sur Java Script, le
cours est disponible sur Classroom
- La première page de votre site s’appelle « index.html », les autres « page1.html »,
« page2.html » etc...
- Les pages doivent être correctement structurées. Pour cela il faut utiliser le lien
suivant :
https://openclassrooms.com/en/courses/1603881-creez-votre-site-web-avec-html5-et-
css3/8061352-structurez-votre-page
- Le site doit contenir des apparences dynamiques. Pour cela il faut utiliser le lien
suivant :
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-
html5-et-css3/1605763-creez-des-apparences-dynamiques
- Le site doit contenir des images pertinentes en cohérence avec le sujet.
- Les sources utilisées sont citées.
Grille d'évaluation du projet :
Première page du site bien construite et bien
nommée « index.html » et les autres /2
« page+numero.html ».
Réalisation correcte de la mise en forme (CSS)
dans un fichier « style.css » et d'un script
/2
(JavaScript) dans un fichier « script.js ».
(Regarder le cours sur java script sur classroom)
Utilisation correcte des notions vues dans ce TP =
balises <head>, <body>, autres balises bien /2
utilisées, liens, etc...
Images incluses dans chaque page. /2
Pages bien structurées (présence d'en-têtes, de
/2
pieds de pages, de sections...).
Présence d'apparences dynamiques (Changement
/2
d'apparence au survol d'un élément, lors du clic...).
Mention des sources. /2
Pertinence du contenu /2
Réponses aux exigences du projet. /4
