Université Ibn Tofail Année Universitaire

Ecole Nationale des Sciences Appliquées 2014-2015

Kenitra

TP N° : 3
Le code HTML devra impérativement être conforme au standard HTML5, et les
caractères devront s’afficher correctement quelle que soit la configuration du navigateur.

1. Créer un répertoire intitulé « CV3 » sur le bureau

2. Télécharger les documents relatifs au tp de la plate forme
3. Créer la page « mon_style.css ». lier la CSS à la page « cv.html »
4. Centrer le CV sur la page. Celui-ci est obtenu en ajoutant des propriétés au sélecteur body : la
taille sera de 70%, et la marge gauche de 15%.
5. Centrer le titre en ajoutant la propriété adéquate au sélecteur h1.
6. Mettre le reste de l’en-tête en forme. La couleur de la bordure est : #688CD8 , la
couleur du fond est : #E8EFF7
Les barres sont obtenues grâce à la propriété border de la boîte correspondante
qui sera assignée à la valeur 5px solid suivie de la couleur adéquate.
L’image est alignée à droite (float: right) et sa taille est 15%.
7. Modifier la feuille de style pour afficher les barres de début et de fin de chaque
partie du CV. Les bordures sont les mêmes que pour l’en-tête général. Chaque
article est séparé de ce qui précède par une marge de 30px.
8. Mettre en forme le titre de chaque partie du CV. La couleur du titre est #385CA8,
et le titre est en petites capitales.
9. Mettre en forme la partie « Formation ». Les années seront intégrées dans des
balises <span> avec une classe annee. Il conviendra d’y ajouter une propriété
display: block.
10. Améliorer votre fichier afin que votre CV ait l’apparence de la page page CV.pdf
11. Personnaliser les puces en utilisant la propriété : list-style-image
12. Personnaliser l’affichage de la rubrique Langue.
13. Nous allons maintenant rédiger une nouvelle feuille CSS, pour montrer que l’on
peut considérablement changer l’apparence d’une page Web sans toucher au
code HTML.
Créer une feuille de style CSS de façon à obtenir une apparence de différente.
Aucune modification ne sera autorisée dans le fichier HTML, à part bien sûr le lien
vers le nom de la feuille de style CSS.