Créez les répertoires styles, images, videos et aide en respectant la casse
(en informatique, la casse désigne le fait de distinguer les lettres capitales des lettres minuscules).
Vous pourrez ensuite en créer d'autres si nécessaire.
Déplacez les fichiers dans leurs dossiers respectifs. Les fichiers html restent pour le moment à la racine du répertoire, hormis les 2 fichiers
aide_xxx.html que vous déplacerez dans le répertoire aide.
Rechargez la page dans votre navigateur (F5)...
Mais que s'est-il passé ?
Pourquoi, n'y a t-il plus de style ? Où sont les images ?
Et si vous cliquez sur l'onglet Aide mémoire du menu, quel message d'erreur apparait ?
Ouvrez le fichier organisation.html avec Notepad++ et insérez vos commentaires à ce sujet dans le fichier.
. . .
. . .
. . .
Puis réalisez les tâches suivantes :
Corrigez les chemins d'accès pour cette page mais également pour les autres pages du site, afin de résoudre ces différents problèmes.
Pensez à bien définir les chemins pour les 2 pages d'aide, en particulier.
Vérifiez que toutes les pages sont bien accessibles et que les images sont visibles.
Mais ce n'est pas fini...
Créez un tableau (dans cette section), pour représenter l'arborescence du site et le nombre de fichiers présents dans chaque répertoire, suivant ce modèle :
Titre du tableau : Arborescence du site
2 colonnes de titre : Répertoires et Contenus
5 lignes de contenu : Racine, aide, images, styles et videos, où vous renseignerez le nombre de fichiers qui s'y trouvent.
1 dernière ligne qui englobe les 2 colonnes, où vous indiquerez (encadré par des balises <em>) : Mis à jour, le .....
Arborescence du site
Répertoires
Contenus
Racine
5
aide
2
images
14
styles
5
vidéos
0
mis à jour le 28/09/2021
C'est bien... mais là aussi, cela manque de style !
Créez une feuille de style CSS que vous appellerez tableau.css et que vous rangerez dans le répertoire adéquat, suivant ce modèle :
Largeur du tableau : 400px
Largeur de la dernière colonne : 100px
Aligner à gauche sur la puce de la liste, etc
Afin d'obtenir ce résultat (il s'agit ici d'une image !) :
Pensez à mettre à jour, le nombre de fichiers présents dans le répertoire styles !
Vos codes HTML et CSS, sont-ils corrects ?
Vous avez modifié le contenu de la page Web, ainsi que créé une feuille de style.
Mais tout cela est-il bien écrit ? Cliquez sur l'onglet Validation du menu pour le vérifier !
