TP 03 : Introduction CSS

Licence Humanités Numériques 1e année

Jean-Marc Lecarpentier — Antoine Widlocher

Enseignement des technologies du Web

 

Travail personnel

Exercice 1 — Expérimenter avec CSS #

La page web fournie dans cette archive servira de terrain d'expérimentation.

En utilisant une balise <style>, appliquer les mises en forme suivantes :

  1. mettre les titres de section en bleu ;
  2. mettre le titre principal en italique ;
  3. mettre les liens en gras ;
  4. mettre des puces carrées à la place des puces rondes dans la liste ;
  5. enlever le soulignement des liens ;
  6. mettre la police du pied de page en plus petit et aligner le texte au centre ;
  7. augmenter la taille de la police du titre principal ;
  8. mettre le titre de la navigation en police Arial italique ;
  9. mettre les liens de navigation (seulement ceux-là) en vert italique et soulignés, et au survol de la souris ces liens deviennent rouges et non soulignés ;
  10. ajouter un « cadre » autour de la figure (essayer plusieurs styles et plusieurs épaisseurs) ;
  11. changer la couleur de fond de la page, tout en gardant un fond blanc pour les paragraphes.
  12. mettre le premier paragraphe de chaque section en italique et avec une largeur de 70% de la page ;