Catégories
FCS FCS1-exos

Structuration et stylisation en 4 étapes

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.

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 😉

Par Yves Goguely

Formateur au GRETA Clermont-Auvergne