snt
Sciences Numériques et Technologie en classe de seconde au Lycée Saint-Exupéry de La Rochelle.
{Web}
SNT Thème 3
{Repères historiques}
{Quelques chiffres}
-
Environ 2 milliards de site web
-
Environ 4,9 milliards d'utilisateurs
-
Le web public représente environ 5% du web
-
Le deep web (contenus qui ne sont pas indexés par les moteurs de recherche : données privées ou confidentielles telles que les banques de données, les réseaux intranet d'entreprises et les comptes en ligne protégés par des mots de passe) représente environ 95% du web
-
Le dark web (activités illégales telles que le commerce de drogues, d'armes, la vente d'identités volées, d'organes et d'autres activités criminelles...) représente environ 5% du deep web. On y accède à l'aide du logiciel Tor (The Onion Router) *
* ces chiffres ne sont que des estimations et sont susceptibles de varier...
{Fonctionnement du Web}
Étape 1 : Copier les fichiers qui se trouvent sur le réseau pédagogique du lycée, dans le répertoire classe\_travail\SNT\C02_TP1_p46
- index.html
- style.css
- image1.jpg
- html-css.pdf
(image1.jpg à la place de image1.png)
TP1 : Inspecter et modifier une page Web
(instructions du TP)
Dans votre dossier personnel (celui à votre nom), créer un dossier SNT et dans ce dossier SNT, créer un dossier TP1.
Coller les fichiers dans le dossier TP1.
(Double clic ou clic droit et ouvrir avec Firefox)
Ouvrir la page index.html
Étape 2 : Étudier la page avec l'inspecteur
(clic droit puis Examiner)
Effectuer les modifications demandées.
Étape 3 : Modifier la page avec un éditeur.
Editer les fichiers index.html et style.css avec notepad++
(clic droit sur chaque fichier : Edit with Notepad ++)
NE PAS OUBLIER DE SAUVEGARDER POUR CONSERVER VOS MODIFICATIONS
Activité débranchée sur les langages HTML et CSS : Le jeu du renard mouillé
Interprétation 1 :
<h1>Conte</h1>
<p>Il était une fois...</p>Conte
Il était une fois...
Interprétation 2 :
<p>Ma <strong>liste</strong> de courses</p>
<ul>
<li>Beurre</li>
<li>Farine</li>
<li>Oeufs</li>
</ul>
<a href="http://drive.fr">Là</a>Interprétation 3 :
src="https://renard-mouille3--jmarck4.repl.co/triangle.png"à la place de
src="triangle.png"Interprétation 4 :
Interprétation 5 :
Interprétation 6 :
src="html5.png"src="https://renard-mouille6--jmarck4.repl.co/html.png"à la place de
src="css3.png"src="https://renard-mouille6--jmarck4.repl.co/css3.png"Interprétation 7 :
Étape 1 : Copier les fichiers qui se trouvent sur le réseau pédagogique du lycée, dans le répertoire classe\_travail\SNT\C02_TP3_p48
TP3 : Comprendre les renvois et les liens
Dans le dossier SNT(dans votre dossier personnel), créer un dossier TP3 puis coller les fichiers dans le dossier TP3.
{Ressources pour le projet web}
Centrer du texte en CSS : horizontalement
{Ressources pour le projet web}
Centrer du texte en CSS : verticalement
Centrer une image en CSS (horizontalement)
Centrer une image en CSS (verticalement)
Créer trois colonnes de texte justifié en css
Créer deux colonnes avec CSS Grid
Ajouter une troisième colonne de largeur fixe
Redimensionner les éléments en utilisant des valeurs fr
Ajouter des lignes de hauteur fixe
Mélanger les techniques
Positionner les éléments avec des coordonnées de grille
Avoir des lignes avec des nombres de colonnes différents
Web 2022
By snt
