Réaliser une maquette pour une page web. Utiliser HTML et CSS pour réaliser une page respectant une maquette. Versionner son travail sur un repo github. Publier une page sur internet.
Contexte Pour produire des pages web modernes, il faut disposer des outils adéquats : pour le volet technique mais aussi pour la gestion du projet.
Intention Apprendre à gérer un projet efficacement.
Compétence.s concernée.s
- C1 : Maquetter une application
- C6: Développer des pages web en lien avec une base de données
Critères de réussite
- La maquette respecte les contraintes exprimées.
- La page web est lisible sans feuille de style.
- Le projet est bien présent dans un repo github dont le lien est fourni par l’apprenant.
- Les différents commits réalisés correspondent bien aux différentes étapes du projet.
- L’adresse web de la page internet est fournie.
- La page internet est bien publique.
- La page est lisible sur plusieurs navigateurs.
- L’adresse web de la page internet se trouve bien dans le readme du repo github.
- La page internet correspond bien à la maquette réalisée.
- La page internet réalisée ressemble bien au modèle.
- Le Kaban est complet, détaillé et reflète bien le déroulement du projet.
- Le journal de bord est bien incrémenté chaque jour.
Livrable.s
- Adresse du repo github.
- Adresse de la page internet.
- Maquette de la page internet au format papier.
- Kanban Board.
- Journal de bord.
A envoyer par mail : acerveaux@simplon.co, melbabili.ext@simplon.co
Ce projet consiste à reproduire la page d’accueil du site simplon.co. Réaliser la maquette (wireframe) de votre page internet au format papier en respectant la demande suivante. Pour cela, décomposez aussi précisément que possible la page.
Réaliser la page internet correspondant à votre maquette. Les fichiers de la page internet sont mis sur un dépôt GitHub personnel
Kanban
Avec l’outil de votre choix, constituez un Kanban qui vous servira à recenser les tâches à effectuer, leur répartition mais aussi leur avancement.
Publier une page internet
Maintenant, vous savez faire.
Conseils
Faire des synchronisations régulières que vous fixez à l'avance Prendre le temps de bien se répartir le travail Garder son calme et rester professionnel N’oubliez pas que vous avez d’autres exercices et projets à rendre
Bonus
Comment intégrer l’animation de chargement de la page ? Comment procéder pour que la réalisation des autres pages du site soit plus facile ?