THEME : INTERNET-WEB 👩🏫
Mme Tellier M. Mostefaoui
MISSION 1 : les parcours
Parcours ROUGE
Parcours VERT
Parcours BLEU
Je réalise
Je comprends
Je découvre
Pour aller plus loin
MISSION : Le défi
Technicien de réseau
Découvrir un métier
PARCOURS VERT : Je découvre 👩🏫
1h30
Les IMPACTS d'internet
Différencier INTERNET et WEB
Une carte pour 2
ETAPE 1
ETAPE 2
CARTE MENTALE
ETAPE 3
L'histoire d'INTERNET
Outil pour réaliser des frises en ligne
Une frise par élève
ETAPE 4
FRISE CHRONOLOGIQUE NUMERIQUE
Cliquer ici
Retour à la page principale
PARCOURS BLEU : Je comprends
1h30
Utiliser les moteurs de recherche dans un navigateur
Comprendre le fonctionnement d'un moteur de recherche
Une feuille numérique A4 recto uniquement
ETAPE 1
ETAPE 2
Comparer les réponses d'une requête
Les politiques de confidentialités
ETAPE 3
ETAPE 4
Retour à la page principale
PARCOURS ROUGE : Je réalise
1h30
Réaliser une page HTML de présentation de votre film préféré.
Mise en place de l'environnement de travail de votre site web
Le code html de la page
ETAPE 1
ETAPE 2
Créer des liens hypertextes
Comprendre le code
Valoriser la page par des couleurs
Intégrer du contenu distant
ETAPE 5
ETAPE 3
ETAPE 4
Retour à la page principale
A envoyer via l'ENT
C'est l'heure du DEFI !
Vous êtes une équipe, vous avez 1h00 pour rendre votre mission qui correspond au défi ............
DEFI 4
DEFI 1
DEFI 5
DEFI 6
DEFI 3
DEFI 2
Retour à la page principale
Ouvrir le logiciel BLOC-NOTES qui se trouve dans vos ordinateursRecopier le code HTML ci-dessous sans rien modifier (utiliser la touche TABULATION pour créer des retraits sur la bordure gauche de la page. Enregistrer-le dans le dossier WEB sous le nom : index.html
On compte de nombreux moteur de recherche disponibles et certains sont préconfigurés dans les navigateurs comme Firefox.1. Chercher les moteurs de recherche installés par défaut. -Ouvrir le menu d'options de Firefox en cliquant sur l'icône rayé en haut à droite de la barre de menu. -Sélectionner Paramètres (ou Préférences) dans le menu déroulant -Puis, sélectionner le menu Recherche dans le menu de gauche -Changer le moteur de recherche par défaut en choisissant (Quant ou DuckDuckGo) 2. Tester ce moteur en lançant une recherche : Françoise Combes 3. Réaliser une capture d'écran du haut de la page de cette recherche.
L'histoire d'Internet
Elaborer votre propre frise chronologique à partir des 6 dates suivantes : 1961 – 1969 – 1974 – 1982 -1989 - 2008 Préciser le nom d’une avancée technologique et si possible, le nom de son concepteur.
Ressource à utiliser
Chercher sur You Tube une vidéo qui parle de l'histoire d'internet.Choisir les bons mots clés !
3. Le Darknet Donner la définition de cette notion Citer ce que l’on peut trouver sur le Darknet. Expliquer pourquoi on utilise le Darknet. 4. Internet et environnement Trouver le pourcentage de la consommation mondiale d’électricité utilisé par le secteur informatique. Expliquer comment cette consommation est-elle répartie ?
Retrouver ce fichier dans les éléments partagés de votre ENT.Télécharger-le pour le compléter
Ce qui est chouette avec le web, c'est que l'on peut intégrer du contenu issu d'un autre site. Par exemple : Nous allons intégrer la bande-annonce, une vidéo donc, à notre page. -Aller sur Youtube pour chercher la bande annonce de votre film -Cliquer sur le bouton "Partager" -Puis <Intégrer> -Sélectionner le code qui commence par <iframe> -Le coller sous le titre bande-annonce. Le code ressemble à cela :
<iframe width="560" height="315" src="https://www.youtube.com/...></iframe>
Vous remarquerez que l'on peut jouer sur la taille de la vidéo affichée et quelques paramètres, toujours en anglais.
Compléter les informations
-Chercher sur internet 3 ou 4 informations sur votre film -Ajouter ces informations dans votre page de code en ajoutant des lignes. Ajouter une image à notre page Pour ajouter une image dans une page HTML, il faut utiliser la balise : <img src= ... /> Cette ligne de code est déjà présente dans le fichier index.html -Chercher une image du film sur internet -Copier le lien de cette image -Coller ce lien à la place du "lien vers l'image" dans la ligne : <img src="lien vers l'image" /> Si votre image est trop grande, réduire sa largeur en pixels (width) ou sa hauteur en pixels (height) en ajoutant width dans notre ligne de code comme ceci : <img src="chemin vers l'image" width="taille en pixels" />
Contact
nombre@mail.com
600 111 222
name@mail.com
Contact
nombre@mail.com
600 111 222
name@mail.com
1. La neutralité du net
Donner une définition de cette notion et en citer les principes. Citer le pays qui l’a abrogé et expliquer pourquoi.
2. La fracture numérique
Donner la définition de cette notion
Donner des conséquences de cette fracture numérique.
Trouver la date à laquelle l’accès à Internet est devenu un droit fondamental.
Expliquer comment lutter contre la fracture numérique ?
Analyse du fichier : comprendre les balisesObserver la construction des différentes balises <h1>, <br />. La balise <h1> qui correspondant au 1er titre de la page La balise <br /> qui correspond à un saut de page et qui n'a pas besoin d'être fermée Mettre en forme des portions de textes
Cette page sera composée d'un gros titre (le titre du film) et de 4 sous-titres pour lesquels on utilisera la balise <h2> Ajouter les balises <h2> </h2> au niveau des lignes : Informations générales Résumé Bande-Annonce Sources La balise <strong>, permet de mettre les informations importantes en gras Ajouter les balises <strong> pour le début et </strong> pour fermer la ligne, aux 4 Informations suivantes :
1. Année de sortie 2. Réalisateur 3. Acteurs principaux 4. Genre Modifier le texte : Compléter la page en indiquant votre nom et votre prénom ainsi que le titre du film choisi. Enregistrer votre travail dans l'ENT. Lancer la nouvelle page et la faire valider par le professeur.
Principe : Les liens hypertextes sont la base du fonctionneemnt du Web et permettent de se déplacer d'une page à l'autre.Réaliser des liens et les insérer dans une page avec du HTML :
On utilise la balise<a>(pour "anchor" ou ancre) pour indiquer que l'on va rediriger la page vers une cible. On ajoute l'attribut href suivi de = "pour annoncer l'endroit vers lequel on veut rediriger" . Enfin, on écrit le texte qui doit s'afficher sur l'hyperlien. Ex: <a>href="lien collé">titre_du_lien</a> Insérer dans la partie "Sources des informations et médias", le ou les sites où vous avez pris vos informations Enregistrer et vérifier le fonctionnement de ces liens
Les moteurs de recherche alternatifs plus respectueux de la vie privée de ses utilisateurs.
1. Ouvrir une fenêtre de navigation. 2. Lancer le moteur de recherche Google 3. Ouvrir une 2eme fenêtre de navigation, lancer Qwant. 4. Réaliser une capture d'image des deux fenêtres. 5. Copier/coller vos captures et comparer ces deux fenêtres.
6. Soumettre la requête "achat trotinete électrique" à chacun de ces moteur de recherche. 7. Rédiger une comparaison de la gestion de la correction automatique.
8. Rédiger une comparaison des résultats obtenus sur ces deux pages.
9. Expliquer à l'aide de ces deux pages, comment ces moteurs de recherche se financent.
- Dans un premier temps :
• créer un dossier SNT dans votre répertoire personnel de l'ENT (Onglet : SERVICE PERSONNEL puis PORTE DOCUMENT) • à l'intérieur, créez un dossier Web (qui correspond au thème SNT),
- Compléter le tableau ci-dessous à l'aide de la vidéo proposée.
Contact
nombre@mail.com
600 111 222
name@mail.com
Comment faire une carte mentale ?
Et si nous voulons mettre un peu de couleurs ?
La page précédente est le rendu par défaut des différentes balises. On peut donc ajouter une feuille de styles à notre page afin de la personnaliser à notre goût. Pour cela, copier le code ci-dessous dans le bloc notes : :
Enregistrer-le dans le dossier css Nommer-le MesStyles.css Rajouter le lien (attention au chemin, prenez exemple sur le lien de votre image...) dans le bloc <head> de notre page HTML Visualiser le rendu Montrer cette page à votre enseignant pour valider votre fin de parcours.
Contact
nombre@mail.com
600 111 222
name@mail.com
- Rechercher une définition simple et compréhensible d’Internet. - Rechercher une définition du Web. - Citer 3 services fondamentaux proposés par Internet.
2SNT Th1 Web Internet
agnes.tellier
Created on September 27, 2024
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Genial Calendar 2026
View
School Calendar 2026
View
January Higher Education Academic Calendar
View
School Year Calendar January
View
Academic Calendar January
View
Choice Board Flipcards
View
Comic Flipcards
Explore all templates
Transcript
THEME : INTERNET-WEB 👩🏫
Mme Tellier M. Mostefaoui
MISSION 1 : les parcours
Parcours ROUGE
Parcours VERT
Parcours BLEU
Je réalise
Je comprends
Je découvre
Pour aller plus loin
MISSION : Le défi
Technicien de réseau
Découvrir un métier
PARCOURS VERT : Je découvre 👩🏫
1h30
Les IMPACTS d'internet
Différencier INTERNET et WEB
Une carte pour 2
ETAPE 1
ETAPE 2
CARTE MENTALE
ETAPE 3
L'histoire d'INTERNET
Outil pour réaliser des frises en ligne
Une frise par élève
ETAPE 4
FRISE CHRONOLOGIQUE NUMERIQUE
Cliquer ici
Retour à la page principale
PARCOURS BLEU : Je comprends
1h30
Utiliser les moteurs de recherche dans un navigateur
Comprendre le fonctionnement d'un moteur de recherche
Une feuille numérique A4 recto uniquement
ETAPE 1
ETAPE 2
Comparer les réponses d'une requête
Les politiques de confidentialités
ETAPE 3
ETAPE 4
Retour à la page principale
PARCOURS ROUGE : Je réalise
1h30
Réaliser une page HTML de présentation de votre film préféré.
Mise en place de l'environnement de travail de votre site web
Le code html de la page
ETAPE 1
ETAPE 2
Créer des liens hypertextes
Comprendre le code
Valoriser la page par des couleurs
Intégrer du contenu distant
ETAPE 5
ETAPE 3
ETAPE 4
Retour à la page principale
A envoyer via l'ENT
C'est l'heure du DEFI !
Vous êtes une équipe, vous avez 1h00 pour rendre votre mission qui correspond au défi ............
DEFI 4
DEFI 1
DEFI 5
DEFI 6
DEFI 3
DEFI 2
Retour à la page principale
Ouvrir le logiciel BLOC-NOTES qui se trouve dans vos ordinateursRecopier le code HTML ci-dessous sans rien modifier (utiliser la touche TABULATION pour créer des retraits sur la bordure gauche de la page. Enregistrer-le dans le dossier WEB sous le nom : index.html
On compte de nombreux moteur de recherche disponibles et certains sont préconfigurés dans les navigateurs comme Firefox.1. Chercher les moteurs de recherche installés par défaut. -Ouvrir le menu d'options de Firefox en cliquant sur l'icône rayé en haut à droite de la barre de menu. -Sélectionner Paramètres (ou Préférences) dans le menu déroulant -Puis, sélectionner le menu Recherche dans le menu de gauche -Changer le moteur de recherche par défaut en choisissant (Quant ou DuckDuckGo) 2. Tester ce moteur en lançant une recherche : Françoise Combes 3. Réaliser une capture d'écran du haut de la page de cette recherche.
L'histoire d'Internet
Elaborer votre propre frise chronologique à partir des 6 dates suivantes : 1961 – 1969 – 1974 – 1982 -1989 - 2008 Préciser le nom d’une avancée technologique et si possible, le nom de son concepteur.
Ressource à utiliser
Chercher sur You Tube une vidéo qui parle de l'histoire d'internet.Choisir les bons mots clés !
3. Le Darknet Donner la définition de cette notion Citer ce que l’on peut trouver sur le Darknet. Expliquer pourquoi on utilise le Darknet. 4. Internet et environnement Trouver le pourcentage de la consommation mondiale d’électricité utilisé par le secteur informatique. Expliquer comment cette consommation est-elle répartie ?
Retrouver ce fichier dans les éléments partagés de votre ENT.Télécharger-le pour le compléter
Ce qui est chouette avec le web, c'est que l'on peut intégrer du contenu issu d'un autre site. Par exemple : Nous allons intégrer la bande-annonce, une vidéo donc, à notre page. -Aller sur Youtube pour chercher la bande annonce de votre film -Cliquer sur le bouton "Partager" -Puis <Intégrer> -Sélectionner le code qui commence par <iframe> -Le coller sous le titre bande-annonce. Le code ressemble à cela : <iframe width="560" height="315" src="https://www.youtube.com/...></iframe> Vous remarquerez que l'on peut jouer sur la taille de la vidéo affichée et quelques paramètres, toujours en anglais.
Compléter les informations -Chercher sur internet 3 ou 4 informations sur votre film -Ajouter ces informations dans votre page de code en ajoutant des lignes. Ajouter une image à notre page Pour ajouter une image dans une page HTML, il faut utiliser la balise : <img src= ... /> Cette ligne de code est déjà présente dans le fichier index.html -Chercher une image du film sur internet -Copier le lien de cette image -Coller ce lien à la place du "lien vers l'image" dans la ligne : <img src="lien vers l'image" /> Si votre image est trop grande, réduire sa largeur en pixels (width) ou sa hauteur en pixels (height) en ajoutant width dans notre ligne de code comme ceci : <img src="chemin vers l'image" width="taille en pixels" />
Contact
nombre@mail.com
600 111 222
name@mail.com
Contact
nombre@mail.com
600 111 222
name@mail.com
1. La neutralité du net Donner une définition de cette notion et en citer les principes. Citer le pays qui l’a abrogé et expliquer pourquoi. 2. La fracture numérique Donner la définition de cette notion Donner des conséquences de cette fracture numérique. Trouver la date à laquelle l’accès à Internet est devenu un droit fondamental. Expliquer comment lutter contre la fracture numérique ?
Analyse du fichier : comprendre les balisesObserver la construction des différentes balises <h1>, <br />. La balise <h1> qui correspondant au 1er titre de la page La balise <br /> qui correspond à un saut de page et qui n'a pas besoin d'être fermée Mettre en forme des portions de textes Cette page sera composée d'un gros titre (le titre du film) et de 4 sous-titres pour lesquels on utilisera la balise <h2> Ajouter les balises <h2> </h2> au niveau des lignes : Informations générales Résumé Bande-Annonce Sources La balise <strong>, permet de mettre les informations importantes en gras Ajouter les balises <strong> pour le début et </strong> pour fermer la ligne, aux 4 Informations suivantes : 1. Année de sortie 2. Réalisateur 3. Acteurs principaux 4. Genre Modifier le texte : Compléter la page en indiquant votre nom et votre prénom ainsi que le titre du film choisi. Enregistrer votre travail dans l'ENT. Lancer la nouvelle page et la faire valider par le professeur.
Principe : Les liens hypertextes sont la base du fonctionneemnt du Web et permettent de se déplacer d'une page à l'autre.Réaliser des liens et les insérer dans une page avec du HTML :
On utilise la balise<a>(pour "anchor" ou ancre) pour indiquer que l'on va rediriger la page vers une cible. On ajoute l'attribut href suivi de = "pour annoncer l'endroit vers lequel on veut rediriger" . Enfin, on écrit le texte qui doit s'afficher sur l'hyperlien. Ex: <a>href="lien collé">titre_du_lien</a> Insérer dans la partie "Sources des informations et médias", le ou les sites où vous avez pris vos informations Enregistrer et vérifier le fonctionnement de ces liens
Les moteurs de recherche alternatifs plus respectueux de la vie privée de ses utilisateurs.
1. Ouvrir une fenêtre de navigation. 2. Lancer le moteur de recherche Google 3. Ouvrir une 2eme fenêtre de navigation, lancer Qwant. 4. Réaliser une capture d'image des deux fenêtres. 5. Copier/coller vos captures et comparer ces deux fenêtres. 6. Soumettre la requête "achat trotinete électrique" à chacun de ces moteur de recherche. 7. Rédiger une comparaison de la gestion de la correction automatique. 8. Rédiger une comparaison des résultats obtenus sur ces deux pages. 9. Expliquer à l'aide de ces deux pages, comment ces moteurs de recherche se financent.
- Dans un premier temps : • créer un dossier SNT dans votre répertoire personnel de l'ENT (Onglet : SERVICE PERSONNEL puis PORTE DOCUMENT) • à l'intérieur, créez un dossier Web (qui correspond au thème SNT),
- Compléter le tableau ci-dessous à l'aide de la vidéo proposée.
Contact
nombre@mail.com
600 111 222
name@mail.com
Comment faire une carte mentale ?
Et si nous voulons mettre un peu de couleurs ? La page précédente est le rendu par défaut des différentes balises. On peut donc ajouter une feuille de styles à notre page afin de la personnaliser à notre goût. Pour cela, copier le code ci-dessous dans le bloc notes : :
Enregistrer-le dans le dossier css Nommer-le MesStyles.css Rajouter le lien (attention au chemin, prenez exemple sur le lien de votre image...) dans le bloc <head> de notre page HTML Visualiser le rendu Montrer cette page à votre enseignant pour valider votre fin de parcours.
Contact
nombre@mail.com
600 111 222
name@mail.com
- Rechercher une définition simple et compréhensible d’Internet. - Rechercher une définition du Web. - Citer 3 services fondamentaux proposés par Internet.