T-GSI HTML Ch.2 A.2 Le Langage HTML, Partie 2 Préambule : Si

T-GSI
HTML
Ch.2
A.2
Le Langage HTML, Partie 2
Préambule :
Si cela n’est pas déjà fait : Créer un dossier nommé web (dans lequel toutes vos pages seront
stockées) sur votre compte. A l’intérieur du dossier web créer deux autres dossiers nommés : images
et files. Sauf indication contraire, le nom des pages HTML est libre.
Exercice 1 :
Construire la page cv.html (dans web) :
Cette page doit porter sur votre CV. Les éléments de votre CV tels que votre scolarité et vos
expériences doivent figurer sous la rubrique « Mon Curriculum vitae ».
Les polices peuvent être personnalisées, ainsi que les couleurs.
Exercice 2 :
Construire la page entete.html en incluant l’image gif et un fond d’écran image.
ƒ Insérer l’image (ANIM_BOUSOLE.GIF dans le dossier images) ;
ƒ puis ajouter le fond (FOND_GRIS.JPG toujours dans images).
Ch.2 - Applications.2.doc
page 1 / 3
om (2001-2005)
Exercice 3 :
Construire la page tablo.html (dans web) en fonction du modèle suivant :
ƒ Insérer l’image (ANIM_NOMBRE.GIF dans le dossier images) ;
ƒ puis ajouter le fond de votre choix (toujours stocké dans images).
Exercice 4 :
Construire la page adresse.html (dans files) :
ƒ Insérer l’image (ANIM_EMAIL06.GIF dans le dossier images), vous établirez un lien sur votre
propre adresse e_mail (si vous en avez une ou vers une adresse fictive) ;
ƒ Puis ajouter le fond (FOND_CIRCUIT.GIF toujours dans images) ;
ƒ Vous établirez un lien messagerie à votre adresse sur le texte.
Exercice 5 :
Construire la page retour.html (dans files) :
ƒ Insérer l’image (ANIM_INFO1.GIF dans le dossier image).
ƒ Etablir un lien permettant l’appel du fichier exo1.html à partir du texte ‘vers EXO1’, puis établir
le lien inverse vers retour.html à partir du texte ‘vers retours’.
Ch.2 - Applications.2.doc
page 2 / 3
om (2001-2005)
Exercice 6 :
Construire la page cadre.html (dans web) :
ƒ La partie haute portera le nom de ‘ENTETE’ ;
ƒ La partie centrale de gauche portera le nom de ‘CORPS’ et celle de droite ‘RETOUR’ ;
ƒ La partie basse portera le nom de ‘ADRESSE’ ;
ƒ Les divisions horizontales seront de 30%,45%, et 25% ;
ƒ Les divisions verticales seront de 80% et 20%.
Exercice 7 :
Construire la page attributs.html (dans web) :
ƒ Les bords de la page sont construits avec l’image fond_spirale.gif.
Ch.2 - Applications.2.doc
page 3 / 3
om (2001-2005)