Nom Prénom
Vous devez modifier ce mini site web. Vous avez le droit de modifier le code html et le code css, laissez parler votre imagination!
Il vous faudra toutefois respecter les contraintes imposées.
Vous serez évalué sur les critères suivants :
Vous déposerez sur Moodle Pam , le dossier contenant l'ensemble des fichiers. Ce dossier
sera nommé Projet_HTML_CSS_Nom_Classe puis sera zippé avant d'être envoyé .
Il s'agit d'un travail personnel !
Votre site contiendra au moins les pages suivantes :
Les noms de ces pages ne doivent pas être modifiés.
Par ailleurs, une page style.css est déjà présente, ainsi qu'un dossier images.
Le css de vos pages est à déclarer dans le fichier style.css.
On ne devra trouver aucun style css dans les pages html.
Les pages html sont liées à cette feuille de style css
par la présence dans la partie head du code
<link rel="stylesheet" href="style.css">.
Le css actuellement présent n'est là que pour vous donner des exemples. Si vous ne le comprenez pas en première lecture, faites des recherches sur le web à partir des noms de propriété utilisés. Vous pouvez modifier ce css à votre guise.
Ce css devra contenir au moins un élément html avec la règle
display: grid;. Il y a en effet une contrainte de structure à respecter
(cf ci-dessous).
Pour cette partie sur grid, vous vous appuierez bien sûr sur les exemples et exercices
du cours.
Évitez de surcharger vos pages par des couleurs ou des images en excès. Il est préférable de rester sobre: couleurs et images doivent être informatives.
Le code html de chaque page doit être indenté proprement de façon à ce que le début et la fin de chaque élément apparaisse clairement.
Le code html devra être vérifié en chargeant vos pages sur le w3 validator. Il ne devra rester aucune erreur.
Le code css est à contrôler également. Attention la page de validation n'est pas la même: w3 css validator.
Chaque page devra contenir :
La partie principale sera découpée en deux colonnes (réalisées à l'aide de grid):
Le menu devra contenir pour chaque page :
Le footer contiendra un lien vers le site du lycée, et une licence d'utilisation de type Creative Commons (compétence PIX).
Le contenu de cette présente page sera remplacé par votre présentation :
Vos nom et prénom sont à indiquer dans la partie header. Le reste occupera la partie principale de la page. N'oubliez pas de soigner le css.
L'image de votre photographie devra bien sûr se trouver dans le dossier prévu
(dossier images).
Il s'agit d'une page sur l'histoire de l'informatique. Vous choisirez un thème de l'histoire de l'informatique en lien avec le programme de NSI (on peut, par exemple, s'inspirer de l'histoire de quelques grands personnages de l'informatique: John Von Neumann 1903-1957, Grace Hopper 1906-1992, Alan Turing 1912-1954, Dennis Ritchie 1941-2011, Richard Stallman 1953- , Tim Berners-Lee 1955- , Linus Torvalds 1969- , etc...) :
Il sera possible de créer plusieurs pages si vous en ressentez la nécessité pour un exposé clair.
Vous présenterez également une frise historique (la forme peut être un simple tableau par exemple, à vous de décider). Dans cette frise, vous présenterez en priorité les dates en lien avec le thème que vous aurez choisi.
Cette page contiendra des liens sur les sources utilisées.
Les sources ne doivent pas être uniquement un lien. Pour chaque source, décrivez brièvement ce qu'elle vous a apporté.