Objectifs
Voici les connaissances abordées dans ce cours.
- Revoir les bases de HTML et CSS permettant de structurer et styler un document
- Savoir disposer les éléments d’une interface avec flexbox
- Apprendre à afficher une police de caractères sur un site web
Mots-clefs
Brief
Après avoir conçu et maquetté le nouveau site web d’Agone, vous allez désormais l’intégrer en HTML/CSS. Dans ce travail vous découvrirez donc les règles et outils permettant de créer un site web statique.
Éléments
Avant de commencer, télécharger le dossier elements qui contient tous les éléments fournis pour ce sujet.
Demande
Nous avançerons dans ce travail pas à pas. Vous commencerez par créer les fichiers HTML correspondant aux différentes vues du site Agone. Vous reproduirez ensuite la structure et insérerez le contenu de vos vues en utilisant les balises adéquates. Vous finirez par styler le tout en CSS, c’est-à-dire répercuter l’affichage des polices, des couleurs, des colonnes, des espacements etc. À la fin de ce travail, votre site web devra ressembler trait pour trait à votre maquette initiale.
Rendu et notation
Le rendu s’effectuera par mail à l’adresse davidcours@wearemd.com. Vous trouverez ci-dessous la liste exhaustive des dossiers / fichiers à inclure dans votre rendu. Veillez à respecter la convention de nommage demandée (avec des tirets).
code-sujet-1-prenom-nom |
|---|
site |
collections.html |
css |
minireset.css |
nom-de-la-fonte.css |
style.css |
fonts |
nom-de-la-fonte.ttf |
nom-de-la-fonte.woff |
nom-de-la-fonte.woff2 |
glossaire.html |
images |
index.html |
livre.html |
Voici les critères de notation pour ce sujet.
| /20 | |
|---|---|
| /12 | Adéquation du site web avec la maquette |
| /6 | Qualité de la structure et du code HTML/CSS |
| /2 | Tous les fichiers demandés fournis, organisés et nommés correctement |