Institut National des Sciences Appliquées et de Technologie
Année Universitaire 2009/2010
Matière : C2I
Filière : MPI, CBA
Enseignant : Hedia Kochkar -Marzouki
TP No 4
Création du site Web
Objectifs :
! Création de pages web simples
! Utilisation des fonctionnalités d’un éditeur HTML pour mettre en forme le texte, définir
des liens hypertextes, insérer des images, …
1. Installation de l’éditeur HTML
a. Téléchargez le fichier d’installation de l’éditeur HTML OpenSource et gratuit nvu « nvu-1.0-
win32-installer-fr.exe » mis à votre disposition dans le troisième thème HTML.
b. Installez cet éditeur html.
Je vous précise que vous pouvez créer des pages web simples sans connaître le langage HTML et
l’éditeur NVU peut être utilisé comme s’il s’agit d’un éditeur de texte.
2. Création d’un nouveau site Web
Cette activité va vous permettre de créer un site Web en utilisant l’éditeur NVU. Le site est constitué
de deux pages Web : La première constituera la page d’accueil et la deuxième va comporter votre CV.
Cette dernière doit pouvoir être ouverte à partir de la première page.
3. Création de la première page
a. Créez sur votre disque un dossier de nom « Site-Nom-Prénom ». Les fichiers que vous allez
créer vont être enregistrés dans ce dossier.
b. Réalisez la page Web d’accueil ci-dessous avec NVU.
c. Enregistrez la page sous le nom « index.html »
4. Création de la deuxième page
Vous allez créer une nouvelle page Web qui va contenir votre CV. Pour ce faire, procédez de la
manière suivante :
a. Utilisez la commande Nouveau du menu Fichier et choisissez Document vide.
b. Cette page doit comporter les éléments suivants :
! Comme titre le texte ‘CURRICULUM VITAE’
! Nom et prénom
! Nationalité
! Date de naissance
! Lieu de naissance
! Adresse
! Téléphone
! Liste des diplômes
! Les langues maîtrisées
! Les loisirs
Insérez le texte de votre CV et mettez-le en forme.
c. Enregistrez la page sous le nom ‘Mon CV.html’.
5. Création de liens hypertexte vers une autre page
Vous allez créer un lien entre la page d’accueil et la page ‘Mon CV’. Pour ce faire, procédez de la
manière suivante :
a. Double-cliquez sur la page d’accueil pour la sélectionner,
b. Sélectionnez le texte ‘Mon Curriculum Vitae Le CV’ qui se trouve à la fin du sommaire,
c. Cliquez sur la commande Lien du menu Insertion,
d. Dans la boîte de dialogue ouverte, cliquez sur Parcourir puis sélectionnez la page ‘Mon CV’,
e. Cliquez sur OK.
f. Enregistrez la page.
Titre de
page
Titre
centré
rouge
Votre
photo
centrée
Lignes
horizontales
Textes à
insérer
Liste
Lien vers le site http://www.tunisie.com Lien vers le site http://www.uvt.rnu.tn
Lien messagerie avec votre adresse
6. Envoie du résultat
Vous allez archiver le dossier « Site-Nom-Prénom » et l’envoyer à votre tuteur par email.
