Edition de page Web à l`aide de HTML Evaluation formative 1

Transcription

Edition de page Web à l`aide de HTML Evaluation formative 1
Nom
Prénom
Edition de page Web à l'aide de HTML
Evaluation formative
Répondez aux questions suivantes en complétant les parties grisées du document.
1 Généralités
1. Généralités
1.1 Reliez chaque composante de l'URL suivante à sa signification .
http://www.commentcamarche.net/html/htmlbalise.php3
../ 2 pts
http


nom du dossier contenant la page à afficher
www.commentcamarche.net


nom de l'hébergeur
html


langage utilisé
htmlbalise.php3


protocole de transfert de fichiers sur le Web

nom de la page à afficher
1.2 Que représentent les lettres de l'acronyme HTML? (Cochez ce qui convient)
.../ 1 pt
Hyper Text Markup Language
Home Tool Markup Language
Hyperlinks and Text Markup Language
1.3 Quelles sont les deux extensions possible d'un fichier HTML?
.../ 1 pt
ou
1.4 Quel type de logiciel permet de créer des pages Web ? (Cochez ce qui convient)
.../ 1 pt
Une balise
Un navigateur
Un serveur
Un éditeur de texte
1.5 Illustrez chaque concept suivant à l'aide de deux exemples:
.../ 5 pts
Navigateur
et
Editeur de texte
et
Balise
et
Attribut
et
Langage de programmation
2 Langage HTML
et
GYB
HTML
Page 1
2 Langage HTML
2.1 Dans un fichier html, quel est le rôle .
../ 2 pts
● d'une balise
● d'un attribut
2.2 Parmi les éléments suivants, lesquels sont des balises? (Cochez ce qui convient)
.../ 2 pts
<a>
<!--Auteur du site: Christophe B.-->
<br/>
Bgcolor
2.3 Lesquels des codes suivants sont syntaxiquement corrects ? (Cochez ce qui convient).
Corrigez en rouge les erreurs des autres codes.
.../ 4 pts
<a href="http://www.google.ch">Liens</a>
<p align="left"> Ceci est un paragraphe
<img=image.jpg/>
<b> Ce texte est en gras
2.4 Reliez chaque composante du code html
<body bgcolor="green"> Bonjour &agrave; tous ! </body>
à sa nature ?
.../ 4 pts
green
●
●
nom de la balise
</body>
●
●
contenu de la balise
&agrave;
●
●
chevron
bgcolor
●
●
attribut
<body bgcolor="green">
●
●
balise de fin
Bonjour &agrave; tous !
●
●
valeur d'attribut
body
●
●
balise de début
<
●
●
caractère spécial (accent)
GYB
HTML
Page 2
2.5 Quelle balise contient des informations sur la page Web telles que son titre et les mots-clés
utilisés par les moteurs de recherche? (Cochez ce qui convient)
.../ 1 pt
<html>
<head>
<title>
<body>
2.6 Quel code permet d'insérer un lien sur le site fifa.ch ? (Cochez ce qui convient)
.../ 1 pt
<a href="http://www.fifa.ch">Fifa.com</a>
<a href="http://www.fifa.com">Fifa.ch</a>
<a>http://www.fifa.ch</a>
<a url="http://www.fifa.ch">Fifa.ch</a>
2.7 Quelles balises sont utilisées pour créer un tableau ? (Cochez ce qui convient)
.../1 pt
<table>, <tr> et <tt>
<table>, <tr> et <td>
<tableau>, <ligne> et <cellule>
<table>, <head> et <body>
2.8 A l'aide de quelle balise insère-t-on une liste ? (Cochez ce qui convient)
.../1 pt
<list>
<ol>
<ul>
<li>
2.9 Donnez le code html permettant de créer sur l'image Payerne.jpg un lien vers le site du gyb:
.../4 pts
<html>
<body>
</body>
</html>
GYB
HTML
Page 3
2.10 Donnez le code html permettant d'afficher le tableau ci-dessous
.../4 pts
<html>
<body>
</body>
</html>
2.11 Remplissez les cellules grisée du tableau suivant:
.../11 pts
Balise ouvrante
Description de l'action
Balise fermante
<body bgcolor="blue>
Affiche le corps du texte de la </body>
page Web sur fond bleu
<title>
Affiche un paragraphe aligné à
droite
</h1>
<!-- Hello -->
<a
href="http://www.gyb.com">
Affiche l'image gyb.jpg
Ajoute un retour de ligne
<table border="3">
Insère une entrée dans une
liste
<td>
</ul>
Insère une ligne d'un tableau
<hr/>
</html>
Total des points:
GYB
.../45 pts
HTML
Page 4