Pour vous faciliter la vérification voici une compilation des travaux demandés au fur et à mesure des cours:
- Cours 1 du 8/9 février 2024: Poème
Mettre en ligne sur Netlify la page réalisée dans le cadre du cours (un poème).
M’envoyer l’adresse par mail. Réalisé durant le cours. Vous avez un site et donc une URL chez Netlify. - Cours 2 du 15/16 février 2024: Jodi
Ecrire une page HTML en utilisant correctement les balises vues au cours: H1, H2, P, HR, BR, STRONG, EM. Site à la « Jodi » . Mettre en ligne sur Netlify.
Vous avez donc maintenant deux projets hébergés chez Netlify, deux URL différentes. - Cours 3 du 22/23 février 2024: catalogue
Créer une page de menu qui mène vers vos 2 premiers sites (2 URL différentes). Utiliser évidemment des adresses absolues. La mettre en ligne sur Netlify. Il s’agit d’une nouvelle URL. M’envoyer par mail l’URL de cette nouvelle page en me signalant dans le mail qu’il s’agit de votre page catalogue. Vous l’actualiserez chaque fois que vous réaliserez une nouveau site (une nouvelle URL). Attention, ce sera cette page sur laquelle je me baserai pour trouver vos sites réalisés pour l’évaluation. Ce sera elle également que je mettrai sur la page rassemblant votre travail pour le cours.
Vous avez donc maintenant trois projets hébergés chez Netlify, trois URL différentes. - Cours 4 du 29 février/1 mars 2024: site de 3 pages artiste
Réaliser un petit site Web de 3 pages consacré à un artiste.
Pour le contenu vous pouvez prendre la matière sur la page wikipedia d’un artiste, par exemple la partie consacrée à la biographie de Manet (ce sont des pages bien structurées avec titre, sous titre…).
Chacune des 3 pages contiendra:
– plusieurs niveaux de titre, une balise H1 (biographie) et une ou plusieurs balises H2 (enfance, apprentissage, début… en fonction de la page)
– Utilisez à bon escient au moins une balise STRONG et une balise EM.
– plusieurs paragraphes,
– une navigation identique sur chaque page. Navigation réalisée avec une liste.
– Au moins une image.
Chaque page sera liée au fichier CSS modifiant la couleur de certains éléments.
Mettre en ligne sur Netlify.
Vous avez donc maintenant quatre projets hébergés chez Netlify, quatre URL différentes.
N’oubliez pas de mettre à jour votre page catalogue avec cette nouvelle URL et de la remettre en ligne en gardant la même URL. - Cours 5 du 7/8 mars 2024:
Mettre à jour le site précédent avec ce qui a été vu au cours (typographie, habillage…).
Mettre à jour sur Netlify, donc en gardant la même URL.
Vous avez donc toujours quatre projets hébergés chez Netlify, quatre URL différentes.
Pas besoin de mettre à jour votre page catalogue car l’URL n’a pas changé. - Cours 7 du 28/29 mars 2024:
Mettre à jour le site précédent avec ce qui a été vu au cours (structuration). Vous avez donc toujours quatre projets hébergés chez Netlify, quatre URL différentes. - Cours 8 du 11/12 avril 2024: Travail en classe: template
- Téléchargez, modifiez et mettez en ligne sur Netlify le template HTML suivant : https://html5up.net/lens (pour le télécharger le bouton Download est en haut à droite).
- Remplacez les images par les vôtres (petits formats et grands formats) et modifiez leurs légendes et descriptions.
- Modifiez les liens vers les réseaux sociaux, supprimez celui vers Githup, activez le mail sur l’icône de l’enveloppe (cherchez sur internet « lien html mail« ).
- Modifiez le titre et la description de la page.
- Remplacez la police de base par une autre police de caractère.
- Mettez le tout en ligne sur Netlify. Vous avez donc un cinquième projet hébergé chez Netlify, cinq URL différentes.
- Ajouter le lien de ce nouveau site sur votre page catalogue (celle qui regroupe tous vos sites).
- Testez sur un téléphone ou une tablette pour vous assurez que tout fonctionne.
- Cours 9 du 18/19 avril 2024: Bootstrap
Réalisation d’une (ou plusieurs) page(s), sujet libre, utilisant les techniques vues à ce cours, Bootstrap notamment. La mettre en ligne sur Netlify. Vous avez donc un sixième projet hébergé chez Netlify, six URL différentes.
Ajouter le lien de ce nouveau site sur votre page catalogue (celle qui regroupe tous vos sites). - Geonetart
Le briefing.