From a576dc9b8101a71a54eb5415d5075a33a7fef600 Mon Sep 17 00:00:00 2001 From: Florian Mathieu Date: Mon, 4 Aug 2025 16:53:06 +0200 Subject: [PATCH] edit fichier principal cours web --- sequences/web/README.md | 22 ++++++++++++---------- 1 file changed, 12 insertions(+), 10 deletions(-) diff --git a/sequences/web/README.md b/sequences/web/README.md index 2b99cae..c862fca 100644 --- a/sequences/web/README.md +++ b/sequences/web/README.md @@ -1,8 +1,6 @@ # Découverte du Web - - -## ***Activité n°1 : Le navigateur*** +### Activité 1 Le "World Wide Web", plus communément appelé "Web" a été développé au CERN (Conseil Européen pour la Recherche Nucléaire) par le Britannique *Sir Timothy John Berners-Lee* et le Belge *Robert Cailliau* au début des années 90. @@ -22,8 +20,6 @@ Tim Berners-Lee développe le premier navigateur web (logiciel permettant de lir Donnez les noms des navigateurs auquels appartiennent les logos ci dessous : - - | Logo | Nom | | ------------------------------------------------------ | ---- | | ![chrome.svg](assets/chrome.svg) | | @@ -36,7 +32,7 @@ Donnez les noms des navigateurs auquels appartiennent les logos ci dessous : ------ -## ***Activité n°2 : Surfer sur le Web*** +### Activité 2 Techniquement le web se base sur trois choses : le protocole *HTTP* (HyperText Transfert Protocol), les *URL* (Uniform Resource Locator) et le langage de description *HTML* (HyperText Markup Language). Nous aurons, très prochainement l'occasion de revenir sur ces trois éléments. @@ -55,9 +51,9 @@ Le langage CSS (Cascade Style Sheets, feuilles de style en cascade) est venu com Autrement dit, le contenu est écrit dans le fichier HTML et la mise en forme est écrite dans le fichier CSS. -Vous pouvez examiner le code html du site du lycée : +Vous pouvez examiner le code html du [SITE DU LYCÉE](https://charlotteperriand.etab.ac-lille.fr) : -https://charlotteperriand.etab.ac-lille.fr -> clic droit sur la page -> afficher code source +-> clic droit sur la page -> afficher code source ![afficher_source](assets/afficher_source.png) @@ -73,9 +69,15 @@ Alors que votre navigateur vous affiche ceci : Est ce de la magie ? Du vaudou ? Que nenni ! +--------------- + + + ***Exercice*** -Nous allons utiliser le logiciel *Notepad ++* afin d'ouvrir le ficher index.html +Prenez bien le temps de lire. + +Nous allons utiliser le logiciel ***Notepad ++*** afin d'ouvrir le ficher [index.html](index.html) Repérez les différents éléments qui forment la structure de base d’une page HTML @@ -117,7 +119,7 @@ La balise < head > : il s’agit d’une balise définissant le conteneur d’en ***Fichier CSS*** -· Ouvrez le fichier style.css à l’aide de Notepad++. Précisez comment il est structuré. +· Ouvrez le fichier [style.css](style.css) à l’aide de Notepad++. Précisez comment il est structuré. · Modifiez le style CSS pour que les balises < h1 > soient écrites en bleu.