Aller au contenu

Thème 1 : Le Web⚓︎

Le Web (toile) désigne un système donnant accès à un ensemble de données (page, image, son, vidéo) reliées par des liens hypertextes et accessibles sur le réseau Internet.

building_websites

Introduction au web⚓︎

  1. En équipe, regarder chacun une des vidéos suivantes et relever les mots clefs et acronymes associés au thème du web.

  1. Comparer vos rélevés avec ceux des autres membres de l'équipe et compléter votre liste.

  2. Comparer vos rélevés avec ceux des autres équipes et compléter votre liste.

Initiation aux langages du Web : HTML/CSS⚓︎

Suivre les leçons de la Khan Academy : KhanAcademy, introduction à HTML/CSS et en parallèle copier/coller vos codes dans des cellules MarkDown d'un Notebook Jupyter avec l'application Carnets afin d'y conserver une trace de votre travail...

  • Pensez à enrichir vos codes avec vos explications personnelles.
  • Transmettre votre notebook bilan personnel par mail.

static_website

Publier un site Web :⚓︎

Sujets à aborder en projet Web⚓︎

Par équipe, afin de présenter l'un des sujets suivants en répondant à minima aux questions associées, développer chacun un site contenant le même contenu (au moins une page avec un titre et deux sous-titres, trois paragraphes, une images, une liste et un lien hypertexte) mais présenté dans des styles personnels différents et avec des liens renvoyant vers un des autres sites de l'équipe :

  • HTML (Markdown, LaTeX, ...) [Margaux, Emma, Salomé]
  • Donner la signification de HTML ?
  • Quel est l'histoire de ce langage ?
  • Est-ce un langage de programmation ou de description ?
  • A quoi sert-il ?
  • Quels sont les marqueurs de ce langage ?
  • Lister les principales balises, à quoi servent-elles ?
  • Aujourd'hui, l'usage de quelle version de HTML est recommandée par le W3C ?
  • En quoi le HTML permet le web sémantique ?

  • Que sont respectivement les langages MarkDown et LateX ?

  • CSS [Laly, Enora]

  • Donner la signification de CSS ?
  • Quel est l'histoire de ce langage ?
  • Est-ce un langage de programmation ou de description ?
  • Il sert à quoi ?
  • Quels sont les sélecteurs de ce langage ?
  • Quelle est la structure de son code ?
  • Aujourd'hui, l'usage de quelle version de CSS est recommandée par le W3C ?

  • Quels sont les trois façons (niveaux, endroits) pour appliquer du CSS à une page HTML ?

  • URL (DNS) [Manon, Lucas]

  • Que signifie URL
  • Historique ?
  • Ça sert à quoi ?
  • Quelles en sont les différentes parties ?
  • Qu'est qu'une arborescence ?
  • Comment chemine-t-on dans une arborescence ?
  • Qu'est-ce qu'un chemin absolu ?
  • Qu'est-ce qu'un chemin relatif ?
  • Comment accéder au fichier index.html d'un site web ?
  • Peut-on avoir une IP dans l'URL ?
  • Qu'est-ce qu'un DNS, quel lien avec une URL ?
  • Quels protocoles trouve-t-on dans une URL ?
  • Quelles autres informations peut contenir l'URL ?

  • Qu'est-ce qu'un lien hypertexte ?

  • Cookies + Moteurs de recherche (Référencement, PageRank) [Aksel, Martin, Mathys E, Nathan]