Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
38 lines (28 sloc) 1.28 KB

CSS - prise 2

Nous continuons dans l'apprentissage du CSS. Dans cet atelier, vous allez construire le design d'une application de publication d'articles en ligne.

Objectifs

  • Manipuler du CSS un peu plus avancé.

Exercices

  1. Construisez une page HTML avec un en-tête indiquant le titre du site avec un logo et un slogan. Ensuite, placez une section avec un article. Un article doit contenir :

    • un titre;
    • un auteur;
    • une date de publication;
    • le contenu texte de l'article.
  2. Respectez les règles de design suivantes :

    • Le titre de l'article doit être plus gros que le texte et plus voyant.
    • Le nom de l'auteur et la date de publication doivent apparaître après le titre mais avant le contenu de l'article en tous petits caractères italiques.
  3. Mettez en place un design à 2 colonnes dans la page. La section qui présente l'article doit être à gauche et prendre 75% de l'écran. Une nouvelle section contenant une liste des 10 derniers articles publiés sur le site doit apparaître à droite et prendre 25% de l'écran. Utilisez la propriété float pour faire les colonnes.

  4. Placez une bordure pointillée autour du texte de l'article.

  5. Tentez de rendre cette page la plus esthétique possible.