TD
DEVELOPPEMENT WEB
--------------
GÉNÉRALITÉS
1. Qu’appelle-t-on un « browser » ?
2. Définissez les sigles suivants :
HTTP : …………………………………………………………………………………………
FTP : …………………………………………………………………………………………
EXERCICE 1
Elaborer un fichier HTML qui présente la structure (le résultat) ci-dessous :
Nom
Ce texte est décalé vers la droite en utilisant le marqueur blockquote.
Quelques pointeurs
Voici quelques pointeurs relatifs à mes intérêts :
1. Natation
o pointeur 1
o pointeur 2
2. Finance
o pointeur 1
o pointeur 2
NB. NOM (titre de taille 1) et Quelques pointeurs (titre de taille 3).
EXERCICE 2
Le code d’une page HTML est la suivante :
<html>
<head>
</title>[Link]</title>
</head>
<body>
<h2>Envoyez-moi vos commentaires</h2>
<table width=100% border=2>
<tr>
<td>Votre Nom </td>
<td>Votre email </td>
</tr>
<tr>
<td colspan=2>
Votre commentaire
</td>
</tr>
</table>
</body>
</html>
TAF : Donner le résultat du code ci-contre ici
[Link] 1
EXERCICE 3
QUIZ
A Quelle propriété CSS ne permet pas de changer l'apparence des puces de la liste ?
list-style-type list-style-position list-style-image
B Pour laquelle de ces listes à puces n'utilise-t-on pas la balise <li> pour indiquer un nouvel élément ?
dl ul ol
C Si un bloc est positionné de façon absolue, où se trouve l'origine des points ?
En haut à droite de la page En haut à gauche de la page En haut à gauche du bloc
D Laquelle de ces balises est de type inline ?
<p> <blockquote> <sub>
E A quoi sert l'attribut "title" de la balise <acronym>
A donner un titre à la page A afficher le nom complet de l'acronyme A souligner en pointillés
l'acronyme
F Comment faire pour demander à ce qu'un style s'applique à tous les titres ?
h1, h6 h1, h2, h3, h4, h5, h6 h1 h2 h3 h4 h5 h6
G Quelle est la particularité des id par rapport aux class ?
Ils ne peuvent être mis que sur des balises de titre
On ne peut donner un nom d'id qu'une seule fois, tandis qu'on peut répéter un nom de class plusieurs fois
Les id ne fonctionnent que sur des balises de type block, tandis que class fonctionne sur des balises de
type inline
H Laquelle de ces valeurs ne peut pas être appliquée à la propriété text-align ?
central left justify
QCM
I CSS = Cascading Style Sheets Vrai Faux
J CSS langage qui sert uniquement à présenter les pages Vrai Faux
K Lien vers une ancre s’appelle encore un lien interne Vrai Faux
L Pour l’affichage des images dans une page HTML, les images de type « Bitmap »sont très conseillées.
Vrai Faux
[Link] 2
EXERCICE 4
Elaborer un fichier HTML qui présente la structure du formulaire (le résultat) ci-dessous:
(A traiter sur la copie de devoir)
NB.
1. Pour une bonne présentation, les libellés et les zones de saisie du formulaire sont dans des cellules d’un tableau.
2. Le titre du tableau « Enregistrement d’un formulaire » est un titre de niveau 2.
3. Les boutons « Envoyer » et « Annuler » sont dans la même cellule et séparés par deux espaces.
4. Le fichier qui sera appelé si on clique le bouton « Envoyer » est « [Link] ».
[Link] 3