{"id":2682,"date":"2020-10-15T18:59:48","date_gmt":"2020-10-15T16:59:48","guid":{"rendered":"http:\/\/graphizm.fr\/greta\/?p=2682"},"modified":"2025-10-05T21:07:26","modified_gmt":"2025-10-05T19:07:26","slug":"structuration-et-stylisation-en-4-etapes","status":"publish","type":"post","link":"https:\/\/graphizm.fr\/greta\/fcs\/structuration-et-stylisation-en-4-etapes\/","title":{"rendered":"Structuration et stylisation en 4 \u00e9tapes"},"content":{"rendered":"\n

Cette s\u00e9rie d’activit\u00e9s vous permet d’\u00e9laborer un site one page simple<\/strong>. Vous n’aurez pas \u00e0 vous soucier de toutes les contraintes de la r\u00e9daction pour le Web. Il ne sera pas question de choix et de positionnement de mots cl\u00e9s. Il ne sera pas question d’optimisation des titres, de longueur des phrases, etc.<\/p>\n\n\n\n

\u279c Dans un premier temps il s’agit de produire ou collecter un texte<\/strong> en suivant une structure r\u00e9dactionnelle simple.<\/p>\n\n\n\n

\u279c Dans un second temps, le texte produit est structur\u00e9 en langage HTML<\/strong>. Il devient une page Web \u00e9l\u00e9mentaire, consultable \u00e0 l’aide d’un navigateur.<\/p>\n\n\n\n

\u279c La page HTML est ensuite stylis\u00e9e<\/strong> en faisant appel \u00e0 des instructions CSS simples. La page prend ainsi des couleurs, la typographie est plus originale et le futur site commence \u00e0 se montrer sous un jour satisfaisant.<\/p>\n\n\n\n

\u279c Enfin, \u00e0 la derni\u00e8re \u00e9tape, un menu est int\u00e9gr\u00e9 en t\u00eate de la page Web stylis\u00e9e<\/strong>, pour faciliter la navigation dans le texte (… et donc dans le site). Une feuille de style particuli\u00e8re est utilis\u00e9e pour cela.<\/p>\n\n\n\n

Liste des activit\u00e9s<\/h2>\n\n\n\n

Voici les activit\u00e9s correspondantes \u00e0 ces 4 \u00e9tapes.<\/strong><\/p>\n\n\n\n