Je vous propose pour le TP à rendre, un modèle de site ONE PAGE (issu de https://html5up.net/dimension ) : il n’y a qu’une seule page sur ce site divisé en 4 sous rubriques.
Il vous ai demandé de personnaliser ce Template pour le personnaliser : texte/images et vous l’approprier.
Je vous invite tout d’abord, à personnaliser les images présentes dans le dossier IMAGES (72dpi et à bien respecter les dimensions en px)
– le background ( bg.jpg)
– pic01.jpg
– pic02.jpg
– pic03.jpg
De remplacer le texte en anglais par du français (sauf le menu) et de personnaliser au maximum ce Template.
Vous allez voir qu’en très peu de temps, vous pourrez vous complètement vous appropriez ce template, pour le personnaliser même si vous ne maîtrisez pas tout le code.
Pour ce TP, vous avez la possibilité aussi de choisir un autre Template à télécharger gratuitement depuis le site https://html5up.net/.
Vous devrez déposer sur le serveur l’ensemble du dossier ZIPPE + une capture écran d’une page de votre site
J’espère que vous apprécierez cet exercice qui vous sera très utile pour mettre en application ce que vous apprenez. N’hésitez pas à vous aider les uns aux autres.
Travailler avec du code existant est aussi une façon d’apprendre et de pratiquer pour vous familiariser avec le code HTML.
Encore une fois, ne vous mettez pas la pression inutilement, ce n’est qu’un cours d’initiation au HTML et CSS.
Bon travail à vous
Livrables
Votre projet doit contenir :
Votre travail au format HTML & CSS
Le fichier contenant les éléments graphiques ( les images , les typographies).
Le tout comportant votre nom et prénom + nom du cours.
