Aller au contenu

TP - CSS⚓︎

Découvrir CSS⚓︎

Exercice 1

Cette exercice va nous permettre de comprendre comment on applique un style (un design) à des pages web

  1. Récupérer les deux fichier .html et .css en faisant clic droit enregistrer la cible sous... et les enregistrer dans le répertoire du TP de votre ordinateur.
  2. Ouvrir les deux fichiers avec un le bloc note (clic droit ouvrir avec...) et ouvrir le fichier html dans un navigateur web.
  3. Organiser son bureau comme ceci :
    orgacss
  4. Essayer de changer la couleur du titre en modifiant le fichier css (n'oubliez pas d'enregistrer le fichier et de recharger la page web après avoir fait vos changements)
  5. Essayer de changer la couleur de ce qui est en gras en modifiant le fichier css.
  6. Essayer de changer la couleur des paragraphes en modifiant le fichier css.
  7. Rajouter dans la première balise p du fichier html la classe "paraperso" de manière à avoir <p class="paraperso">et rajouter dans le fichier css le code suivant:
    .paraperso{
        text-decoration: underline;
    }
    

Que remarquez-vous ?

Réaliser son CV en HTML/CSS⚓︎

Exercice 2

Réaliser un CV en utilisant ce que l'on vient de voir en HTML/CSS.

A finir en devoir à la maison (DM) et à rendre (2 fichiers au moins : un html et un css) ici pour les 2nde 3, ici pour les 2nde 7, ici pour les 2nde 9