Chemins d'accès (URL)
Dans la section "navigation", nous avons identifié les problèmes pouvant affecter la façon de naviguer entre les différentes pages d'un site. Bien que nous effectuions un rappel de certaines notions ici, le principe d'adresse se prolonge aussi aux chemins d'accès des différents éléments intégrés à une page : feuille de style, images, etc. L'image ci-dessous servira de référence pour les différentes problématiques en lien avec les chemins d'accès.
Le chemin d'accès aux fichiers CSS
[ La feuille de style doit être lié adéquatement au site ]
Vous êtes très nombreux à avoir cette erreur dans vos productions. Il est essentiel de s'assurer que la feuille de style est liée adéquatement à votre page. Vérifiez d'une part si la feuille de style est à l'intérieur d'un dossier ou non. Si c'est le cas, le nom du dossier doit être présent dans l'adresse. Comme nous le constatons dans l'exemple ici, l'adresse pointe directement à la racine du dossier. Comment est-ce possible? La page nautique.html est présente à la racine du dossier. En n'indiquant aucun dossier à l'intérieur de l'attribut href, nous sommes en mesure de dire que l'étudiant pointe son lien sur la racine du dossier.
Dans la majorité des cas, vous trouverez les feuilles de style à l'intérieur d'un dossier CSS. Avant d'inclure automatiquement le dossier CSS à votre adresse, assurez-vous que ce dossier est présent dans le dossier fourni ou que vous avez inclus en dossier CSS dans votre dossier de travail.
Assurez-vous d'avoir installé EMMET, car il fait les liens avec le dossier automatiquement avec votre projet. Si le fichier est existant, vous avez qu'à taper dans ce cas-ci css/ dans l'attribut href et EMMET va vous proposer des suggestions. En procédant de la sorte, vous vous assurez d'avoir de la qualité de vos adresses. Nous prenons en exemple les feuilles de style CSS, mais c'est aussi applicable pour les scripts de programmation ou vos médias.
La gestion des fichiers pour la navigation
[ Toujours travailler à l'intérieur du dossier de projet ]
L'exemple suivant est similaire au précédent, cependant le fichier de travail est à l'extérieur du dossier de projet. C'est important ce que celui-ci (le dossier) soit identifié adéquatement selon les standards du département (3 premières lettres de votre nom de famille + la première lettre de votre prénom + votre matricule + le nom du dossier). Comme nous l'indiquons dans l'image du correctif, vous n'avez pas besoin d'un fichier supplémentaire pour votre projet. Vous avez qu'à identifier adéquatement votre dossier de travail.