Tâche finale

L'objet de cette tâche finale est de créer une page web, à propos d'un texte du domaine public. Vous devez avoir l'autorisation d'utiliser tous les éléments présents sur la page (texte, photos, musique, etc.), c'est-à-dire qu'ils devront (au choix) :

  • être dans le domaine public,
  • être publiés sous une licence qui utilise la réutilisation ;
  • être de votre création.

Préliminaire

Choisissez un texte, court, que vous avez le droit de publier, c'est-à-dire :

  • soit un texte du domaine public (par exemple une poésie dont l'auteur est mort il y a plus de 70 ans) ;
  • soit un texte publié sous une licence libre ;
  • soit un texte dont vous êtes l'auteur·e.

Si vous n'avez pas d'idée, utilisez Le Loup et le Chien, de La Fontaine.

Mise en place de l'environnement de travail

  1. Dans le dossier SNT/web, créez un nouveau dossier tachefinale.
  2. Téléchargez les fichiers page.html et style.css dans ce dossier.
  3. Ouvrez les deux fichiers index.html et style.css avec le logiciel Brackets, et activez l'aperçu en direct.

HTML

  1. Modifiez le fichier index.html pour mettre en forme ce texte.
  2. N'oubliez pas d'inclure la source de votre texte (titre, auteur, année, etc.).
  3. « Signez » votre page : incluez le texte Mis en page par VOTRE NOM discrètement quelque part sur la page.
  4. Intégrez un lien vers une page pertinente (la page Wikipédia de l'auteur, par exemple). Utilisez votre moteur de recherche favori pour découvrir comment inclure un lien dans une page web.
  5. Si vous êtes l'auteur·e de l'œuvre, vous pouvez choisir une licence :
    • soit vous souhaitez interdire la réutilisation de l'œuvre, auquel cas il n'y a rien à faire ;
    • soit vous souhaitez autoriser la réutilisation de l'œuvre, auquel cas il faut choisir une licence. Les licences Creative Commons sont généralement un bon choix ; utilisez cette page pour vous aider à choisir la licence qui vous convient.

Améliorations

Plusieurs améliorations sont possibles, que vous pouvez faire dans n'importe quel ordre.

  • Vous pouvez modifier le fichier style.css pour modifier l'apparence de votre page. Par exemple, recherchez CSS couleur du titre dans votre navigateur pour modifier la couleur du titre.

  • Vous pouvez inclure une musique à votre page. Pour cela, recherchez une musique dont la réutilisation est autorisée. Par exemple, Free Musique Archive propose des musiques librement réutilisables (soit qu'elles soient publiées sous licence libre, soit qu'elles se soient élevées dans le domaine public).

      <audio controls>
        <source src="URL DE LA MUSIQUE" type="audio/mpeg">
        Votre navigateur ne supporte pas l'élément <pre>&#60;audio&#62;</pre>.
      </audio>
    
  • Vous pouvez inclure une photo (sous licence libre) pour illustrer votre texte. Par exemple, Flickr permet de rechercher en précisant le type de licence. Recherchez en utilisant (probablement en anglais) le thème de votre texte (ou un mot important), et affinez la recherche en précisant comme licences Toutes les Creative Commons.

    Recherchez ensuite comment inclure une image dans votre page, et incluez-la.

Fin

À la fin de l'activité, enregistrez l'ensemble des fichiers de votre site web dans une archive page-NOM-PRENOM.zip, et rendez ce fichier dans le dossier partagé de la classe.