Les projets

Le projet collectif

Remise: lors du TD5 (le jour de l'interro), l'un des membres du groupe laisse sur le bureau du prof une clé usb contenant le projet, et récupère sa clé en fin d'interro. Le projet ? Mettez dans un répertoire au nom du remetteur (sic) les fichiers .html, .css et autres ressources nécessaires à votre site, puis zippez-le.

Il s'agit de réaliser un petit site en vous répartissant les pages (une page par personne, nommée votrenom.html). Pour ce faire, vous créerez une feuille de style nommée groupeX.css (où X est le numéro de votre groupe) et une page d'accueil collective (très simple).

Chaque page perso sera consacrée à une personne de votre choix tirée du monde de la musique: musicien, compositeur ou chanteur (-euse).
Elle devra comporter au moins 3 parties, contenant respectivement une biographie personnelle, une biographie professionnelle, et une liste d'œuvres.

Contraintes supplémentaires à respecter :

  1. Sur le site collectif
    • Une page d'accueil index.html avec le titre du site, les auteurs et un menu de navigation des pages.
    • La feuille de style met en forme et en page les différentes pages du site de façon homogène. Notamment, une classe groupeX doit y être prévue (voir plus loin). Le nombre de règles utilisées devrait être au moins de l'ordre de la trentaine. Chaque membre du groupe doit être capable d'expliquer à quoi elles servent.
    • Les propriétés non vues en TD sont interdites.
  2. Sur chaque page perso
    • Une illustration de votre choix dans chaque partie.
    • Le menu de navigation de la page d'accueil doit être présent.
    • Un élément au choix doit être identifié par votre nom, et son style par défaut modifié dans la page elle-même (balise style).
    • Un élément au choix doit être de la classe groupeX.

Le projet individuel

Etudiants obligatoirement concernés: ceux qui n'ont pas obtenu la moyenne à la première interro (pour les autres, c'est facultatif).
Remise: lors du TD10 (le jour de l'interro), vous remettez votre site zippé.

Il s'agit de reprendre votre page du projet collectif (il n'est pas nécessaire de modifier le contenu de l'original, mais vous pouvez modifier le balisage si nécessaire), et d'en faire une version à votre goût grâce à une feuille de style votrenom.css que vous créerez. Gardez également la page d'accueil du projet collectif et son menu (même si les liens ne sont plus valables sans les autres pages, que vous devez enlever).

Il y a une contrainte à respecter obligatoirement. Chacun des 7 premiers TDs décrit des notions et propriétés CSS, ainsi que des techniques d'utilisation. Idéalement, tout devrait pouvoir être utilisé dans votre projet, et rien d'autre en ce qui concerne CSS. Pour chacun de ces TDs, de 1 à 4 et de 6 à 8, dire brièvement ce qui vous a servi dans ce projet personnel, et à quoi. Vous écrirez cette liste dans la page d'accueil.