En plus du HTML généré par le serveur, les applications Web nécessitent souvent des fichiers supplémentaires, tels que des images, des scripts et des feuilles de style, pour faciliter le rendu des pages Web. Dans Django, nous appelons collectivement ces fichiers « fichiers statiques ».
Nous utilisons des fichiers statiques pour stocker les ressources statiques, et Django recherchera un dossier spécifique nommé dans chaque sous-fichier de l'application spécifiée dans INSTALLED_APPS .static
Styles CSS de référence
Créez le fichier polls/static/polls/style.css
li a {
color: green;
}
polls/templates/polls/index.html
Ajoutez ce qui suit à l'en-tête du fichier
{% load static %}
<link rel="stylesheet" href="{% static 'polls/style.css' %}">
Rechargez http://localhost:8000/polls/
et vous constaterez que le lien problématique est vert (c'est la manière propre à Django de marquer les problèmes), ce qui signifie que la feuille de style que vous avez ajoutée fonctionne.
image de citation
Créez un sous-répertoire pour les images. polls/static/polls/
Créez des sous-répertoires dans un répertoire images
. Dans ce répertoire, ajoutez tous les fichiers image que vous souhaitez utiliser comme arrière-plans.
body {
background: white url("images/background.png") no-repeat;
}
Mettre une image dans le dossier background.png
Ajouter une référence à l'image dans la feuille de style ( polls/static/polls/style.css
)
Le navigateur se recharge http://localhost:8000/polls/
, vous verrez cette image de fond dans le coin supérieur gauche de l'écran