Type
Enseignement
Tags
Cette UE fournit une vue globale du fonctionnement de l’internet, enseigne les bases des languages essentiels au fonctionnement de l’internet (HTML, CSS, JS), et des outils actuels utilisés sur l’internet. L’objectif est d’acculturer les apprenants au fonctionnement de l’internet et aux outils permettant d’y structurer l’information.
Objectifs pédagogiques
- comprendre les bases du fonctionnement de l’internet,
- connaître les bases de la programmation sur l’internet,
- savoir organiser l’information sur l’internet.
Livrables
‣
1 site dans un dossier, soumis par email comme un fichier zip
- au moins 3 pages HTML, au moins 1 page CSS
- le thème de votre choix, mais une cohérence globale
- toutes les pages html sont liées à la même page CSS
- chaque page HTML possède un lien vers une autre page HTML locale. De cette façon, toutes les pages HTML sont connectées à au moins une autre page HTML
- une page HTML possède un lien vers un site internet externe
- une page HTML possède un lien vers un email
- deux pages HTML montrent une image locale
- deux pages HTML montre une image distante
- une image possède une taille absolue
- une image possède une taille relative à celle de la fenêtre du navigateur
- certains liens html, mais pas tous, changent de style quand la souris passe dessus
- le lien email est de couleur différente que les liens HTML
- Une page HTML possède un tableau dont
- la première ligne est noire et le texte blanc
- les lignes suivant sont alternativement blanche et d’une couleur au choix.
- sur toutes les pages HTML, les méta-données sont complètes par rapport au modèle
- les polices de caractères utilisent le site Google Font ou similaire (e.g., https://www.fontshare.com/)
- une image reste fixe sur l’écran avec les spécificités suivantes:
- sa hauteur est de 300px (taille absolue)
- elle est verticalement centrée
- elle est horizontalement placée à droite
- elle possède une bordure de 5px d’épaisseur uniquement sur la partie gauche
- elle est noir et blanc, et passe en couleur progressivement lorsque la souris passe dessus
- Questions bonus (peut vous faire gagner 1 point supplémentaire par question):
- Au moins une image possède une ombre colorée (i.e. pas noire) uniquement lorsque la souris passe dessus.
- un menu déroulant simple reste fixe en haut de l’écran sur toute la largeur de l’écran, et ne cache aucune information lorsque la page vient d’être chargée.
- Question bonus compte double: à partir d’une image rectangulaire (strictement non-carrée), faire apparaitre à l’écran qu’une partie de cette image de telle manière que ce qui apparaît soit carré.
Date limite: le 15 décembre 2023 à 12h00
‣
Date limite: le 28 janvier 2024 à 23h59
‣
- MR05901A : Master Sciences humaines et sociales mention Information et communication parcours Transition numérique et co-design
‣
10 novembre 2023 - Introduction
15 novembre 2023 - HTML
‣
Livrable : un mini-site web HTML/CSS fait main
29 novembre 2023 - Wordpress
06 décembre 2023 - Miro & Zotero
15 décembre 2023 - Notion
10 janvier 2024 - Notion
‣
Livrable : un site d’organisation d’information sur un sujet choisi
