Précédent

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 :


Enfin, 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.






Précédent