Embedded Files
Cahier des charges - Création d'une page web
Objectif : Créer une page web en HTML et CSS en 3 heures en utilisant vos anciens projets et le site W3Schools comme référence. Le thème devra porter sur vos études post bac. Vous pouvez présenter une école, un établissement ou encore le diplôme en lui-même.
Contraintes :
Seuls HTML et CSS sont autorisés (pas de JavaScript).
Le code doit être bien structuré (indentations) et lisible.
La mise en page doit être soignée et ergonomique.
Éléments obligatoires :
Structure de la page (HTML) :
Une balise <head> contenant un titre (<title>).
Une balise <body> structurée avec des sections claires.
Une balise <header>.
Une barre de navigation <header>.
Au moins un titre principal (<h1>) et des sous-titres (<h2>, <h3> si nécessaire).
Du texte pertinent en rapport avec le thème choisi (<p>).
Une image (<img> avec un attribut alt).
Un lien hypertexte (<a> pointant vers une ressource externe ou une autre section de la page).
Une liste (<ul> ou <ol>).
Un tableau <table>.
Un pied de page (<footer>).
Mise en forme (CSS) :
Utilisation d’une feuille de style externe (<link> vers un fichier .css).
Personnalisation des couleurs de fond et du texte.
Une police de caractères personnalisée (font-family).
Gestion des marges et des espacements (margin, padding).
Mise en page en utilisant flexbox ou grid.
Effet au survol sur les liens (:hover).
Livrables :
Un fichier index.html contenant la structure de la page.
Un fichier style.css contenant la mise en forme.
Les fichiers doivent être bien organisés et nommés de manière explicite.
Critères d'évaluation :
Respect des contraintes techniques.
Qualité du code (lisibilité, indentation, respect des bonnes pratiques).
Esthétique et ergonomie de la page.
Cohérence et pertinence du contenu par rapport au thème choisi.
Outils recommandés :
Éditeur de code : Notepad++.
Documentation : https://www.w3schools.com/.
Dépot des fichiers :
Format compressé : zip
Nom du fichier : Nom_Prénom_Page_Web.zip
Lien de dépôt : https://nuage06.apps.education.fr/index.php/s/TNbf4doDFzkBokm
Page updated
Google Sites
Report abuse