= Referências a arquivos estáticos =

Utilizamos frequentemente a referência a imagens, CSS e scripts de JavaScript em nossas páginas web, como nos exemplos abaixo:

{{{
<img src="/media/imagem.gif"/>
<script src="/media/testes.js"></script>
<link rel="stylesheet" href="/media/base.css"></script>
}}}

Ocorre que temos a setting '''MEDIA_URL''', que indica o caminho-raiz para arquivos estáticos, podendo inclusive contêr endereço a outro domínio ou subdomínio em caso de servidores separados.

Uma boa prática para tornar seu código mais correto e compatível com esta setting é utilizando o context processor '''django.core.context_processors.media''', indicando-o na setting '''TEMPLATE_CONTEXT_PROCESSORS''', como no exemplo abaixo:

{{{
TEMPLATE_CONTEXT_PROCESSORS = (
    'django.core.context_processors.auth',
    'django.core.context_processors.debug',
    'django.core.context_processors.i18n',
    'django.core.context_processors.media',
)
}}}

Sendo assim, você passará a utilizar a variável '''MEDIA_URL''' sempre que fizer referência ao cominho-raiz para arquivos estáticos, como abaixo:

{{{
<img src="{{ MEDIA_URL }}imagem.gif"/>
<script src="{{ MEDIA_URL }}testes.js"></script>
<link rel="stylesheet" href="{{ MEDIA_URL }}base.css"></script>
}}}