Le web
Séance 1 : le langage HTML
introduction vidéo :
Une vidéo de définition du web (2 min)
Bilan : le web est un ensemble de documents reliés entre eux par des liens
hypertextes et accessible sur internet.
une vidéo sur HTML, structure, liens (3 min)
Bilan: le langage HTML est un langage du web. Il donne des informations sur la
structure du document.
Le navigateur recompose le document (paragraphe, zone d’image, souligner,…) en
fonction des balises contenues dans le fichier HTML.
Activité 2 page 60 : le fonctionnement du web
Lecture du doc. 1 page 60 puis décomposer l’url :
https://www.facebook.com/page/creation
Bilan : une url est l’adresse d’une page d’un site web est se décompose en 3
parties : le protocole (http), le nom de domaine (www.facebook.com) et le chemin
d’accès vers la page.
Lecture doc. 2 : puis préciser la provenance du visiteur de la page
Bilan : pour visualiser une page, le client envoie une requête HTTP au serveur
grâce au protocole http. Le serveur renvoie du code que le navigateur interprète.
Lecture doc. 3 : puis indiquer la partie de la réponse du serveur qui s’affiche dans le
navigateur
Activité 3 page 60 : l’écriture d’une page web.
Une page web est constituée de deux éléments :
• le code HTML pour la structure et le contenu
• la feuille de style CSS pour la présentation
Activité découverte du langage HTML :
Bilan : le langage HTML utilise des balises pour délimiter le début et la fin de chaque
instruction lue par le navigateur. Ainsi pour créer un paragraphe, la balise ouvrante
<p> se place avant le texte et la balise fermante </p> termine le texte.
Les balises sont invisibles à l’écran, mais elles permettent au navigateur de
recomposer le document (titre, paragraphe, emplacement d’image,...).
Travail personnel : les moteurs de recherche ⇒ questions 1 et 2 page 65.
Séance 2+3 : créer son site internet.
Fiche papier de notation « critères réussite site internet ».
Présentation du concours
Nous allons créer un mini-site internet en suivant les instructions de cette page.
Séance 4 : utiliser une feuille de style CSS.
Lecture doc 2+3 page 62 et la vidéo correspondante (
Option : aller sur le site « Lumni » , inspecter le code puis dans Head, modifier la
ligne (CSS) (à mi-hauteur).
Le Fichier CSS permet de définir le style graphique d’une page Web (arrière plan,
taille et police des caractères,…).
Une seule feuille de style agit sur la présentation de toutes les pages HTML liées à
cette feuille.
Exo noté sur 10 (30 min)
Le _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ est la balise la plus utile, elle permet un
renvoi à un autre endroit d’une page web ou à une autre page du site ou à un autre
site.
Correction du travail personnel : les moteurs de recherche parcourent le web, indexent
les pages et les classent grâce à des algorithmes.
Le référencement peut être naturel grâce à des mots clés présents dans le contenu.
Le référencement peut être amélioré en payant le moteur de recherche.
Poursuite du site internet
Travail personnel : questions 1, 2, 4, 5 page 67 (web et vie privée)
Séance 4 : vie privée sur le Web.
Correction du travail personnel :
Pour surfer sur le web en toute confidentialité, il faut paramétrer correctement son
navigateur
Le protocole HTTPS (avec un cadenas) indique que la communication est sécurisée
(c’est-à-dire chiffrée).
Les ressources publiées (textes, photos, ...) sur le web sont la propriété de l’auteur.
Leur usage est réglementé.
