Rendu : Realiser un site en HTML / CSS a partir d'un modèle
-
Développer la structure HTML :
- Créer la structure de base :
Mettre en place le fichierindex.html
avec les balises nécessaires (head, body, etc.). - Ajouter le contenu du modèle :
Insérer le contenu texte et les images en se basant sur le modèle.
- Créer la structure de base :
-
Styliser avec CSS :
- Écrire le fichier CSS :
Créer le fichierstyles.css
et le lier au fichier HTML. - Utiliser Flexbox ou Grid :
Appliquer Flexbox ou CSS Grid pour agencer le layout selon le modèle. - Définir les styles :
- Polices et couleurs :
Appliquer les styles de police et les couleurs en se basant sur le modèle. - Espacement et alignement :
Utiliser les marges et le padding pour obtenir un rendu esthétique.
- Polices et couleurs :
- Écrire le fichier CSS :
-
Révisions et tests :
- Tester sur différents navigateurs :
S'assurer que le site fonctionne et s'affiche correctement sur Chrome, Firefox, et Safari. - Révisions en groupe :
Organiser une session de feedback au sein des groupes pour identifier les améliorations possibles. - Documenter le processus :
Noter les défis rencontrés et les solutions trouvées lors du développement. - Préparer une démo :
Planifier comment présenter le projet et le code à ses camarades.
- Tester sur différents navigateurs :
- C2. Réaliser une interface utilisateur web statique et adaptable.
- C3. Développer une interface utilisateur web dynamique.
- C1. Planifier le travail à effectuer individuellement et en équipe afin d’optimiser le travail nécessaire à l’atteinte de l’objectif visé.
- C2. Contribuer au pilotage de l’organisation du travail individuel et collectif afin de faciliter la communication, la collaboration et la gestion des imprévus au sein de l’équipe.
- C4. Rechercher de façon méthodique une ou des solutions au problème rencontré afin de retenir une solution adaptée au contexte.
- C5. Partager la solution adoptée en utilisant les moyens de partage de connaissance ou de documentation disponibles afin de contribuer au développement de la connaissance de l’entreprise.
- C6. Présenter un travail réalisé en synthétisant ses résultats, sa démarche et en répondant aux questions afin de le restituer au commanditaire.
- C9. Faciliter un temps de travail collectif en assurant une communication constructive entre les participants dans un cadre de travail clair pour permettre l’implication de tous.