IFT1005 - Automne 2016 - Exercice 7

But de l'exercice

À la fin de cet exercice, vous devriez pouvoir formatter un tableau avec du CSS.

Cet exercice vaut 2 points, pour les obtenir il vous faut compléter tous les exercices et déposer votre résultat sur Studium.

Étapes

  1. À l'aide d'oXygen, vous devez reproduire la page de calendrier suivante lorsque la fenêtre a au moins 600 pixels de largeur.
    mais plutôt s'afficher ainsi lorsque la largeur de la page est plus petite que 600 pixels.
    NB: Sans utiliser de programmation, il est (je crois!) impossible d'obtenir ces deux types de présentations à partir d'une seul tableau seulement avec du CSS. Vous devez donc créer deux tableaux avec la même information et n'afficher que celui qui est approprié selon la largeur de l'écran. Votre CSS devrait toutefois factoriser le plus possible les propriétés communes aux deux présentations.
  2. Voici les caractéristiques à reproduire en prenant bien soin que toute la mise en page est dans le CSS et non le HTML.
  3. Créez une archive zip contenant vos fichiers HTML et CSS.
  4. Déposez votre archive sur Studium.

Défi supplémentaire (non noté): Si vous connaissez javascript: générez, au chargement de la page HTML, le tableau qui sera utilisé en mode étroit.