Fiche de révision : Introduction aux composants du web

📋 Plan du Cours

1. Structure et composants d’une URL
2. Identification des pages sécurisées par le protocole HTTPS
3. Fonction et organisation du langage HTML dans une page web
4. Utilisation du langage CSS pour la mise en forme des pages web
5. Rôle et fonctionnement des liens hypertextes dans le web

📖 1. Structure et composants d’une URL

🔑 Notions clés & Définitions

• Protocole HTTP : Méthode de communication utilisée dans une URL pour accéder à une ressource sur le web, identifiée par le préfixe http.
• Nom de domaine : Désignation textuelle d’un serveur web traduite d’une adresse IP par le DNS, utilisée par le navigateur pour échanger du contenu.

📝 Points essentiels

• L’URL est une adresse permettant de localiser une page sur Internet, comme une adresse postale.
• Le nom de domaine désigne le serveur web avec lequel le navigateur communique.
• L’extension du nom de domaine identifie le pays ou le type de site (.fr, .com, .org, .gouv.fr).
• Le chemin d’accès repère l’emplacement de la ressource sur le serveur.
• L’extension du nom de domaine : permet d’identifier le pays ou le type de site : .fr, .com, .org, .gouv.fr (pour les sites officiels du gouvernement), ...
• Elle permet de trouver une page sur Internet, exactement comme l’adresse postale permet de trouver un logement.

💡 À retenir

Comprendre la composition normalisée d’une URL permet de localiser précisément une ressource sur Internet.

📖 2. Identification des pages sécurisées par le protocole HTTPS

🔑 Notions clés & Définitions

• Protocole HTTPS : Protocole indiquant qu’une page web est sécurisée, avec échanges cryptés.

📝 Points essentiels

• Le protocole HTTPS signale une page sécurisée.
• Le cadenas dans le navigateur indique une connexion sécurisée.
• Les échanges via HTTPS sont cryptés, rendant les données illisibles aux tiers.

💡 À retenir

Reconnaître le protocole HTTPS et le cadenas permet d’identifier une page sécurisée et de comprendre l’importance de la sécurité.

📖 3. Fonction et organisation du langage HTML dans une page web

🔑 Notions clés & Définitions

• Langage HTML (HyperText Markup Language) : Langage informatique de description qui permet de structurer un document numérique destiné à être transmis par le web et affiché dans un navigateur internet.
• NUMÉRIQUES : Documents conçus pour être transmis et affichés dans un navigateur internet via le web.

📝 Points essentiels

• Le langage HTML décrit la structure d’un document numérique destiné au web.
• Tous les éléments de contenu HTML sont encadrés par une balise ouvrante et une balise fermante.
• Il permet de décrire la structure d’un document numérique destiné a être transmis par le web et affiché dans un programme appelé navigateur internet (Exemple : Mozilla firefox, Google Chrome, Internet Explorer, Safari … ).

💡 À retenir

Le HTML organise et structure le contenu d’une page web en utilisant des balises pour définir chaque élément et son type.

📖 4. Utilisation du langage CSS pour la mise en forme des pages web

🔑 Notions clés & Définitions

• Langage CSS (Cascading Styles Sheet) : Langage qui permet de mettre en forme le contenu d’une page web de façon plus élaborée que le HTML seul.
• Avec le langage : Le CSS agit sur les balises HTML via des sélecteurs pour modifier leur apparence.
• HTML : Langage de description dont le CSS modifie la présentation.

📝 Points essentiels

• Le CSS permet de modifier la police, la couleur, la taille, l’espacement, et d’organiser le contenu en colonnes.
• Il agit sur les balises HTML via des sélecteurs pour une mise en forme plus élaborée.

💡 À retenir

Le CSS sépare le style de présentation du contenu en agissant sur les balises HTML pour une mise en forme avancée.

📖 5. Rôle et fonctionnement des liens hypertextes dans le web

🔑 Notions clés & Définitions

• Hypertexte : Système de liens permettant de relier un document à un autre document ou à une ressource sur le Web.

📝 Points essentiels

• Les liens hypertextes relient un document à un autre ou à une ressource sur le web.
• Tout contenu web peut être converti en lien hypertexte dirigeant vers une autre URL.
• Les liens hypertextes tissent la toile du Web en connectant les pages entre elles.
• La première page web utilisant des liens hypertextes est http://info.cern.ch/hypertext/WWW/TheProject.html.
• HypertexteHypertexte Les hyperliens ou liens hypertextes sont vraiment importants car ce sont eux qui tissent la toile du Web : ils permettent de lier un document à n'importe quel autre document (ou autre ressource) voulu.
• À peu près tout contenu web peut être converti en lien, de sorte que cliqué, il dirigera le navigateur vers une autre adresse web (URL).

💡 À retenir

Les liens hypertextes sont fondamentaux pour la navigation et la structure du Web, en connectant ses différentes pages.

📊 Tableaux de Synthèse

Comparaison des protocoles HTTP et HTTPS

⚠️ Pièges & Confusions Fréquentes

1. Confondre HTTP et HTTPS en pensant que le premier est sécurisé.
2. Croire que le cadenas indique la validité du contenu, alors qu'il indique la sécurité de la connexion.
3. Oublier que le protocole HTTPS utilise un certificat SSL/TLS pour la sécurité.
4. Confondre URL et adresse IP, ou ne pas comprendre la composition d'une URL.
5. Mélanger le rôle du nom de domaine et du chemin d’accès dans une URL.
6. Confondre balises HTML et CSS, ou leur rôle dans la structuration et la mise en forme.
7. Penser que le HTML est un langage de programmation, alors qu'il est un langage de balisage.

✅ Checklist Examen

1. Identifier la structure d'une URL.
2. Reconnaître une page sécurisée par HTTPS.
3. Comprendre le rôle des balises HTML.
4. Utiliser le CSS pour modifier la présentation d'une page.
5. Expliquer le fonctionnement des liens hypertextes.
6. Différencier URL, nom de domaine et chemin d’accès.
7. Savoir que le cadenas indique une connexion sécurisée.
8. Identifier les composants d'une URL.
9. Différencier HTML et CSS.
10. Comprendre le rôle des hyperliens dans la navigation web.
11. Reconnaître une extension de nom de domaine.
12. Expliquer le cryptage dans HTTPS.