IFT 1005 - Design et développement Web

2. Web

Exercice

Sébastien Roy, Université de Montréal

IFT 1005 - Design et développement Web

2. Web

Exercice

Sébastien Roy, Université de Montréal
5 février 2023
 

Exercice 2

Cet exercice nous fait fouiller (et découvrir) le web.
Trouvez 4 URL:
  1. Le paramétré
  2. Le signet
  3. L'illisible
  4. Le robot

Remise

(remplacer roys par votre nom d'usager)
Pas de remise sur Studium.
Créez simplement un fichier index.html dans le répertoire
/home/www-ens/roys/public_html/ift1005/ex2
ou (si vous avez un lien symbolique www)
~/www/ift1005/ex2

Attention

Le paramétré

Trouvez un URL qui contient au moins deux paramètres (données supplémentaires, ou requêtes).
Un exemple (les paramètres sont a et b):
http://www.xyz/page?a=1&b=2
Un vrai exemple:
https://openweathermap.org/weathermap?basemap=map&cities=true&layer=temperature&lat=48.0487&lon=-74.1797&zoom=5

Le signet

Trouvez un URL qui se termine par un signet.
Mon exemple:
http://www.iro.umontreal.ca/~roys/ift1005/02-web.html#21
(note: il faut que le signet serve à quelques chose...)

L'illisible

Trouvez un URL qui contient des caractères non standards pour des URL et qui sont donc encodés. Visitez RFC1738 (ou W3S) pour bien comprendre.
Plus c'est illisible, mieux c'est!
Mon exemple:
https://fr.wikipedia.org/wiki/Wikip%C3%A9dia
Notez que dans la barre de navigation du navigateur, les caractères seront affichés décodés.

Le robot

Trouvez un URL qui connecte à un API, et dont la réponse est du XML ou du JSON, mais pas du HTML
Mon exemple:
https://api.openweathermap.org/data/3.0/onecall?lat=33.44&lon=-94.04&exclude=hourly,daily&appid=abcd

Exercice 2

Votre exercice 2 doit être accessible à l'URL suivant:
https://www-ens.iro.umontreal.ca/~roys/ift1005/ex2/index.html
(remplacer roys par votre nom d'usager)
Cet URL est un exemple valide. Ça pourrait vous être utile.

Exercice 2

Attention! Les 4 balises <a> avec les liens vers les 4 URL doivent avoir un id pour pouvoir être corrigées...

<a id="param" href="...">...</a>
<a id="signet" href="...">...</a>
<a id="illisible" href="...">...</a>
<a id="robot" href="...">...</a>
            
Les id sont param, signet, illisible, et robot. Pour le reste, formattez votre page à votre goût!

Bon
Exercice 2!