Projet : Création d'un petit site web

Le but du projet est de créer votre propre petit site web, en continuant ce qui a été commencé dans le TP précédent.

Le sujet de votre site est libre, prenez quelque chose qui vous intéresse : site personnel à propos de vous, ou bien site qui présente un hobby, un sport, un jeu, une série, un livre, un projet de ce que vous voudriez faire plus tard... Ou bien un site qui présente une femme ayant contribué à l'histoire de l'informatique : Ada Lovelace, Katherine Johnson, Grace Hopper, Margaret Hamilton, Roberta Williams...

Consignes

J'attends que votre site comporte :

Au minimum	Pour avoir tous les points
Une page html	Plusieurs pages html reliées entre elles par des liens
Du texte dans des paragraphes
Des titres	Des titres de plusieurs tailles
Des liens vers d'autres pages internet (par exemple pour citer les sources, ou vers des sites avec plus d'information sur le sujet)
Des images	Des images stockées dans un sous-dossier
Un fichier CSS avec au moins une règle qui modifie les pages	Du CSS qui modifie de nombreux éléments pour créer le style que vous voulez

L'évaluation tiendra compte également des points suivants :

Le contenu est intéressant et correctement écrit.
Le site fonctionne : extensions de fichiers correctes, cliquer sur les liens amène à la bonne page, les images s'affichent, le style du fichier css est appliqué.
Les balises sont correctement écrites (avec la balise fermante correctement imbriquée s'il le faut).
Le travail doit être individuel. Vous pouvez utiliser du texte ou des images qui viennent d'autres sites internet mais vous devez alors citer la source avec un lien sur votre site (en fin de page par exemple).
La mise en forme (écriture du code HTML et CSS) doit être faite par vous. Seule exception, vous pouvez chercher sur internet comment faire quelque chose en HTML ou CSS que vous avez envie d'utiliser sur votre site, mais vous devez alors en commentaire dans votre code citer la source précise et dire quelle partie a été recopiée.
Un commentaire est une partie du code qui ne s'affichera pas sur le site. En HTML il s'écrivent comme ceci:
```

```
Et en CSS:
```
/* Je suis allé chercher comment faire des titres qui clignotent sur la page https://exemple.fr */
```

Informations supplémentaires

Adresses relatives et adresses absolues

Les adresses (ou URL) qu'on retrouve dans les liens (attribut href de la balise a) ou pour les images (attribut src de la balise img) peuvent être de deux types :

Soit absolus, c'est à dire une adresse internet complète qui commence par https://
Soit relatifs si ils font référence à un fichier qui est dans le même groupe de dossiers du site :
- page2.html fonctionne si le fichier page2.html est dans le même dossier. C'est comme ça qu'on ajoute une page supplémentaire au site web.
- images/icon.jpg si le fichier icon.jpg est dans un sous-dossier images

Les adresses relatives sont à utiliser pour tous les liens internes à votre site, cela permet que le site fonctionne quel que soit l'adresse à laquelle il sera mis sur internet plus tard.

Rendu du projet

Le projet sera à rendre sur pronote sous forme d'un unique fichier .zip

Pour cela, il faut que votre site soit en entier à l'intérieur d'un dossier (par exemple le dossier siteweb) : dans l'explorateur de fichier, faites un clic-droit sur ce dossier, "Compressez vers", "Fichier ZIP". Cela crée une archive zip qui permet de réduire un peu la taille et aussi de n'avoir qu'un seul fichier à envoyer.

Votre site ne doit pas dépasser 4Mo pour être envoyé sur Pronote : c'est largement suffisant pour un petit site, mais il faut faire attention aux images que vous mettez qui ne doivent pas être trop lourdes.