Les langages HTML et CSS¶
Voici plusieurs activités pour approfondir votre maîtrise des langages HTML et CSS.
N'hésitez pas à lire le cours pour vous aider à réaliser ces activités.
Activité 1 - « Détourner une page web »¶
Voici une première petite activité permettant d'avoir un premier aperçu de la structure d'une page web.
Naviguez vers la page web de votre choix.
En faisant un clic droit "Inspecter" sur un élément en particulier de la page, ou en appuyant au clavier sur Ctrl+Maj+C, ouvrez l'inspecteur de code source.
À faire
Avec l'inspecteur de code source de Firefox, essayez de modifier la page web de manière à :
- changer du texte,
- ajouter/modifier au moins une image (pour remplacer une image, il faut remplacer le lien de l'image par le lien d'une nouvelle image),
- ajouter/modifier un ou plusieurs liens hyptertextes,
- créer un décalage avec le propos initial de la page, en y apportant éventuellement un aspect humoristique.
Lorsque vous avez terminé, vous pouvez enregistrer la page web dans votre dossier de travail en cliquant sur les trois barres en haut à droite de la fenêtre puis sur "Enregistrer sous".
Vous pourrez alors revoir votre page web quand vous voulez !
Activité 2 - Découverte du HTML et du CSS¶
Pour apprendre plus en détails les bases du langage de description HTML et du langage de mise en forme CSS, vous pouvez télécharger, lire et compléter le document ci-dessous :
Vous travaillerez dans un premier temps avec le site codepen.io, un éditeur de HTML/CSS en ligne permettant d'appréhender facilement ces langages.