Vidéos d'accompagnement
Site: | Physique Chimie - SNT - Cité scolaire Maurois |
Cours: | Sciences Numériques et Technologie |
Livre: | Vidéos d'accompagnement |
Imprimé par: | Visiteur anonyme |
Date: | vendredi 9 mai 2025, 08:14 |
Description
Choisissez l'activité dans la table des matières à droite ou avec les flèches ci-dessous
1. COURS
Le Web
2. Activité 2
HTML et CSS : Comment créer un site Web ?
Comment transformer une page internet ?
Dans un premier temps, il faut comprendre la construction d'une page internet.
Visionner les 4 vidéos produites par Lumni et :
- pour les vidéos 2 et 3, faire une copie d'écran où l'on voit apparaître votre nom et prénom et des couleurs modifiées sur une page au choix.
- pour la vidéo 4, faire une copie d'écran d'écran de la même page privée de code CSS.
Créer sa propre page
Installer le logiciel SublimeText utilisé dans les tutoriels : https://download.sublimetext.com/Sublime%20Text%202.0.2a%20x64%20Setup.exe
Suivre les instructions des vidéos et créer sa page sur un sujet au choix.
La page doit utilisée les instructions de toutes les vidéos.
Exemple de fichier .html :
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="monFichier.css">
# donne le lien vers le fichier.css
<title>Premiers tests du CSS</title>
</head>
<body>
# Code HTML de votre page web
</body>
</html>
Vous pouvez tester (cliquez sur "Run") puis copier-coller les exemples données ci-dessous.
- il faudra coller les parties entre les balises <style></style> dans votre fichier .css
- il faudra coller les parties entre les balises <body></body> dans votre fichier .html
Pour tester le HTML avec des exemples modifiables, voir aussi :
Pour tester le CSS avec des exemples modifiables, voir aussi :
Pour créer un menu notamment :
https://www.w3schools.com/css/tryit.asp?filename=trycss_float5Enfin, vous pouvez télécharger un site exemple en cliquant sur le lien :
Facultatif et bonus : plusieurs pages peuvent être crées avec des liens entre elles
Le travail sera à rendre.