Jalon 3 : Modification de l’apparence des éléments de la page
Créez une feuille de style CSS externe et modifier l'habillage de la page Web à l'aide du langage CSS
Modifier l'affichage de l'arrière-plan (background) de la page (utilisation d'un fond coloré, d'une image fixe ou non et d'un motif répété)
Modifier l'affichage des titres (couleurs, police, taille,...)
Modifier l'affichage des hyperliens (couleurs, arrière-plan au survol de la souris,...)
Modifier l'affichage des paragraphes (couleur, texte justifié,...)
...
Jalon 4 : Création et gestion des différentes divisions de la page index.html
Ajouter le code CSS et le code HTML
Division "logo" qui doit juste contenir une image
Division "navigation" qui doit juste contenir la liste à puces
Division "contenu" qui doit contenir le reste des éléments de la page Web (le titre de type h1, le(s) paragraphe(s), les images,...),
Changer l'allure de la liste à puce située dans « navigation » pour en faire un menu
Dessiner puis préparer le gabarit de la page type de votre site Web en identifiant vos divisions.
Vous pouvez choisir un gabarit comme ceux présentés ci-dessous ou créer votre gabarit.
La conception de votre gabarit doit être déposée avec votre projet.
Vous pouvez dessiner le gabarit sur un papier ou en utilisant un logiciel (comme MS Paint, MS Word).
Créer le code CSS et HTML de toutes les divisions (en leur appliquant, dans un
premier temps, des couleurs de fond ( background-color ) différentes pour faciliter
leur positionnement
Jalon 5 : Création et gestion des différentes divisions des rubriques
Appliquer le gabarit fait dans le Jalon 4 aux rubriques de votre site web.
Moodle
Créer un fichier projet2.zip et déposer le sur le Moodle : TP2 - Dépôt - Projet Jalon 3,4
Consignes à suivre
Le fichier doit être nommé exactement projet2.zip (pas de Projet.zip, TP2.zip, Projet_Kilian.zip, ...)
La page d'accueil doit être nommée index.html (pas de Index.html, accueil.html, ... )
Les sous répertoires doivent être nommés css, data, page, img (pas de CSS, Data, PAGE, Image, ...)
L'absence du dépôt de votre projet avant la fin de la séance de TP entraînera un malus sur votre projet final
