Django Academy · Leçon

STATICFILES et la balise static

Organisez et référencez vos ressources.

Leçon 1 sur 413 étapes

STATICFILES et la balise static est une leçon Django Academy gratuite sur CoddyKit. Ceci est la leçon 1 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Django Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Django Academy comprend 4 leçons au total.

Certaines parties de cette leçon n'ont pas encore été traduites et s'affichent en anglais.

What Static Files Are

Your CSS, JavaScript, and design images do not change per request. Django calls these static files and serves them separately from your Python views. 🎨

The static App

Django ships django.contrib.staticfiles in INSTALLED_APPS by default. It finds, collects, and serves your assets so you do not wire that up by hand.

INSTALLED_APPS = [
    'django.contrib.staticfiles',
]

Where Files Live

By convention you keep an app's assets inside a folder named static right next to its views and templates. Django scans every app for that folder.

blog/
  static/
    blog/
      style.css

Namespace Your Folder

Nest assets under a folder matching the app name, like static/blog/. This namespacing stops two apps from clobbering each other's style.css.

The STATIC_URL Setting

The STATIC_URL setting is the public path prefix browsers use to fetch assets. Requests starting with this prefix are routed to your static files.

STATIC_URL = '/static/'

Load the static Tag

To reference assets in a template, first load the tag library with load static at the very top of the file.

{% load static %}

Use the static Tag

The static tag turns a relative asset path into the correct full URL, so you never hardcode STATIC_URL into your HTML.

<link rel="stylesheet" href="{% static 'blog/style.css' %}">

Why Not Hardcode

If you wrote /static/blog/style.css by hand, changing STATIC_URL later would break every page. The static tag keeps your links flexible. ✅

Linking JavaScript

The same static tag works for any asset type. Point a script tag at a JS file and Django resolves the path for you.

<script src="{% static 'blog/app.js' %}"></script>

STATICFILES_DIRS

For project-wide assets that belong to no single app, add their folders to STATICFILES_DIRS and Django will search there too.

STATICFILES_DIRS = [BASE_DIR / 'assets']

Finders Do the Work

Behind the scenes, static finders walk every app's static folder plus STATICFILES_DIRS to locate the file a template asks for.

Quick Check

Let us check how you reference a static file in a template.

Recap

You learned that static files are your CSS and JS, that they live in namespaced static folders, and that the static tag builds their URLs cleanly. 🎉

Gratuit pour commencer

Apprends Python avec un tuteur IA — gratuit

Écris et exécute du vrai code dans ton navigateur, obtiens de l'aide instantanée d'un tuteur IA disponible 24h/24, et reprends là où tu t'es arrêté sur le web ou dans l'app.

Cours
30
Leçons
120

Questions Fréquemment Posées

La leçon « STATICFILES et la balise static » est-elle gratuite ?

Oui — le texte complet de « STATICFILES et la balise static » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Django Academy, passe à CoddyKit PRO. Le cours Django Academy comprend 4 leçons au total.

Qu'est-ce que j'apprendrai dans « STATICFILES et la balise static » ?

Organisez et référencez vos ressources. Tu pratiques Django Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer Django Academy ?

Aucune expérience préalable n'est requise. Django Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 1 sur 4.

Combien de temps prend la leçon « STATICFILES et la balise static » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon Django Academy ?

Oui. Chaque leçon Django Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

  1. STATICFILES et la balise static
  2. collectstatic pour la production
  3. MEDIA_ROOT et téléversements de fichiers
  4. ImageField et diffusion des téléversements
← Retour à Django Academy