Rapport Projet Site Web

Auteur : Massimo Carota

1. Introduction

Ce projet consiste en la réalisation d'un site web en HTML5 et CSS3. Le thème choisi est le film Gladiateurs. j'ai choisi ce theme la car je suis enormement fan de ces films.

2. URL du site

Le site est accessible à l'adresse suivante :

https://cin1d-massimo.w3.pm2etml.ch/index.html

3. Maquettes des pages

Les maquettes ont été réalisées avec Figma.

Page 1 – Accueil

Maquette page d'accueil

Page 2 – Saga entière

Maquette page 2

Page 3 – Histoire

Maquette page contact

Page 4 – Contact

Maquette page auteur

Page 5 – Auteur

Maquette page auteur

4. Statut de validité W3C

HTML

Statut : Valide ✓

Validé via validator.w3.org

Capture validation W3C HTML

CSS

Statut : Valide ✓

Validé via jigsaw.w3.org/css-validator

Capture validation W3C CSS

5. Règles OpQuast retenues

  1. Chaque page possède un titre clair et unique.
  2. Toutes les images importantes possèdent un attribut alternatif « alt ».
  3. La navigation est cohérente sur toutes les pages du site. Le menu de navigation reste identique sur chaque page.
  4. Le logo du site est cliquable et permet de revenir à la page d’accueil.
  5. Les formulaires possèdent des labels associés aux champs.
  6. Le site est responsive et s’adapte aux smartphones et ordinateurs.
  7. Le code HTML et CSS a été validé avec le W3C Validator. Les erreurs principales ont été corrigées.
  8. Les liens sont compréhensibles. Exemple : « Contact », « Auteur », « Saga entière ».
  9. Les contenus sont structurés avec des titres hiérarchiques. Utilisation correcte des balises h1, h2 et h3.
  10. Le site possède un pied de page contenant les informations importantes. Le footer contient les liens utiles ainsi que le copyright.

6. Code source

Le code source complet est disponible sur GitHub :

https://github.com/Masscarota/test_commit/releases/tag/Finalss

7. Conclusion

Ce projet m'a permis de consolider mes connaissances en HTML5 et CSS3. Je sais maintenant creer un site complet et propre. Ce que je ne savais pas faire avant. Ca m'a egalement permis de mieux developper mon inspiration en plus avec un sujet que j'aime beaucoup comme les films Gladiateurs.