Rejoignez la communauté !
Co-construisez les ressources dont vous avez besoin et partagez votre expertise pédagogique.
Programmation
Th. 1
Internet
Th. 2
Le Web
Th. 3
Les réseaux sociaux
Th. 4
Données structurées et leur traitement
Th. 5
Localisation, cartographie et mobilité
Th. 6
Informatique embarquée et objets connectés
Th. 7
La photographie numérique
Fiches méthode
Ressource affichée de l'autre côté.
Faites défiler pour voir la suite.
Faites défiler pour voir la suite.
13 Évolution d'un site
✔ Savoir comment sont codées les pages statiques du Web.
Pour les soldes, un site marchand souhaite modifier sa bannière d'accueil. La mention « Bienvenue » doit faire place à « SOLDES » en rouge, sur un fond blanc.
Avant :
Après :
Retrouvez le de cet exercice en téléchargement.
Retrouvez le de cet exercice en téléchargement.
1. Utiliser un éditeur de texte ou en ligne pour modifier la bannière.
2. Créer des liens hypertextes sur les différents éléments du menu de la bannière pour qu'ils ouvrent une page spécifique liant leur thématique aux objets soldés.
Pour les soldes, un site marchand souhaite modifier sa bannière d'accueil. La mention « Bienvenue » doit faire place à « SOLDES » en rouge, sur un fond blanc.
Avant :
Le zoom est accessible dans la version Premium.
Le zoom est accessible dans la version Premium.
Doc. 1
Extrait du programme index.htmlRetrouvez le de cet exercice en téléchargement.
<html>
<head>
<meta charset="UTF-8" />
<title> Boutique en ligne</title>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head><body>
<header>
<h1 id="title">Bienvenue</h1>
<nav>
<ul>
<li><a href="#">Meilleures ventes</a></li>
<li><a href="#">Nouveautés</a></li>
<li><a href="#">Idées cadeaux</a></li>
<li><a href="#">Tout le stock</a></li>
</ul>
</nav>
</header>
</body>
</html>
Doc. 2
Extrait du programme styles.css
Retrouvez le de cet exercice en téléchargement.
ul {
list-style : none ;
}
h1 {
font-family : Arial, Helvetica,sansserif ;
font-size : 45px ;
line-height : 0.9 ;
color : #fff ;
text-align : left ;
}
a:hover {
color : red ;
}
header {
position : relative ;
background : blue ;
width : 100% ;
height : 100px ;
}
nav ul li a {
float : left ;
margin-left : 35px ;
font-size : 20px ;
color : white ;
background-color : transparent ;
text-decoration : none ;
}
#title {
float : left ;
width : 250px ;
height : 100px ;
background-color : transparent ;
margin-top : 0px ;
padding-top : 20px ;
}
2. Créer des liens hypertextes sur les différents éléments du menu de la bannière pour qu'ils ouvrent une page spécifique liant leur thématique aux objets soldés.
Ressource affichée de l'autre côté.
Faites défiler pour voir la suite.
Faites défiler pour voir la suite.
Obtenez un indice sur le criminel en rentrant la couleur
modifiée du titre en notation hexadécimale.
Genially
Ressource affichée de l'autre côté.
Faites défiler pour voir la suite.
Faites défiler pour voir la suite.
14 Faille temporelle
✔ Connaître le rôle et le principe de fonctionnement des moteurs de recherche.
Pour afficher les pages mises en cache, il faut :
1. Relever les différences entre les deux pages.
2. Trouver la durée écoulée depuis la mise en cache de la page.
3. Expliquer quelle peut être l'incidence de cette « faille temporelle » sur une recherche d'information.
Il est possible de constater une distorsion du temps lors d'une recherche avec Google :
- faire une recherche Google pour trouver le site lequipe.fr ;
- afficher la page pointée par l'URL dans une nouvelle fenêtre ;
- afficher la page mise en cache (archivée sur les serveurs de Google) de cette URL.
Le zoom est accessible dans la version Premium.
Doc.
Extrait de l'aide en ligne de Google
Pour afficher les pages mises en cache, il faut :
- À l'aide d'un navigateur, lancer une recherche Google pour trouver une page Web.
- Cliquer sur la flèche vers le bas située à droite de l'URL du site.
- Cliquer sur « En cache ».
2. Trouver la durée écoulée depuis la mise en cache de la page.
3. Expliquer quelle peut être l'incidence de cette « faille temporelle » sur une recherche d'information.
Ressource affichée de l'autre côté.
Faites défiler pour voir la suite.
Faites défiler pour voir la suite.
15 Protection rapprochée
✔ Savoir gérer la sécurité et la navigation sur le Web.
Doc. 1
Paramétrage de la sécurité
Le zoom est accessible dans la version Premium.
Doc. 2
Réglage des paramètres « Vie privée et Sécurité » sur Mozilla Firefox
Le zoom est accessible dans la version Premium.
1. À l'aide d'une recherche sur le Web, identifier les risques contre lesquels l'utilisateur du navigateur est protégé en paramétrage « Standard » sur le navigateur Mozilla Firefox.
2. Analyser les options retenues et les commenter au regard des risques qu'elles laissent encourir.
Une erreur sur la page ? Une idée à proposer ?
Nos manuels sont collaboratifs, n'hésitez pas à nous en faire part.
Oups, une coquille
j'ai une idée !
Nous préparons votre pageNous vous offrons 5 essais
YolèneÉmilieJean-PaulFatimaSarah