Hoja de repaso: Introduction au Web et ses Technologies

📋 Plan du Cours

1. Le web comme application principale d'Internet et son architecture hypertexte
2. Langage HTML comme base des documents web
3. Les applications mobiles et les sites web responsives dans le web mobile
4. Fonctionnement des web apps sans téléchargement
5. Le modèle client-serveur et la structure des URL dans le fonctionnement du web

📖 1. Le web comme application principale d'Internet et son architecture hypertexte

🔑 Notions clés & Définitions

• Internet : Réseau d'information constitué de milliards de documents reliés par des liens hypertextes.
• HTML : Langage utilisé pour écrire les documents du web et en assurer la structure de base.

📝 Points essentiels

• Le web est présenté comme la principale application d'Internet.
• Les documents du web sont reliés entre eux par des liens hypertextes.
• Le web repose sur des documents écrits en HTML.

💡 À retenir

Le web est décrit comme la principale application d’Internet : un immense réseau d’information formé de milliards de documents interconnectés par des liens hypertextes. Ces documents s’appuient sur le langage HTML.

📖 2. Langage HTML comme base des documents web

🔑 Notions clés & Définitions

• HTML : Langage de base utilisé pour écrire et structurer les documents du web.

📝 Points essentiels

• Les documents du web sont écrits en langage HTML.
• Le web est la principale application d'Internet, un réseau d'information constitué de milliards de documents reliés des liens hypertext. Il s'appuie sur des docs écrits langage HTML CS.

💡 À retenir

Le HTML est présenté comme le langage de base des documents web. Il permet d’écrire et de structurer les pages du web.

📖 3. Les applications mobiles et les sites web responsives dans le web mobile

🔑 Notions clés & Définitions

• Sites internet responsives : Sites internet capables de s'adapter à la forme des écrans de l'appareil.
• Applications mobiles : Logiciels à télécharger sur des pla-
• Web mobile : Le web mobile se décompose en deux :

📝 Points essentiels

• Les applications mobiles passent par des plateformes dédiées liées à des systèmes d'exploitation.
• Les sites internet responsives s’adaptent à la forme des écrans de l’appareil.

💡 À retenir

Les sites internet responsives s’adaptent à la forme des écrans de l’appareil.

📖 4. Fonctionnement des web apps sans téléchargement

🔑 Notions clés & Définitions

• Web apps : Sites dont le fonctionnement est identique à celui d’une application, sans téléchargement.
• HTTP : Protocole utilisé quand le client envoie une requête à une URL dans le modèle client-serveur du web.

📝 Points essentiels

• Les web apps fonctionnent sans téléchargement.
• Les web apps relèvent du web plutôt que d'une installation locale sur l'appareil.

💡 À retenir

Une web app donne un fonctionnement d’application sans téléchargement. Dans le web, le client envoie une requête HTTP à une URL et le serveur renvoie une réponse.

📖 5. Le modèle client-serveur et la structure des URL dans le fonctionnement du web

🔑 Notions clés & Définitions

• Modèle client-serveur : organisation du web dans laquelle un client envoie une requête HTTP à un serveur, qui renvoie ensuite une réponse avec le code de la page.
• Client : élément qui envoie une requête HTTP à une URL.
• Serveur : élément qui renvoie une réponse avec le code de la page.
• Requête HTTP : demande envoyée par le client à une URL.

📝 Points essentiels

• Le web repose sur un modèle client-serveur.
• Le client envoie une requête HTTP à une URL.
• Une URL se décompose en 3 parties : protocole, nom de domaine et chemin.
• Le protocole d’une URL peut être HTTP ou HTTPS.
• Le nom de domaine correspond au nom du site et à son extension ou TLD, comme fr ou com.

💡 À retenir

Le fonctionnement du web repose sur un échange simple : le client envoie une requête HTTP, puis le serveur renvoie une réponse. Cet échange passe par une URL découpée en protocole, nom de domaine et chemin.

📊 Tableaux de Synthèse

Web, HTML et web mobile

Fonctionnement du web

⚠️ Pièges & Confusions Fréquentes

1. Confondre Internet et le web : le web est présenté comme la principale application d’Internet.
2. Oublier que les documents du web sont reliés par des liens hypertextes.
3. Croire que HTML est un logiciel : c’est un langage pour écrire et structurer les documents web.
4. Assimiler application mobile et site responsive : une application mobile passe par des plateformes dédiées, un site responsive s’adapte à l’écran.
5. Penser qu’une web app nécessite un téléchargement : elle fonctionne sans téléchargement.
6. Inverser client et serveur : le client envoie la requête HTTP, le serveur renvoie la réponse.
7. Oublier les trois parties d’une URL : protocole, nom de domaine et chemin.

✅ Checklist Examen

1. Définir le web comme la principale application d’Internet.
2. Expliquer l’architecture hypertexte avec des documents reliés par des liens.
3. Définir HTML comme langage de base des documents web.
4. Dire que HTML sert à écrire et structurer les pages web.
5. Distinguer applications mobiles et sites internet responsives.
6. Expliquer qu’un site responsive s’adapte à la forme des écrans.
7. Définir une web app comme une application sans téléchargement.
8. Décrire le modèle client-serveur du web.
9. Savoir que le client envoie une requête HTTP à une URL.
10. Savoir que le serveur renvoie une réponse avec le code de la page.
11. Découper une URL en protocole, nom de domaine et chemin.
12. Reconnaître HTTP et HTTPS comme protocoles possibles d’une URL.