Projet - Consignes#

But: Créer un site web sur une personnalité, un livre ou un hobby / une passion.

Le site doit être composé de:

  • Une page contenant plusieurs sections accessibles depuis un menu (format .html).

  • Un fichier CSS (format .css).

Marche à suivre#

Le document Word et les fichiers de votre site doivent toujours être sauvegardés dans le dossier partagé sur OneDrive nommé PRENOM projet html.

Avant la création du site#

  1. Définissez les différents thèmes que vous allez aborder.

  2. Complétez, si nécessaire, les sources déjà trouvées (au minimum 5).

  3. Lisez les sources et faites des résumés dans le document Word.

  4. Réfléchissez à la structure et au design du site:

    • Quel est le public cible?

    • Quelles seront les différentes sections?

    • Quel style aura votre site?

Installation de l'environnement de travail#

Cette partie sera faite pas à pas ensemble en classe.

  1. Installez VSCode Visual Studio Code.

  2. Installez les extensions.

  3. Dans le dossier PRENOM projet html, créez: - un fichier index.html - un fichier style.css - un dossier images

Débuter avec le site Web#

  1. Commencez par la page de contenu (index.html) sans vous souciez du CSS.

  2. Séparez le contenu qui se trouvera dans index.html de la mise en page et du style qui se trouvera dans style.css.

Conseils#

  1. Toutes les images de votre site doivent être importées dans le dossier images.

  2. Soignez l'indentation des fichiers pour faciliter la lecture.

  3. Commentez vos fichiers HTML avec <!-- --> ou vos fichiers CSS avec /** **/.

  4. Notez toutes les références (sites visités et images téléchargées) au fur et à mesure.

  5. Soignez la grammaire et l'orthographe.

  6. Consultez régulièrement la grille d'évaluation.

Sources#

Les sources doivent être indiquées à la fin de chaque paragraphe ou chaque section au moyen d'un hyperlien.

Règlement concernant l'utilisation de l'intelligence artificielle et du Web#

  1. Il est interdit d'utiliser l'IA pour générer du code HTML, CSS et JavaScript.

  2. Il est interdit d'utiliser l'IA pour générer du contenu.

  3. Il est interdit de faire un copier-coller de contenu sur le Web.

  4. Il est autorisé d'utiliser l'IA pour reformuler et/ou corriger un texte que vous avez rédigé, mais cela doit être explicitement mentionné.

  5. Il est autorisé de rechercher sur le Web des exemples pour "styliser" votre page, mais la source doit être explicitement mentionné en commentaire dans le fichier index.html ou style.css.

Toutes les parties qui ne respecterons pas le règlement ci-dessus seront ignorées lors de l'évaluation du projet.