Ministère de l’enseignement supérieur et de la recherche scientifique

Institut supérieur des études technologiques de Kélibia

Département Informatique

Classes : TI Heure : 13h

Niveau : 1ère année Durée : 1h
Date : 01-12-2020 Nombre de pages : 2
Devoir Surveillé Développement Web 1
Enseignant(s) :Bey Marwa Documents : Non autorisés
Bousetta Imtinen et Ben UE :
Mhammed Issam
La clarté et la simplicité des réponses sont tenues en compte, toute fraude ou tentative de fraude sera sévèrement sanctionnée
L’ECHANGE DE MATERIEL (STYLO, CALCULATRICE, ETC.) ENTRE ETUDIANTS AU COURS DE L’EPREUVE EST INTERDIT.

Questions de cours

1. Quel est la différence entre un site web statique et un site web dynamique ?
2. Quel est le rôle de la balise <meta>, où doit-on la mettre dans une page web ?
3. Donner la différence entre les liens internes et les liens externes ?

Exercice :

Sachant que la structure de la page « accueil.html » est un tableau comme figure1 ci-dessous
« maquette page d’accueil » avec :

• Titre de la page « cours developpement web ».

• L’hauteur du tableau est égale à 650px avec une couleur de bodure « #2244dd » et une espace
entre les cellules « 5px ».
• Le titre possède la couleur «#2244dd » avec police « Arial ».
• La partie listes contient deux types de listes (liste de définition et liste non ordonnée) les
termes HTML, CSS et JS sont des liens vers des pages respectives « pageH.html »,
« pageC.html » et « pageJ.html ».
• La dernière ligne :
o Notre site contient l’URL vers le site suivant « www.Dev_Web.com » et écrivez moi
permet d’envoyer un mail à l’adresse « monAdresse@gmail.com ».
o Suivez-nous contient deux images « fb.jpg » et « youTube.png ».
• La partie Image contient un tableau avec :
o Deux titres « langage » et « framework » ayant une couleur « #2244ff »
o Les images du langages (HTML, CSS et JS) portent le format .png
o Les images du framework (Jquery et angular) portent le format .jpg
o Toutes les images sont centrées.

Page 1 of 2
 Figure 1 : Maquette page d’accueil

Questions :

1. En se basant sur les informations précedentes, Ecrire le code HTML nécessaire pour arriver à
l’image2 ci-dessous « page d’accueil final ».

Figure 2 : page d’accueil final

2. Le lien HTML de la page d’accueil ouvre dans une nouvelle fenêtre la deuxième
page nommée « pageH.html » cette page contient des cours sur le langage HTML et deux
liens :
• Un lien « aller vers le bas » qui nous transmis vers le dernier paragraphe de la page.
• Un autre « aller vers le haut » qui nous pointe sur le premier titre de la page « Titre
principale »

Réaliser la deuxième page HTML « pageH.html » qui contient les deux ancres précédentes.
Page 2 of 2