Enseignement de l'informatique et du numérique au lycée Boissy d'Anglas https://icn-isn-boissy.yj.fr/wp Fri Jun 12 4:35:25 2026 / +0000 GMT Universal Post Manager 1.1.2 [ www.ProfProjects.com ] Activité n°1 : Créer une page web [Archive/Obsolète] http://icn-isn-boissy.yj.fr/wp/?p=463 Fri Jun 12 4:35:25 2026 / +0000 GMT http://icn-isn-boissy.yj.fr/wp/?p=463 Les bases du html Pour apprendre les bases du html, on pourra utiliser les cours du site www.codecademy.com. Il est conseillé (mais non obligatoire) de s'inscrire sur le site. Cela vous permettra de retrouver ce que vous avez fait d'une séance sur l'autre. Ne pas faire tous les cours du module, se limiter à ceux qui sont indiqués. Attention : les cours se succèdent et on ne s'aperçoit pas toujours que l'on est passé au suivant. Pour commencer suivre le cours intitulé le b.a.-ba du language html. S'arrêter au dernier exercice, le n°14 (intitulé Félicitations). Ne pas commencer le cours d'après (Développer votre propre site internet).

Application

Installation des fichier

Télécharger le projet projet-batman.zip. Extraire l'archive dans un nouveau répertoire sur votre session. Vous aller éditer les fichiers html pour créer un mini site web de deux pages. Pour cela, il vous faut un éditeur. Installer par exemple :

Travail à faire

À vous de jouer, vous aller éditer les fichiers batman.html et bruce-wayne.html afin d'aboutir au résultat suivant (cliquer sur les images pour agrandir) :
Page batman.html Page bruce-wayne.html
page-web_batman page-web_bruce-wayne
  On doit pourvoir passer d'une page à l'autre en cliquant soit sur le texte (page batman.html) soit sur l'image (page bruce-wayne.html). Les images sont dans le répertoire img créé lors de la décompression de l'archive zip. Pour information les deux images sont sous licence Creative Common (l'image de batman a été créée par BoggieNightBoy sur deviantart.com ; celle de Christian Bale a été déposée sur wikipedia.org par Siebbi). Lorsque tout fonctionne parfaitement, vérifier que votre code html ne comporte pas d'erreurs sur le validateur html de la W3C. Appeler le professeur en cas de problème. Puis, passer à la suite.]]> 463 2016-07-21 10:57:21 2016-07-21 08:57:21