Activité n°1 : Créer une page web [Archive/Obsolète] : Enseignement de l'informatique et du numérique au lycée Boissy d'Anglas : https://icn-isn-boissy.yj.fr/wp

This page was exported from Enseignement de l'informatique et du numérique au lycée Boissy d'Anglas [ https://icn-isn-boissy.yj.fr/wp ]
Export date: Fri May 17 18:01:46 2024 / +0000 GMT

Activité n°1 : Créer une page web [Archive/Obsolète]

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 :

Notepad++

ou Sublime Text

ou tout autre éditeur de votre choix

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

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.

Post date: 2016-07-21 10:57:21
Post date GMT: 2016-07-21 08:57:21
Post modified date: 2018-08-27 16:54:33
Post modified date GMT: 2018-08-27 14:54:33