Université Ibn Tofail Année Universitaire

Ecole Nationale des Sciences Appliquées 2014-2015

Kenitra

TP : Série n° 1
Dans ce TP, vous allez écrire votre CV en HTML, à l'aide de plusieurs pages Web. Ces
différentes pages correspondent à des "rubriques" et sont décrites ci-dessous. Elles
seront reliées entre elles par un menu.

Dans votre dossier de travail, Créez un dossier "CV-HTML", dans lequel vous
enregistrerez les fichiers produits dans ce TP.

1. La Page index

Créez une page nommée « index.html » comportant :

un titre H1 contenant votre nom et prénom e

un titre H2 indiquant votre profession
une ligne horizontale qui occupe 75% de largeur de la fenêtre
une liste à puces composés des titres suivant en H3

"Présentation", "Formation", "Expérience", "Divers"

Votre site doit être bien référencé via les balises meta. Choisissez les valeurs
convenables pour les différents attributs.
Les différentes pages doivent respecter la même mise en forme (couleur de
l’arrière plan, couleur du texte, couleurs des liens…)

Page : index.html

1
 Université Ibn Tofail Année Universitaire
Ecole Nationale des Sciences Appliquées 2014-2015
Kenitra

2. La Page présentation

Créez une page nommée "presentation.html". Complétez le bloc principal pour qu'il
contienne :

 Les titres « Etat Civil » et « Objectifs » en h3, Souligné

 Le bloc Etat civil comme tableau sans bordure
 un paragraphe de description en utilisant la balise « blockquote »
 une photo enregistré dans le répertoire « Images »

Page : presentation.html

3. Page "formation"

Créez une page nommée "formation.html". Complétez le bloc principal pour qu'il
contienne une liste indiquant votre formation. Chaque item de cette liste comportera :

 une date ou période

 l'intitulé de la formation suivie

4. Page "expérience"

2
 Université Ibn Tofail Année Universitaire
Ecole Nationale des Sciences Appliquées 2014-2015
Kenitra

Créez une page nommée "experience.html". Complétez le bloc principal pour qu'il
contienne un tableau indiquant votre expérience professionnelle. Chaque ligne du
tableau comportera :

 une date ou période

 l'intitulé de la position occupée
 le nom de l'entreprise ou organisme

5. Page "divers"

Créez une page nommée "divers.html". Complétez le bloc principal en laissant libre
cours à votre imagination. La structuration devra toutefois être en accord avec le
contenu...

6. Création du Menu :

A partir de la page index, créez les liens vers les différentes pages

Ajoutez l’élément « Me contacter » dans le menu, pointant vers votre adresse mail

7. Transformation du CV en une seule page

Transformez le CV en une seule page html, en convertissant les liens externes en

liens internes