Logo Makeyourgame
Accueil
Les formations Les financements Les exercices La certification Unity
Mes objectifs Les jeux Les ressources Le glossaire
Ateliers
Les tutos Les tutos Youtube
Blogs
SE CONNECTER
S'INSCRIRE
Logo Makeyourgame
Accueil Les ateliers Blog
Se connecter
Logo Makeyourgame
Les formations Les financements Les exercices La certification Unity
Logo Makeyourgame
Mes objectifs Les jeux Les ressources Le glossaire
Logo Makeyourgame
Les tutos Les tutos Youtube
Web Découverte

Comprenez les bases du Web

De l’adresse d’une page à ce qui s’affiche à l’écran

16 sessions
1h4min
Difficulté 1/5

À propos

Ce que vous allez apprendre

Découvrez comment une page arrive dans votre navigateur et réagit à vos clics, à travers un petit site à explorer dans Firefox.

Le jardin est un petit site consacré à une soirée en plein air. Il nous servira de laboratoire pour comprendre comment les contenus du Web sont reliés, comment ils arrivent dans votre navigateur et comment vous pouvez interagir avec eux.

Ce que vous allez découvrir

  • Ce qu’est le Web : ce qui le distingue d’Internet, comment les pages sont reliées et à quoi sert leur adresse.
  • Comment une page vous parvient : le rôle du navigateur, du serveur et des échanges entre les deux.
  • Comment elle s’affiche et réagit : ce qu’apportent le HTML, le CSS, les images et le JavaScript.

Vous pouvez suivre cet atelier même si vous n’avez jamais fait de développement. Toutes les manipulations se font dans Firefox, sans écrire de code. Les captures et les noms de menus sont en français.

Suivez les sections dans l’ordre, à votre rythme. Les explications accompagnent les manipulations ; revenez aux schémas quand vous avez besoin de reprendre une notion.

Votre parcours

Programme de l’atelier

4 sections · 16 sessions · 1h4min

Objectif de la section : Distinguer le Web d’Internet, repérer le navigateur et suivre des liens entre les pages d’un site et vers un autre site.

  1. Tutoriel Distinguez le Web d’Internet 4min Verrouillée
  2. Tutoriel Repérez la page, le navigateur et la recherche 4min Verrouillée
  3. Tutoriel Suivez les liens entre les pages et les sites 5min Verrouillée

Objectif de la section : Relier une URL au client, au serveur et à l’hébergement ; expliquer DNS, l’adresse IP, HTTP, HTTPS et le traitement d’une demande.

  1. Lecture Situez le navigateur et le serveur 1min Verrouillée
  2. Tutoriel Retrouvez ce que désigne l’adresse 4min Verrouillée
  3. Lecture Reliez le nom de domaine à une adresse IP 1min Verrouillée
  4. Lecture Comprenez les échanges HTTP et leur protection HTTPS 1min Verrouillée
  5. Lecture Comprenez ce que le serveur renvoie 1min Verrouillée

Objectif de la section : Comprendre les rôles du HTML, du CSS, du JavaScript et des images, puis relier le document reçu à la page construite dans le navigateur.

  1. Lecture Retrouvez le contenu dans le HTML 2min Verrouillée
  2. Tutoriel Observez ce que les styles changent 5min Verrouillée
  3. Tutoriel Utilisez un bouton qui change la page 5min Verrouillée
  4. Tutoriel Reliez le titre à la page construite 9min Verrouillée

Objectif de la section : Relier les ressources reçues à la page, distinguer une réaction locale d’une demande au serveur, puis réunir les bases du fonctionnement du Web.

  1. Tutoriel Reliez les ressources reçues à la page 9min Verrouillée
  2. Tutoriel Observez une réaction dans le navigateur 3min Verrouillée
  3. Tutoriel Demandez et recevez un message 6min Verrouillée
  4. Lecture Retrouvez le fonctionnement général du Web 2min Verrouillée