À ce stade, vous devriez avoir un rendu exploitable. Faites un dernier tour d'horizon pour vous assurer que tout est en ordre.

Les vérifications

  • ☐ Aucun lien « mort » : demandez à l'agent de vérifier tous les liens du site et de vous lister ceux qui ne fonctionnent pas.
  • ☐ Toutes les pages s'affichent correctement sur ordinateur et sur mobile.
  • ☐ Le menu fonctionne sur mobile.
  • ☐ Chaque page et chaque article a un title et une description (cf. checklist de l'étape 6).
  • ☐ La page 404 et les mentions légales sont en place.
  • ☐ Plus aucun texte provisoire ne traîne (« Lorem ipsum », « Titre de l'article »…).
  • ☐ Le site obtient un bon score sur PageSpeed Insights (à tester une fois en ligne).

La mise en ligne

  1. Vérifiez que tous vos commits sont bien envoyés sur GitHub (demandez à l'agent : « Pousse tous les commits sur GitHub. »).
  2. Sur Netlify, choisissez « Add new site » puis « Import an existing project », et sélectionnez votre dépôt GitHub. Netlify reconnaît Astro tout seul : validez les réglages proposés.
  3. Dans les réglages du site, renommez-le pour obtenir une adresse lisible, du type prenom-nom.netlify.app.
  4. Testez votre formulaire de contact : c'est le moment !

Désormais, à chaque fois que vous pousserez un commit sur GitHub, votre site se mettra à jour automatiquement en ligne, en une minute environ.

Attention : Netlify génère aussi des adresses de « prévisualisation » (du type deploy-preview-3--prenom-nom.netlify.app). Celles-ci ne sont pas indexées par Google. L'adresse à rendre est toujours l'adresse principale de votre site.

Rendu final attendu

  • Un compte-rendu de l'ensemble de vos travaux en justifiant vos choix. Soyez synthétiques, je veux m'assurer que vous avez bien respecté chaque étape du processus de création. Il doit contenir en annexe :

- les versions successives de votre cahier des charges ;

- votre journal de pilotage : 3 à 5 demandes faites à l'agent qui vous semblent significatives, avec pour chacune ce que vous avez demandé, ce que l'agent a produit, ce qui n'allait pas et comment vous avez corrigé.

  • L'adresse de votre site en ligne.
  • Un accès à votre dépôt GitHub : dans les réglages du dépôt, rubrique « Collaborators », invitez le compte [identifiant GitHub].

Déposez votre compte-rendu (avec l'adresse du site) dans l'espace dédié au devoir sur Classroom.

Date de gel : aucun commit ne doit être poussé après la date de remise. L'historique de GitHub et de Netlify fait foi.

Le barème

La note sera établie en fonction d'un barème qui évaluera :

  • Le travail préliminaire (recherche d'idées, sources d'inspiration…)
  • L'arborescence et le maquettage
  • La qualité du cahier des charges et sa progression d'une version à l'autre
  • La bonne intégration d'une page de contenus en rapport avec votre thématique
  • La réalisation du site en lui-même (la « forme »), son respect de vos maquettes et de votre cahier des charges
  • Les fonctionnalités intégrées et leur justification
  • La qualité du pilotage de l'agent (journal de pilotage)
  • La qualité générale du dossier rendu

← 8. Créer le menu, le footer, et finaliser la construction de votre site