Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
web [Le 13/09/2024, 17:16] – [URL] krodelabestioleweb [Le 11/03/2026, 16:41] (Version actuelle) – [Voir aussi] suppr liens internes doublons krodelabestiole
Ligne 3: Ligne 3:
 ====== Web ====== ====== Web ======
  
-[[wpfr>World_Wide_Web|Le Web]] est l'ensemble des documents et des services disponibles sur [[:Internet]] accessibles via le protocole HTTP(S). Une caractéristique essentielle du Web est la capacité de passer d'un service à un autre par des liens hypertexte. Ces liens forment le réseau d'où le Web (//toile// en anglais) tire son nom.\\ +[[wpfr>World_Wide_Web|Le Web]] (aussi appelé //World Wide Web// ou //www//est l'ensemble des documents et des services disponibles sur [[:Internet]] accessibles via le protocole [[wpfr>Hypertext_Transfer_Protocol|HTTP]]([[wpfr>Hypertext_Transfer_Protocol_Secure|S]]). Une caractéristique essentielle du Web est la capacité de passer d'un service à un autre par des liens hypertexte. Ces liens forment le réseau d'où le Web (//toile// en anglais) tire son nom.\\ 
-Un site Web est quant à lui un ensemble de pages Web liées entre elles, traitant d'un même sujet et visibles sur un même nom de domaine.+Un site Web est quant à lui un ensemble de pages Web liées entre elles, traitant d'un même sujet et visibles sur un même [[#nom de domaine]]. 
 + 
 +<note> 
 +[[wpfr>World_Wide_Web|Web]] et [[wpfr>Internet]] ne sont donc pas synonymes : le web repose sur Internet, mais en est une utilisation particulière. 
 +</note>
  
 ===== HTTP et navigation ===== ===== HTTP et navigation =====
Ligne 12: Ligne 16:
 ==== URL ==== ==== URL ====
  
-On passe généralement par un moteur de recherche pour trouver un site, mais on peut aussi saisir directement l'adresse d'une page web pour l'afficherOn parle alors d'//[[wpfr>Uniform_Resource_Locator|URL]]//.+On passe généralement par un moteur de recherche pour trouver un site, mais on peut aussi saisir directement l'adresse d'une page web pour y accéderCette adresse est appelée une //[[wpfr>Uniform_Resource_Locator|URL]]//. Il s'agit d'un [[:réseau#URI]] particulier, spécifique au Web. 
 + 
 +Une URL est donc l'adresse d'un contenu web spécifique (page, script, image, vidéo, etc.).
  
-Une URL est donc l'adresse d'un contenu Web spécifique.+Lorsqu'on ajoute un favori dans un navigateur, on lui demande en réalité d'enregistrer une URL.\\ 
 +Envoyer une URL à quelqu'un est aussi le moyen le plus simple de partager un contenu web (qu'il s'agisse d'un article, d'une vidéo, ou autre).
  
 Une URL se compose ainsi (sans crochet ni espace) : Une URL se compose ainsi (sans crochet ni espace) :
- +<box 100% round #fda>[//protocole//''%%://%%'' [//hôte//''/'' [//chemin//''/'' [//nom de la page web//''?'' [//chaîne de requête//''#'' [//signet//]</box>
-<box 85% round #fda>[//protocole//**<nowiki>://</nowiki>** [//hôte//**/** [//chemin//**/** [//nom de la page web//**?** [//chaîne de requête//**#** [//signet//]</box>+
  
   * Dans le domaine du Web, les **//[[wpfr>Protocole_réseau|protocoles]]//** sont [[wpfr>Hypertext_Transfer_Protocol|HTTP]] ou [[wpfr>HyperText_Transfer_Protocol_Secure|HTTPS]]. Généralement il n'est pas nécessaire de saisir le protocole dans la barre d'adresses, le navigateur web l'ajoute automatiquement si il est manquant. Le protocole est même masqué par défaut dans la barre d'adresse de certains navigateurs.   * Dans le domaine du Web, les **//[[wpfr>Protocole_réseau|protocoles]]//** sont [[wpfr>Hypertext_Transfer_Protocol|HTTP]] ou [[wpfr>HyperText_Transfer_Protocol_Secure|HTTPS]]. Généralement il n'est pas nécessaire de saisir le protocole dans la barre d'adresses, le navigateur web l'ajoute automatiquement si il est manquant. Le protocole est même masqué par défaut dans la barre d'adresse de certains navigateurs.
-  * L'**//hôte//** peut être soit une [[wpfr>Adresse_IP|adresse IP]] soit un [[#noms de domaine|nom de domaine]] avec ou sans sous-domaine. +  * L'**//hôte//** peut être soit une [[wpfr>Adresse_IP|adresse IP]] soit un [[#nom de domaine]] avec ou sans sous-domaine. 
 Historiquement et dans le cas d'une configuration simple, les affirmations suivantes s'appliquent mais elles peuvent être rendues fausses par les fonctionnalités de [[:apache2#mod_rewrite|réécriture d'URL]] disponibles avec la plupart des serveurs web, et qu'on utilise couramment pour un meilleur référencement ou plus de pertinence sémantique : Historiquement et dans le cas d'une configuration simple, les affirmations suivantes s'appliquent mais elles peuvent être rendues fausses par les fonctionnalités de [[:apache2#mod_rewrite|réécriture d'URL]] disponibles avec la plupart des serveurs web, et qu'on utilise couramment pour un meilleur référencement ou plus de pertinence sémantique :
-  * Le **//chemin//** correspond au [[:chemins#chemin_relatif|chemin]] de la ressources sur le support de stockage du serveur, relativement à la racine de l'hôte ([[:apache2#hotes_virtuels|DocumentRoot]] pour [[apache2|Apache]]).+  * Le **//chemin//** correspond au [[:chemins#chemin_relatif|chemin]] de la ressources sur le support de stockage du serveur, relativement à la racine de l'hôte (''[[:apache2#hotes_virtuels|DocumentRoot]]'' pour [[apache2|Apache]]).
   * Le **//nom de la page web//** correspond au nom du fichier appelé sur le support de stockage du serveur. Il peut s'agir d'une page web HTML, mais aussi d'un script, d'une image, ou autre.   * Le **//nom de la page web//** correspond au nom du fichier appelé sur le support de stockage du serveur. Il peut s'agir d'une page web HTML, mais aussi d'un script, d'une image, ou autre.
   * La **//chaîne de requête//** permet principalement de faire passer des variables à un script exécuté par le serveur web ou éventuellement par le navigateur (on parle de [[https://www.php.net/manual/fr/reserved.variables.get.php|variables GET]]).   * La **//chaîne de requête//** permet principalement de faire passer des variables à un script exécuté par le serveur web ou éventuellement par le navigateur (on parle de [[https://www.php.net/manual/fr/reserved.variables.get.php|variables GET]]).
   * Le **//signet//** permet d'accéder directement à un certain emplacement de la page (un chapitre ou un élément en particulier) lors de son premier affichage (le navigateur //scrolle// dans la page).   * Le **//signet//** permet d'accéder directement à un certain emplacement de la page (un chapitre ou un élément en particulier) lors de son premier affichage (le navigateur //scrolle// dans la page).
  
-Pour un client web il est seulement obligatoire de spécifier le protocole et l'hôte. C'est généralement l'adresse de la page d'accueil des sites qui est dans ce cas affichée par défaut (voir [[:Apache2#index|Index]]).+L'URL de cette page, et particulièrement ce chapitre, est par exemple : 
 +<code>https://doc.ubuntu-fr.org/web#url</code> 
 +où ''ubuntu-fr.org'' est le nom de domaine. 
 + 
 +Pour un client web il est seulement obligatoire de spécifier le protocole (qui est généralement prérempli) et l'hôte. C'est généralement l'adresse de la page d'accueil des sites qui est dans ce cas affichée par défaut (voir [[:Apache2#index|Index]]).
  
 ==== HTTP ==== ==== HTTP ====
  
 En anglais, [[wpfr>Hypertext_Transfer_Protocol|HTTP]] est l'acronyme de //Protocole de Transfert HyperTexte//.\\ En anglais, [[wpfr>Hypertext_Transfer_Protocol|HTTP]] est l'acronyme de //Protocole de Transfert HyperTexte//.\\
-Un document [[wpfr>Hypertexte|hypertexte]] est un document contenant des [[wpfr>Hyperlien|hyperliens]]. Il s'agit généralement de documents [[wpfr>Hypertext_Markup_Language|HTML]]. Les hyperliens sont des liens vers d'autres URL. Ils permettent d'établir un réseau entre les documents, les services, et avec d'autres formes de contenu (images, documents, multimédia...).+Un document [[wpfr>Hypertexte|hypertexte]] est un document contenant des [[wpfr>Hyperlien|hyperliens]]. Il s'agit généralement de documents [[wpfr>Hypertext_Markup_Language|HTML]]. 
 + 
 +Les **hyperliens**, communément simplement appelés //liens//, sont les éléments sur lesquels on clique pour accéder à d'autres pages (grâce à leurs URLs). Il peut s'agir de texte (typiquement souligné, et bleu en standard) ou d'images, sur lesquels le curseur se transforme en doigt. Ils permettent d'établir un réseau entre les documents, les services, et avec d'autres formes de contenu (images, documents PDF, multimédia...).\\ 
 +En HTML c'est l'attribut ''[[https://developer.mozilla.org/fr/docs/Web/HTML/Element/a#href|href]]'' qui permet d'indiquer l'URL cible d'un hyperlien.
  
-[[wpfr>HyperText_Transfer_Protocol_Secure|HTTPS]] est une version sécurisée du HTTP, qui implique que les informations échangées entre le navigateur et le serveur web soient chiffrées.\\ +[[wpfr>HyperText_Transfer_Protocol_Secure|HTTPS]] est une version **sécurisée** du HTTP, qui implique que les informations échangées entre le navigateur et le serveur web soient chiffrées.\\ 
-HTTP utilise par défaut le port **80**, et HTTPS le port **443**.+HTTP utilise par défaut le port ''80'', et HTTPS le port ''443''.
  
-Il existe une extension du protocole HTTP appelée [[:WebDAV]] qui permet de récupérer, envoyer et synchroniser des fichiers via le protocole HTTP. WebDAV a lui-même été étendu aux protocoles [[wpfr>CalDAV|CalDAV]] et [[wpfr>CardDAV|CardDAV]] qui permettent de gérer des agendas et des carnets d'adresses via le web.+Il existe une extension du protocole HTTP appelée **[[:WebDAV]]** qui permet de récupérer, envoyer et synchroniser des fichiers via le protocole HTTP. WebDAV a lui-même été étendu aux protocoles [[wpfr>CalDAV|CalDAV]] et [[wpfr>CardDAV|CardDAV]] qui permettent de gérer respectivement ses agendas et ses listes de contacts via le web.
  
 ===== Clients ===== ===== Clients =====
  
 Les clients web les plus couramment utilisés sont les [[:navigateur|navigateurs]] : [[:Firefox]], [[:Chromium]], [[:Google Chrome]], [[:Opera]], etc. Les clients web les plus couramment utilisés sont les [[:navigateur|navigateurs]] : [[:Firefox]], [[:Chromium]], [[:Google Chrome]], [[:Opera]], etc.
 +
 +[[https://curl.se/|curl]] et [[:wget]] permettent aussi d'accéder à des ressources web.
  
 Les autres clients HTTP sont par exemple, les [[wpfr>Robot_d'indexation|robots d'indexation]], les [[wpfr>Aspirateur_de_site_web|aspirateurs de site]] ou les [[wpfr>Agrégateur|agrégateurs web]]. Les autres clients HTTP sont par exemple, les [[wpfr>Robot_d'indexation|robots d'indexation]], les [[wpfr>Aspirateur_de_site_web|aspirateurs de site]] ou les [[wpfr>Agrégateur|agrégateurs web]].
  
-Pour l'envoi, récupération et synchronisation de fichiers avec [[:WebDAV]], le client est souvent le gestionnaire de fichiers : [[:Dolphin]], [[:Nautilus]],… et utilise parfois des noms de protocoles non standard tels que //davs// (GNOME) ou //webdav// (KDE) (le nom standard du protocole est //[[wpfr>Schéma_d'URI#Schémas_enregistrés_auprès_de_l'IANA|dav]]//).+Pour l'envoi, récupération et synchronisation de fichiers avec [[:WebDAV]], le client est souvent le gestionnaire de fichiers : [[:Dolphin]], [[:Nautilus]],… et utilise parfois des noms de protocoles non standards tels que ''davs'' ([[:GNOME]]) ou ''webdav'' ([[:KDE]]) (le nom standard du protocole est ''[[wpfr>Schéma_d'URI#Schémas_enregistrés_auprès_de_l'IANA|dav]]'').
  
-Pour la synchronisation des contacts et agenda, les clients sont généralement les applications de gestion d'informations personnelles (PIM) de l’environnement de bureau, ou des [[:courriel|clients de messagerie]] qui implémentent ce type de synchronisation : [[:Evolution]], [[:Kontact]],+Pour la synchronisation des contacts et agendas, les clients sont généralement les applications de gestion d'informations personnelles (PIM) de l’environnement de bureau, ou des [[:courriel|clients de messagerie]] qui implémentent ce type de synchronisation : [[:Evolution]], [[:Kontact]],
  
 ===== Serveurs ===== ===== Serveurs =====
Ligne 69: Ligne 84:
   * etc.   * etc.
  
-Pour utiliser un serveur web, on peut soit s'auto-héberger, soit passer par les services d'un [[:hébergeur]] qui s'occupe principalement de gérer une grande quantité de serveurs entreposés dans un centre de données (//datacenter//).+Pour utiliser un serveur web, on peut soit s'[[:hebergement#auto-hébergement|auto-héberger]], soit passer par les services d'un [[:hebergement#hebergeurs|hébergeur]] qui s'occupe principalement de gérer une grande quantité de serveurs entreposés dans un centre de données (//datacenter//).
  
-===== Noms de domaines =====+===== Nom de domaine =====
  
-Les [[wpfr>https://fr.wikipedia.org/wiki/Nom_de_domaine|noms de domaine]] sont les éléments d'adresse Web qui correspondent à un site. Ils s'écrivent sous la forme : [//sous-domaine//**.**[//[[wpfr>Domaine_de_deuxième_niveau|SLD]]//**.** [//[[wpfr>Domaine_de_premier_niveau|TLD]]//+Les [[wpfr>https://fr.wikipedia.org/wiki/Nom_de_domaine|noms de domaine]] sont les éléments d'adresse Web qui correspondent à un site. Ils s'écrivent sous la forme : [//sous-domaine//]''.''[//[[wpfr>Domaine_de_deuxième_niveau|SLD]]//]''.''[//[[wpfr>Domaine_de_premier_niveau|TLD]]//
  
 Par exemple ''ubuntu-fr.org'' est un nom de domaine, ''doc.ubuntu-fr.org'' en est un sous-domaine. Par exemple ''ubuntu-fr.org'' est un nom de domaine, ''doc.ubuntu-fr.org'' en est un sous-domaine.
 +
 +<note>Voir aussi le chapitre //[[:réseau#Nom d'hôte]]//.</note>
  
 ==== DNS ==== ==== DNS ====
Ligne 82: Ligne 99:
 Il existe aujourd'hui l'[[wpfr>IPv4]] et [[wpfr>IPv6]]. Il existe aujourd'hui l'[[wpfr>IPv4]] et [[wpfr>IPv6]].
  
-Les noms de domaines sont quant à eux enregistrés chez des prestataires qu'on appelle des [[wpfr>Registraire_de_nom_de_domaine|registrars]]. on peut en trouver une liste sur [[:hebergeur#achat_de_nom_de_domaine|cette page]].+Les noms de domaine sont quant à eux enregistrés chez des prestataires qu'on appelle des [[wpfr>Registraire_de_nom_de_domaine|registrars]]. on peut en trouver une liste sur [[:hebergement#achat_de_nom_de_domaine|cette page]].
  
-Pour connaître l'adresse IP depuis le nom de domaine, l'ordinateur questionne un serveur de nom de domaine (ou [[wpfr>Domain_Name_Service|DNS]], pour //**D**omain **N**ame **S**ystem// ou //**D**omain **N**ame **S**ervice//).\\ +Pour connaître l'adresse IP depuis le nom de domaine, l'ordinateur questionne un serveur de nom de domaine (ou [[:DNS]], pour //**D**omain **N**ame **S**ystem// ou //**D**omain **N**ame **S**ervice//).\\ 
-Ceci peut poser des problèmes de confidentialité des données : un tiers peut avoir la liste des sites que vous consultez. Il arrive aussi que certains résolveurs DNS bloquent volontairement certains domaines (on parle de DNS menteurs). N'hésitez pas à consulter [[:anonymat#dns|cette page]] pour en savoir plus à ce sujet, et contourner le problème.+Ceci peut poser des problèmes de confidentialité des données : un tiers peut avoir la liste des sites que vous consultez. Il arrive aussi que certains résolveurs DNS bloquent volontairement certains domaines (on parle de [[:DNS]] menteurs). N'hésitez pas à consulter [[:anonymat#dns|cette page]] pour en savoir plus à ce sujet, et contourner le problème. 
 + 
 +<note>Voir aussi la page //[[:DNS]]//.</note>
  
 === réseau privé === === réseau privé ===
  
-Sur un [[wpfr>réseau privé]] (local) il existe d'autres systèmes qui permettent d'utiliser des noms d'hôtes pour cibler les machines plutôt que leurs adresses IP.+Sur un [[wpfr>réseau privé]] (local) il existe d'autres systèmes qui permettent d'utiliser des [[:réseau|noms d'hôtes]] pour cibler les machines plutôt que leurs adresses IP.
   * [[:zeroconf#mDNS]] est conçu par Apple mais très bien implémenté par [[:ZeroConf]] sur Ubuntu. Il utilise le [[wpfr>Domaine_de_premier_niveau|TLD]] ''.local''.   * [[:zeroconf#mDNS]] est conçu par Apple mais très bien implémenté par [[:ZeroConf]] sur Ubuntu. Il utilise le [[wpfr>Domaine_de_premier_niveau|TLD]] ''.local''.
   * [[:samba_smb.conf#WINS]] attribue des noms [[wpfr>NetBIOS]]. Il est conçu par Microsoft et implémenté par [[:Samba]].   * [[:samba_smb.conf#WINS]] attribue des noms [[wpfr>NetBIOS]]. Il est conçu par Microsoft et implémenté par [[:Samba]].
 Sur Linux on privilégie mDNS dans la mesure du possible. NetBIOS sera plutôt réservé à des [[:partage|partages]] avec des machines sous Windows. Sur Linux on privilégie mDNS dans la mesure du possible. NetBIOS sera plutôt réservé à des [[:partage|partages]] avec des machines sous Windows.
 +
 +<note>Voir aussi le chapitre //[[:réseau#Nom d'Hôte]]// sur la page concernant le [[:réseau]].</note>
 +
 +===== Applications Web =====
 +
 +Une application Web est une [[:logiciels|application]] (donc un logiciel fournissant une interface utilisateur, utile à la résolution d'un problème ou à la pratique d'une activité en particulier) qu'on n'a pas besoin d'installer sur un ordinateur, contrairement aux applications courantes : on peut l'utiliser directement depuis un site Internet avec n'importe quel [[:navigateur]] Web.
 +
 +Ceci permet aux développeurs de proposer une interface similaire quel que soit l'appareil de l'utilisateur, et à l'utilisateur d'accéder à l'application depuis n'importe où (à la seule condition d'avoir accès à Internet).
 +
 +<note important>
 +Les applications Web sont généralement fournies par des services tiers, sur des [[:serveur|serveurs]] auxquels on n'a pas intégralement accès (hors [[:hebergement#auto-hebergement]]). On ne peut dans ce cas pas les considérer comme étant libres ou //open source//.
 +
 +Il est donc particulièrement important de faire confiance aux prestataires qui fournissent ces services, en s'assurant de leur fiabilité et de leur respect de la vie privée (voir à ce sujet la page concernant l'//[[:Anonymat]]// : [[https://framasoft.org/fr/|Framasoft]] est par exemple un acteur de confiance).
 +</note>
 +
 +==== Intégration au bureau ====
 +
 +Bien qu'on les utilise directement en ligne, il est possible d'intégrer des applications Web à Ubuntu, afin les utiliser dans l'[[:environnements|environnement de bureau]] exactement comme des applications ordinaires, avec icônes dans le [[:gnome-shell#le dash]], la [[:gnome-shell#vue des applications]] et dans les menu contextuels (//Ouvrir avec...//), notifications, etc., plutôt que seulement dans le [[:navigateur]].
 +
 +On appelle dans ce cas ces applications des //[[wpfr>Progressive web app]]//. Pour leur mise en place, voir leur page dédiée //[[:Web apps]]//.
 +
 +Certaines solutions comme [[https://apps.gnome.org/fr/Tangram/|Tangram]] ou [[:Ferdium]] permettent aussi de centraliser des applications Web sous une interface unique (utile en particulier pour l'utilisation de services de communication variés).
 +
 +===== Voir aussi =====
 +
 +==== Pages en lien avec le sujet ====
 +
 +{{topic>web&simplelist}}
  
 ---- ----
 //Contributeurs : [[:utilisateurs:krodelabestiole]]// //Contributeurs : [[:utilisateurs:krodelabestiole]]//