Arquivos estáticos

Além do HTML gerado pelo servidor, aplicações web normalmente precisam servir outros arquivos – como imagens, JavaScript, ou CSS – necessário para renderizar a página web completa. No Django, nós chamamos estes arquivos de "arquivos estáticos".

Para projetos pequenos isto não é tão relevante porque você pode manter os arquivos estáticos em qualquer lugar do seu servidor web. No entanto, em projetos grandes - especialmente aqueles compostos por múltiplas aplicações - trabalhar com múltiplos conjuntos de arquivos estáticos pode ser complicado.

É para isto que o app django.contrib.staticfiles serve: ele coleciona os arquivos estáticos de cada uma de suas aplicações (e qualquer outro lugar que você especifique) em um único local que pode ser facilmente servido em produção. Esse app já está na lista de INSTALLED_APPS no seu arquivo getit/settings.py.

{% extends "notes/base.html" %}
{% load static %}

<img src="{% static 'notes/img/logo-getit.png' %}" width="100" height="60"/>

Outros arquivos estáticos#

Assim como acabamos de fazer com a imagem, você pode adicionar outros arquivos estáticos (css, javascript, etc.) na pasta notes/static/notes e eles serão disponibilizados pelo servidor. Para manter a organização, você pode criar uma pasta notes/static/notes/style para colocar os arquivos css, um notes/static/notes/scripts para os arquivos javascript, e assim por diante.

Nosso próximo passo é implementar a view de autenticação (login)