Introduction au Web
TD sur Machine noté - CSS
- ÉNONCÉ -

• Vous avez le droit à vos cours. De plus, vous avez accès à Internet.
• Vous disposez d'une séance pour avancer le plus dans le sujet ci-dessous.
• L'heure de début et l'heure de fin de la séance sont celles de votre emploi du temps.
• A la fin de la séance, vous devez rendre votre travail par courriel (courrier électronique) via ent.unice.fr, puis BV et message une fois conenctés :
  • Ce message électronique est à envoyer à Andrea.TETTAMANZI@unice.fr avant la fin de votre séance, quelque soit votre état d'avancement dans le sujet.
  • Le sujet de ce message doit être [intro web][td css] et votre nom (ne recopiez pas littéralement "et votre nom", mais remplacez par vos nom et prénom).
  • Dans ce message, vous préciserez votre nom, la séance à laquelle vous avez fait ce TD et vous joindrez uniquement le fichier balance-sheet.css que vous aurez créé.
  • Ce courriel devra être envoyé au plus tard à l'heure de fin du créneau de votre session de TD (l'heure d'envoi est dans les entêtes du courriel). Tout retard sera sanctionné par une pénalisation de la note et les copies envoyes avec plus de 15 minutes de retard ne seront même pas corrigées.

Dans cet exercice, nous allons créer une feuille de style CCS pour la mise en forme d'un bilan comptable.

Vous aurez à disposition une page HTML d'exemple et de test contenant le bilan de Total S.A.

Vous devrez écrire des règles CSS qui exploitent le marquage du fichier HTML afin d'obtenir une mise en forme identique à celle montrée dans ce fichier PDF.

Le fichier HTML fourni ne doit absolument pas être modifié : votre intervention doit être limitée au fichier balance-sheet.css référencé par le fichier HTML. Sachez que votre feuille de style sera validée en utilisant le fichier original, même si vous rendez un fichier HTML modifié.

Vous devez créer, dans un fichier nommé balance-sheet.css, une feuille de style conçue de telle sorte que le fichier HTML PageTest.html, fourni avec cet énoncé, s'affiche exactement comme montré dans ce fichier PDF quand il est placé dans le même répertoire du fichier balance-sheet.css.

En particulier :

• Le texte doit utiliser une police « sans sérif ».
• Les titres de 2ème niveau doivent être en rouge et en majuscules.
• Le code mnémonique de l'action de la société (TOT dans l'exemple) doit utiliser une police « monospace ».
• La notice « All numbers in thousands » dans l'exemple doit être en italique et alignée à droite.
• La table qui contient le bilan ne doit pas avoir de bordure.
• Les titres des colonnes doivent être en gras.
• L'expression « Period Ending » dans la ligne des tritres de la table ne doit pas être en gras.
• Les titres des catégories de comptes doivent être en gras sur fond jaune, numérotés et séparés des lignes précédentes par un saut de 1 em (largeur d'une M).
• Les cellules contenant un montant doivent être alignées à droite
• Les lignes des totaux doivent être en gras et précédées d'une ligne de séparation grise de 3 pixels d'épaisseur.