Hoja de repaso: Introduction aux fondamentaux du web

📋 Plan du Cours

1. Structure et composants d’une URL
2. Identification des pages sécurisées par protocole HTTPS
3. Fonction et syntaxe du langage HTML pour structurer 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
6. Historique et importance des premières pages web utilisant l’hypertexte

📖 1. Structure et composants d’une URL

🔑 Notions clés & Définitions

• Protocole HTTP : Un mode de communication utilisé pour échanger des données avec une ressource web, spécifié dans l’URL par le terme 'http'.
• Nom de domaine : Une désignation textuelle du serveur web avec lequel le navigateur communique, obtenue par la traduction d’une adresse IP via le DNS.

📝 Points essentiels

• Le nom de domaine est la traduction en mots d’une adresse IP réalisée par le DNS.
• Le chemin d’accès dans l’URL localise 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), ...

💡 À retenir

Comprendre la composition précise d’une URL permet de localiser efficacement une ressource web.

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

🔑 Notions clés & Définitions

• Protocole HTTPS : Un protocole de communication qui sécurise les échanges de données entre un navigateur et un serveur web en les cryptant.

📝 Points essentiels

• Le protocole HTTPS indique qu’une page web est sécurisée.
• Le cadenas affiché dans le navigateur signale une connexion sécurisée.
• Les échanges de données via HTTPS sont cryptés, rendant les données illisibles aux tiers.
• Les échanges de donénes seront cryptés rendant les données illisibles.

💡 À retenir

Le protocole HTTPS et le cadenas dans le navigateur permettent d’identifier une page web sécurisée grâce au cryptage des échanges de données.

📖 3. Fonction et syntaxe du langage HTML pour structurer une page web

🔑 Notions clés & Définitions

• Langage HTML (HyperText Markup Language) : Un langage informatique de description utilisé pour structurer le contenu d’une page web.
• NUMÉRIQUES : Documents ou contenus qui existent sous forme électronique et peuvent être traités par des ordinateurs.

📝 Points essentiels

• Le langage HTML décrit la structure d’un document numérique destiné au web.
• Chaque élément de contenu HTML est encadré par une balise ouvrante et une balise fermante.

💡 À retenir

Maîtriser la syntaxe HTML permet d’organiser clairement le contenu d’une page web.

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

🔑 Notions clés & Définitions

• Langage CSS : langage qui permet de définir la présentation visuelle d’une page web, séparément du contenu HTML.
• Sélecteur CSS : élément qui cible une ou plusieurs balises HTML pour leur appliquer des styles.
• Propriétés CSS : caractéristiques modifiables telles que la police, la couleur, la taille, l’espacement ou la disposition en colonnes, qui influencent l’apparence du contenu.

📝 Points essentiels

• Le CSS permet d’enrichir la mise en forme d’une page web au-delà du simple HTML.
• Il agit sur les balises HTML via des sélecteurs, facilitant la modification de leur style.
• Les propriétés CSS modifient des aspects comme la police, la couleur, la taille, l’espacement ou la disposition en colonnes.
• Le CSS sépare la présentation visuelle du contenu, permettant une gestion plus efficace et cohérente du style de la page.

💡 À retenir

Le CSS joue un rôle essentiel pour personnaliser et enrichir l’aspect visuel des pages web, en séparant clairement le style du contenu.

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

🔑 Notions clés & Définitions

• Lien hypertexte : catégorie de ressources numériques permettant de relier un document à un autre document ou ressource, facilitant la navigation entre eux.

• Adresse URL dans un lien : localisation précise d’une ressource web, qui s’affiche lorsque l’on clique sur un lien hypertexte pour diriger le navigateur vers cette ressource.

• Navigation web : processus de déplacement d’un utilisateur à travers différents documents ou ressources sur Internet, facilité par l’utilisation de liens hypertextes.

📝 Points essentiels

• Les liens hypertextes relient un document à un autre ou à une ressource, créant une structure connectée sur le web. Tout contenu numérique peut être converti en lien hypertexte, permettant de naviguer d’un document à un autre en cliquant dessus. Lorsqu’un utilisateur clique sur un lien, le navigateur est dirigé vers une nouvelle adresse web, appelée URL, qui correspond à la ressource ciblée. Ces liens hypertextes jouent un rôle crucial dans la constitution du web en tissant un réseau de connexions entre documents et ressources diverses.

💡 À retenir

Les liens hypertextes structurent et connectent l’ensemble du web en permettant une navigation fluide entre différentes ressources, formant ainsi la toile du Web.

📖 6. Historique et importance des premières pages web utilisant l’hypertexte

🔑 Notions clés & Définitions

• Hypertexte : Un système permettant d'établir des liens entre différents documents ou ressources, facilitant ainsi la navigation non linéaire sur le web.

📝 Points essentiels

• La première page web utilisant des liens hypertextes est http://info.cern.ch/hypertext/WWW/TheProject.html.
• NB : 1ère page Web qui utilisait des liens Hypertexte : http://info.cern.ch/hypertext/WWW/TheProject.html SNT - web_pages-web Nicolas TOURREAU page 1/1

💡 À retenir

L’origine de l’hypertexte avec la première page web a fondamentalement transformé l’accès et la liaison des informations sur le web moderne.

📊 Tableaux de Synthèse

Comparaison des protocoles HTTP et HTTPS

Protocole	Sécurité	Indication dans l'URL
HTTP	Non sécurisé	http
HTTPS	Sécurisé	https

⚠️ Pièges & Confusions Fréquentes

1. Confondre HTTP et HTTPS en pensant que le premier est sécurisé.
2. Oublier que le cadenas indique une connexion sécurisée HTTPS.
3. Confondre URL et adresse IP.
4. Croire que le protocole HTTPS garantit l'absence de toute attaque.
5. Confondre balises HTML et CSS.
6. Mélanger URL, nom de domaine et chemin d’accès.
7. Confondre hypertexte et hyperlien.

✅ Checklist Examen

1. Identifier si une page web utilise HTTPS.
2. Reconnaître la structure d’une URL.
3. Comprendre la syntaxe HTML de base.
4. Utiliser des sélecteurs CSS pour styliser une page.
5. Créer un lien hypertexte vers une autre ressource.
6. Différencier HTML et CSS dans la structuration d’une page.
7. Identifier la première page web utilisant l’hypertexte.
8. Expliquer le rôle des liens hypertextes.
9. Comprendre la composition d’une URL.
10. Différencier protocole HTTP et HTTPS.
11. Savoir ce qu’indique le cadenas dans le navigateur.
12. Connaître la fonction du DNS dans la traduction d’une adresse.