TP 02 : Structure HTML

Licence Humanités Numériques 1ère année

Jean-Marc Lecarpentier — Justine Reynaud

Enseignement des technologies du Web

 

Travail personnel

Notes de cours

Exercice 1 — Glossaire HTML #

Compléter le glossaire des éléments HTML sur ecampus dans le cours 1HU91.

Exercice 2 — Structuration HTML de base #

Cet exercice fait partie de ceux qui seront évalués. La page doit être accessible et fonctionnelle à l'URL suivante :

https://dev-NUMETU.users.info.unicaen.fr/1HU91/TP02/ex2/structure.html
(en remplaçant NUMETU par le numéro correspondant). Pensez à vérifier la validité W3C de votre page !

D'autre part, l'élément head doit contenir le code suivant :

<meta name="author" content="NUMETU" />
en remplaçant NUMETU par votre numéro étudiant. (Il faut laisser name="author" tel quel, par contre !) Par exemple, si votre numéro est 21012343, vous mettez <meta name="author" content="21012343" /> dans le head de votre page. Pour cet exercice, il est interdit de travailler en binôme.

Il est conseillé de vérifier que l'exercice a été correctement rendu en utilisant l'application evalweb.

Vous avez jusqu'au vendredi 22 janvier pour terminer l'exercice et le déposer sur votre serveur web.

Réaliser la page web dont une capture d'écran est donnée ci-dessous.

Le texte de la page et les URLs sont fournis.

Pensez à vous référer à la documentation des éléments HTML.

Capture d'écran de la page à réaliser
Capture d'écran de la page à réaliser

Exercice 3 — Page de présentation #

Cet exercice fait partie de ceux qui seront évalués. La page doit être accessible et fonctionnelle à l'URL suivante :

https://dev-NUMETU.users.info.unicaen.fr/1HU91/TP02/ex3/presentation.html
(en remplaçant NUMETU par le numéro correspondant). Pensez à vérifier la validité W3C de votre page !

D'autre part, l'élément head doit contenir le code suivant :

<meta name="author" content="NUMETU" />
en remplaçant NUMETU par votre numéro étudiant. (Il faut laisser name="author" tel quel, par contre !) Par exemple, si votre numéro est 21012343, vous mettez <meta name="author" content="21012343" /> dans le head de votre page. Pour cet exercice, il est interdit de travailler en binôme.

Il est conseillé de vérifier que l'exercice a été correctement rendu en utilisant l'application evalweb.

Vous avez jusqu'au vendredi 22 janvier pour terminer l'exercice et le déposer sur votre serveur web.

Réaliser une page web de présentation de vous-même. Vous devrez utiliser les élements sémantiques de HTML et inclure une image (de vous-même ou pas).

Pensez à vous référer à la documentation des éléments HTML.