This tutorial begins where Tutorial 5 left off.\nWe’ve built a tested web-poll application, and we’ll now add a stylesheet and\nan image.
\nAlé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”.
\nFor small projects, this isn’t a big deal, because you can keep the static\nfiles somewhere your web server can find it. However, in bigger projects –\nespecially those comprised of multiple apps – dealing with the multiple sets\nof static files provided by each application starts to get tricky.
\nÉ para isto que o 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.
Primeiro, crie um diretório chamado static no seu diretório polls. O Django vai procurar os arquivos estáticos ali, de maneira similar a como o Django encontra os templates dentro de polls/templates/.
A configuração STATICFILES_FINDERS do Django contém uma lista de buscadores que sabem como descobrir os arquivos estáticos de diversas fontes. Um dos padrões é o AppDirectoriesFinder que procura por um subdiretório “static” em cada uma das INSTALLED_APPS, como a polls que nós acabamos de criar. O site de administração usa a mesma estrutura de diretórios para os arquivos estáticos.
Within the static directory you have just created, create another directory\ncalled polls and within that create a file called style.css. In other\nwords, your stylesheet should be at polls/static/polls/style.css. Because\nof how the AppDirectoriesFinder staticfile finder works, you can refer to\nthis static file in Django as polls/style.css, similar to how you reference\nthe path for templates.
Coloque o seguinte código na sua folha de estilo (polls/static/polls/style.css):
polls/static/polls/style.cssli a {\n color: green;\n}\nEm seguida, adicione o seguinte no topo de “polls//templates/polls/index.html”:
\npolls/templates/polls/index.html{% load static %}\n\n<link rel="stylesheet" href="{% static 'polls/style.css' %}">\nO modelo tag {% static %} gera a URL absoluta para arquivos estáticos.
Isso é tudo que você precisa fazer para o desenvolvimento.
\nInicie o servidor (ou reinicie se estiver em execução):
\nLinux / macOS
$ python manage.py runserver\nWindows
...\\> py manage.py runserver\nReload http://localhost:8000/polls/ and you should see that the question\nlinks are green (Django style!) which means that your stylesheet was properly\nloaded.
Next, we’ll create a subdirectory for images. Create an images subdirectory\nin the polls/static/polls/ directory. Inside this directory, add any image\nfile that you’d like to use as a background. For the purposes of this tutorial,\nwe’re using a file named background.png, which will have the full path\npolls/static/polls/images/background.png.
Then, add a reference to your image in your stylesheet\n(polls/static/polls/style.css):
polls/static/polls/style.cssbody {\n background: white url("images/background.png") no-repeat;\n}\nRecarregue “http://localhost:8000/polls/” e você deverá ver o fundo carregado no canto superior esquerdo da tela.
\n\nEstes são os básicos. Para mais detalhes nas configurações e outras coisas incluídas no framework veja o howto arquivos estáticos. Fazendo deploy de arquivos estáticos discute como usar arquivos estáticos em um servidor real.
\nQuando você estiver confortável com os arquivos estáticos, leia parte 7 deste tutorial para aprender como personalizar o site de administração gerado automaticamente pelo Django.
\n