Pour ce premier travail nous vous demandons de programmer le code nécessaire qui pourra prendre en charge la numérotation automatique des paragraphes comme dans les textes techniques (1, 1.1, 1.1.1, etc).
Puisque nous utiliserons les titres HTML, nous nous limiterons à
seulement 6 niveaux. Ainsi la fonction "titre(n, txt, couleur)"
générera un titre de niveau 'n' (<Hn>txt</Hn>)
contenant le texte transmis en paramètre. Ce titre sera de la couleur
spécifiée par un éventuel troisième paramètre. Si ce dernier est
absent le texte prendra la couleur courante.
Votre fonction devra tenir compte des différents niveaux selon la séquence d'appel et indenter le paragraphe qui suivra tel que montré dans la figure de gauche.
... texte ... texte ... <script> titre(1,"Le titre", "la couleur") </script> ... texte ... texte ... <script> titre(2,"Le titre", "la couleur") </script> ... texte ... texte ...
Pour vous éviter de taper trop de texte je vous fourni un petit script qui pourra générer des phrases aléatoires. Veuillez bien étudier ce dernier; c'est un bon exemple d'utilisation des fonctions mathématiques fournies par JavaScript. Vous pouvez télécharger ce script en cliquant sur phrases.js. Si le coeur vous en dit, vous pouvez vous amuser à le modifier selon vos goûts et vos préférences mais n'oubliez pas que le plus facile, en français est le féminin singulier!
Un fois que vous aurez bien assimilé l'utilisation des fonctions de JavaScript pour générer des nombres aléatoires, vous pourrez créer votre page WEB avec des titres dont le niveau est aléatoire. Les probabilités d'apparition des titres seront:
Niveau | Probalité |
---|---|
1 | 30% |
2 | 25% |
3 | 20% |
4 | 15% |
5 | 5% |
6 | 5% |
Total: | 100% |
Veuillez nous faire parvenir votre travail par courrier électronique à l'adresse: pift1146@IRO.UMontreal.CA sous forme d'un fichier ZIP.
Ce travail compte pour 10% de la note globale du cours mais sera corrigé sur 100 avec le barème suivant:
Évaluation | Note |
---|---|
Présentation générale de la page WEB | 30% |
Clarté du code JavaScript | 20% |
Fonctionnement du programme | 30% |
Originalité de l'algorithme | 20% |
Total: | 100% |
Avant de vous lancer corps et âme dans la programmation, essayez de réfléchir sur l'algorithme que vous utiliserez.
Pour les couleurs, je vous suggère d'utiliser une couleur différente pour chaque niveau.
Vous pourrez bientôt consulter un exemple de solution.
Je vous souhaite bien du plaisir!