Cette série d’activités vous permet d’élaborer un site one page simple. Vous n’aurez pas à vous soucier de toutes les contraintes de la rédaction pour le Web. Il ne sera pas question de choix et de positionnement de mots clés. Il ne sera pas question d’optimisation des titres, de longueur des phrases, etc.
➜ Dans un premier temps il s’agit de produire ou collecter un texte en suivant une structure rédactionnelle simple.
➜ Dans un second temps, le texte produit est structuré en langage HTML. Il devient une page Web élémentaire, consultable à l’aide d’un navigateur.
➜ La page HTML est ensuite stylisée en faisant appel à des instructions CSS simples. La page prend ainsi des couleurs, la typographie est plus originale et le futur site commence à se montrer sous un jour satisfaisant.
➜ Enfin, à la dernière étape, un menu est intégré en tête de la page Web stylisée, pour faciliter la navigation dans le texte (… et donc dans le site). Une feuille de style particulière est utilisée pour cela.
Liste des activités
Voici les activités correspondantes à ces 4 étapes.
- Activités sur la structure HTML d’une page Web
- Structuration avant stylisation
- Stylisation après structuration
- Insertion d’un menu avec Luxbar
Réaliser l’ensemble des activités proposées ici nécessite plusieurs journées de travail persévérant. Le résultat de vos efforts vous permettra d’envisager la mise en ligne une page Web du type de celle présentée ci-dessous.

Bon courage à tous 😉