Félicitations! Vous voici de retour pour une troisième session à
la prestigieuse université «University for Computers Landbehrt of
America» (UCLA)! Cette université virtuelle est située à
Blainville, mais elle peut être itinérante à l’occasion.
Je suis Landbehrt, votre professeur pour tous les cours que vous
aurez à suivre jusqu’à l’atteinte de votre diplôme. Tous les cours
seront donnés en français, heureusement pour vous mes étudiants
Québécois, et se termineront chacun par un examen final qui vous
permettra de trouver une cache.
Alors bienvenue à votre cinquième cours, «Informatique 301 –
Programmation HTML». Nous allons apprendre ici quelques notions de
base du langage de programmation HTML qui vous permettront de
réussir ce cinquième cours.
Il est important de mentionner que la réussite du cours
«
Informatique 201 – Logique de programmation» est un pré-requis
à la réussite de ce cinquième cours.
Voici la théorie:
Le langage HTML (abbréviation de HyperText
Markup Language) permet de formatter la présentation
des informations qui sont visualisées à l'aide d'un fureteur
(Internet Explorer, Netscape, Mozilla, etc.). Il est donc
impossible d'effectuer des traitements (mathématiques, logiques ou
autres) avec le langage HTML.
Le langage HTML fonctionne avec des balises, généralement avec
une balise d'ouverture (par exemple <p>) et une balise de
fermeture (par exemple </p>). Certaines balises n'ont pas de
contenu et apparaissent donc sans balise de fermeture. Sont
notamment concernées la balise d'image <img>, la balise de
séparation horizontale <hr> et la balise de retour à la ligne
<br>.
Dans le tableau ci-dessous, vous trouverez les principales
balises utilisées en HTML.
Balise |
Effet |
Résultat |
Utile pour une page de cache |
<html>texte</html> |
Délimite le début et la fin d'un document HTML |
--- |
non |
<head>texte</head> |
Délimite la zone d'entête d'un document HTML |
--- |
non |
<title>texte</title> |
Donne un titre à la page Web |
--- |
non |
<body>texte</body> |
Délimite le corps d'un document HTML |
--- |
non |
<p>texte</p> |
Délimite un paragraphe |
--- |
OUI |
<br> |
Force un saut de ligne |
--- |
OUI |
<hr> |
Insère une ligne horizontale |
--- |
OUI |
|
Insère un espace insécable |
--- |
OUI |
<b>texte</b> |
Texte en gras |
Résultat |
OUI |
<i>texte</i> |
Texte en italique |
Résultat |
OUI |
<u>texte</u> |
Texte souligné |
Résultat |
OUI |
<s>texte</s> |
Texte barré |
Résultat |
OUI |
<img src="lien.jpg" alt="Texte alternatif"> |
Insère une image |
--- |
OUI |
<a href="lien.htm" title="Description courte du
lien">texte</a> |
Insère un lien hypertexte |
--- |
OUI |
<font color="#cc0000">texte</font> |
Affiche le texte dans la couleur choisie |
Résultat |
OUI |
<font size="1">texte</font> |
Met une valeur à la taille du texte |
Résultat |
OUI |
Le squelette standard de presque toutes les pages Web est le
suivant:
<html>
<head>
<title>Titre de la
page</title>
</head>
<body>
(Balises HTML et contenu à
afficher)
</body>
</html>
Voici la pratique:
Pour trouver les coordonnées de la cache, vous devez, à l'aide
d'un éditeur de texte, écrire une page Web qui fera les opérations
suivantes:
- Afficher le lettre «N»
- Insérer l'image
http://img227.imageshack.us/img227/1774/301a5hk.gif
- Afficher le mot «degrés»
- Insérer l'image
http://img115.imageshack.us/img115/8819/301b2sx.gif
- Afficher le symbole «,»
- Insérer l'image
http://img115.imageshack.us/img115/1079/301c1td.gif
- Afficher le mot «minutes»
- Insérer une ligne horizontale
- Afficher le lettre «W»
- Insérer l'image
http://img227.imageshack.us/img227/1727/301d8rq.gif
- Afficher le mot «degrés»
- Insérer l'image
http://img227.imageshack.us/img227/1728/301e2hd.gif
- Afficher le symbole «,»
- Insérer l'image
http://img227.imageshack.us/img227/6390/301f2ts.gif
- Afficher le mot «minutes»
Sauvegardez votre document sous le nom «301.htm» puis ouvrez ce
document avec votre fureteur (Internet Explorer, Netscape, Mozilla,
etc.).
Prenez en notes les coordonnées affichées. (Oops! Les nombres
sont en système de numérotation binaire. Vite! Sortez vos notes du
cours 211!) Les coordonnées s'affichent en boucle, les traits
d'union marquant le début de la boucle.
Finalement, à la coordonnée nord trouvée, ajoutez les millièmes
de la coordonnée nord de la cache «Informatique 201 – Logique de
programmation» ET ajoutez aussi 303 millièmes de minutes
(+0.303).
De même, à la coordonnée ouest trouvée, ajoutez les millièmes de
la coordonnée ouest de la cache «Informatique 201 – Logique de
programmation» ET soustrayez aussi 126 millièmes de minutes
(-0.126).
Pour réussir ce cours, vous devez simplement résoudre l'énigme
ci-dessus et signer le registre de visites situé dans un boisé à
Blainville.
Le contenu initial de la cache est:
- 2 autos Landbehrtghini
- 2 kits de perles
- 4 pinces à cheveux
- Coupon-rabais pour le comptoir de restauration au cinéma
- Registre de visites
- Feuille explicative
- Crayon à mine
- Aiguisoir (ce n'est pas un item à échanger)
Et bien entendu, pour le P.A.T., le traditionnel gratteux!
Testez vos coordonnées ici!
Indice d'accessibilité : H35143