Vous êtes sur la page 1sur 2

Institut Supérieur des Technologies de l’Information et de la Communication

Département Informatique
Classe : LAII Module : Elément : PROG WEB Code :
Année universitaire : 2021-2022
TP N°1 : Présentation et Mise en page (HTML5)
Objectifs : Outils : Documentation :
• Prise en main du HTML5 • Visual Studio Code • Aucune documentation
• Création d’un projet web selon les standards • Google Chrome

Activité 1 : Création d’un Projet Web


ACT1TP1
1. Créer un dossier ACT1TP1
css\
2. Créer l’arborescence de dossiers suivante :
3. Ouvrir Visual Studio Code
js\

4. Ouvrir le dossier ACT1TP1 en utilisant Visual Studio Code


5. Créer la page d’accueil index.html
6. Saisir le code suivant et visualiser le résultat en utilisant Google Chrome

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Site Web ISTIC</title>
</head>
<body>
<h1>Ceci est un document HTML5</h1>
</body>
</html>

TP N°1 Présentation et Mise en Forme


Activité 2 : Mise en forme et Lien Hypertexte
ACT2TP1

1. Créer un projet ACT2TP1, respectant l’arborescence suivante css\

2. Développer les 3 pages web en respectant le cahier de charge


js\
suivant
pages\
•contact.html
•stat.html

index.html
Page index.html Page contact.html
Encodage : UTF-8 Encodage : UTF-8
Titre du document : Site Web ISTIC Titre du document : Site Web ISTIC
Contenu du document web : Contenu du document web :
Barre de navigation : Barre de navigation :
• Lien Accueil vers : page index.html • Lien Accueil vers : page index.html
• Lien Stat vers : stat.html • Lien Stat vers : stat.html
• Lien Contact vers : contact.html • Lien Contact vers : contact.html
Titre de niveau 1 : Présentation de l’ISTIC Titre de niveau 1 : Contact de l’ISTIC
Titre de niveau 2 : Introduction Tableau :
Paragraphe : « L’ISTIC est une institution universitaire E-Mail istic@istic.rnu.tn
publique créée par les décrets n° 2011-1010 du 24 août 2011 Tél : 79 326 790
et n° 1645 de 2012, sous tutelle de l’Université de Carthage. Site Web http://www.istic.rnu.tn/
Implanté dans le site du park de Borj cedria, l'institut
dispense une formation de haut niveau dans les domaines
de technologies de l’information et de la communication,
s’inscrivant dans le schéma LMD
(licence/master/doctorat). »
Titre de niveau 2 : Formations
Liste non ordonnée :
• Licences
• Mastères
Tableau :
Classe Nombre d’étudiants Nombre de classes
LGLSI 120 5
LAII 90 4
Pied de page :
Powred by ISTIC

 Pour la page stat.html : Insérer un titre de niveau 1 (Under Construction)

TP N°1 Présentation et Mise en Forme

Vous aimerez peut-être aussi