Préparer le travail
Télécharger le dossier "etudier_modifier_page_html.zip".
Déplacer ce dossier dans votre dossier personnel Documents. Il serait judicieux que vous ayez un dossier "Informatique".
Décompresser le au même endroit (clic droit -> Extraire tout)
Ouvrir dans le navigateur Chrome le fichier "page_lycee.html" dont l'apperçu est ci-dessous (clic droit - Ouvrir avec)
Lancer l’outil Inspecteur du navigateur (Chrome : clic droit, Inspecter)
Dans la fenêtre du code HTML
1- Modifier le texte d'une page web avec le navigateur :
- Changer <h1>La classe de seconde</h1> en <h3>La classe de seconde</h3> et observer le résultat.
- Remplacer le mot "seconde" par "terminale" et observer le résultat.
2- Ajouter du texte d'une page web avec le navigateur :
Ajouter "LE LYCÉE" entre les balises HTML <p> </p> existantes (clic droit -> Edit as HTML) et observer le résultat.
Toutes les balises sont construites sur le même principe :
<...> pour indiquer le début où s'applique la balise
</...> pour indiquer la fin où s'applique la balise
3- Ajouter/modifier le code HTML d'une page web avec le navigateur :
L'objectif est d'obtenir le résultat suivant :
- Cliquer droit sur la ligne <body> et choisir Edit as HTML afin de modfifier le code comme indiqué ci-dessus.
- Vérifier le résultat.
Dans la fenêtre du code CSS
1- Modifier la ligne font-size en remplaçant 13px par 18px.
ATTENTION : il ne faut pas enlever le point virgule situé juste après !
- Pourquoi de nombreuses lignes ont la taille de la police qui a augmentée ?
- Quelle(s) est(sont) le(s) ligne(s) qui n'a(ont) pas changé de taille et pourquoi ?
2- Modifier la ligne color en remplaçant #0D4A78 par #78170D
En examinant le code HTML suivant, répondez aux questions ci-dessous :
3- Concernant le fichier CSS :
- Quelle est la balise HTML qui permet au navigateur de trouver le fichier CSS ?
- Comment s'appelle le fichier CSS de la page web ?
- Dans quel dossier il doit se trouver ?
4- Concernant le logo de Viala Lacoste :
- Quelle est la balise HTML qui permet au navigateur d'afficher le fichier image du logo de Viala Lacoste ?
- Comment s'appelle le fichier image ?
- Dans quel dossier il doit se trouver ?
5- Concernant le lien hypertexte que vous avez normalement déjà testé :
- Quelle est la balise HTML qui permet au navigateur d'afficher un lien hypertexte ?
- Comment s'appelle le fichier cible ?
- Dans quel dossier il doit se trouver ?