"Exploration du Web" - ELU 525 séance 14 - Examen sur table et machine

Après votre première partie sur papier, vous pouvez maintenant accéder à la seconde partie que vous trouverez ci-dessous.

Examen Seconde partie : réalisation d’une page Web

L’objectif de la page va être de construire une page web qui présente un point qui vous intéresse plus particulièrement sur le Web. Nous allons construire progressivement cette page.

Pour cette partie, vous répondrez en effectuant un commit pour chaque question dans un dépôt (repository) sur github que vous créerez pour l’occasion, et que vous pourrez supprimer après avoir reçu votre note.

Si vous utilisez l’aide de quelqu’un, merci de l’indiquer en commentaire dans votre document. Si vous apportez de l’aide à quelqu’un, merci de m’envoyer la nature de l’aide par mail à jm.gilliot@imt-atlantique.fr

Cette page doit impérativement être au format HTML (pas de format .md). Elles peuvent intégrer du css et di javascript. Vos pages doivent être opérationnelles de manière autonome (i.e. sans installation).

Vous pouvez utiliser tout outil à votre convenance pour tester votre code. Un outil comme : https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default permet de tester une page HTML. Si votre code est testé en utilisant un outil comme w3schools.com, codepen.io, plnkr.co ou repl.it -> merci de marquer en commentaire dans votre page sur lequel vous l’avez éventuellement testé.

Question II.1 : Créer un squelette de page simple en HTML

Cette page comporte :

Pour que les images soient mises en valeur, intégrez les chacune dans un cadre.

Déposez la page HTML correspondante sur votre dépôt Git. N’oubliez pas de commenter votre dépôt.

Question II.2 : Créer un diaporama avec ces 3 images

Vous proposerez deux boutons pour visionner ces 3 images.

Déposez la page correspondante sur votre dépôt Git, avec un nom différent. N’oubliez pas de commenter votre dépôt.

Question II.3 : Améliorer les boutons

Améliorez les boutons en utilisant bootstrap :

Pour rappel, la page doit fonctionner sur tout navigateur, sans installation particulière.

Déposez la page correspondante sur votre dépôt Git, avec un nom explicite pour le correcteur. N’oubliez pas de commenter votre dépôt.

Question II.4 : Multipliez les images visibles

Répartissez les photos sur 3 colonnes et faire circuler les 3 photos sur les 3 colonnes.

Déposez la page correspondante sur votre dépôt Git, avec un nom explicite pour le correcteur. N’oubliez pas de commenter votre dépôt.

Question II.5 : Intégrez du contenu externe

En utilisant la balise iframe, vous pouvez intégrer une page externe décrivant le point qui vous intéresse. Intégrez en dessous des images les pages que vous avez indiqué en lien.

Déposez la page correspondante sur votre dépôt Git, avec un nom explicite pour le correcteur.N’oubliez pas de commenter votre dépôt.

Question finale : Votre meilleure ressource pour apprendre sur le Web

Proposez un lien et dites pourquoi c’est pour vous la meilleure ressource, et justifiez que vous avez bien validé que c’était une ressource de qualité au sens “recherche sur le Web”.

Conclusion

N’oubliez pas de transmettre l’adresse de votre dépôt github par mail à jm.gilliot@imt-atlantique.fr

Avant de quitter la salle, merci de répondre au questionnnaire d'évaluation finale

Merci de remplir le questionnaire suivant avant de quitter la salle : https://huit.re/ExplorWebQFin2018A