Defina um modelo base com blocos
Crie um layout com regiões de bloco substituíveis.
Defina um modelo base com blocos é uma aula grátis de Flask Academy no CoddyKit. Esta é a aula 1 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Flask Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Flask Academy inclui 4 aulas no total.
Os Layouts se Repetem em Toda Parte
Todas as páginas do seu site compartilham o mesmo cabeçalho, navegação e rodapé. Copiar esse HTML para cada modelo dificulta a manutenção. Um modelo-base resolve isso. 🧩
Um Esqueleto, Muitas Páginas
Um modelo-base contém todo o esqueleto HTML uma única vez. As páginas filhas o reutilizam e preenchem apenas as partes diferentes, mantendo a marcação compartilhada em um único arquivo.
Os Blocos Marcam os Espaços
Dentro do modelo-base, um bloco marca uma região que as páginas filhas podem substituir. Tudo fora de um bloco é fixo e compartilhado por todas as páginas.
Declare um Bloco
Você abre uma região com uma tag block nomeada e a fecha com endblock. Tudo entre elas é o conteúdo padrão daquele espaço.
<title>{% block title %}My Site{% endblock %}</title>Um Esqueleto-Base Real
Este base.html envolve o doctype, o cabeçalho e o corpo uma única vez. Os blocos de título e conteúdo são as únicas partes que as páginas personalizarão.
<!DOCTYPE html>
<html>
<head>
<title>{% block title %}Site{% endblock %}</title>
</head>
<body>
{% block content %}{% endblock %}
</body>
</html>Dê Nomes Claros aos Blocos
Dê a cada bloco um nome descritivo, como content, title ou sidebar. As páginas filhas referenciam os blocos pelo nome exato ao substituí-los.
Os Blocos Podem Conter Padrões
O conteúdo entre as tags do bloco é um valor padrão. Se uma página filha não substituir o bloco, o visitante verá esse texto alternativo.
{% block footer %}© CoddyKit{% endblock %}Onde Fica o Arquivo-Base
Mantenha o layout na pasta templates, geralmente com o nome base.html. Os modelos filhos apontam para ele por esse caminho quando o estendem.
Planeje os Blocos Antes de Programar
Pense em quais áreas da página realmente mudam: título, corpo principal e talvez uma barra lateral. Cada área variável se torna um bloco no seu layout base.
Os blocos podem ser aninhados
Um bloco pode ficar dentro de outro bloco, como um bloco de cabeçalho contendo um bloco de estilos. O aninhamento permite ajustar detalhes sem redefinir toda a região.
Menos marcação para manter
Com um modelo base, atualizar a navegação uma vez altera todas as páginas ao mesmo tempo. Essa fonte única da verdade é justamente o objetivo de um layout compartilhado. ✨
Verificação rápida
Qual é a finalidade de uma tag de bloco em um modelo base?
Recapitulação: modelos base
Um modelo base armazena a marcação compartilhada uma única vez e disponibiliza blocos nomeados como espaços personalizáveis. Em seguida, você estenderá essa base a partir de páginas filhas. 🎯
Aprenda Python com um tutor de IA — grátis
Escreva e execute código real no seu navegador, obtenha ajuda instantânea de um tutor de IA 24/7 e continue de onde parou na web ou no app.
- Cursos
- 30
- Aulas
- 120
Perguntas Frequentes
A aula “Defina um modelo base com blocos” é grátis?
Sim — o texto completo de “Defina um modelo base com blocos” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Flask Academy, atualize para CoddyKit PRO. O curso de Flask Academy inclui 4 aulas no total.
O que vou aprender em “Defina um modelo base com blocos”?
Crie um layout com regiões de bloco substituíveis. Você pratica Flask Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Flask Academy?
Nenhuma experiência prévia é necessária. Flask Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 1 de 4.
Quanto tempo leva a aula “Defina um modelo base com blocos”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Flask Academy?
Sim. Cada aula de Flask Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Defina um modelo base com blocos
- Estenda o modelo base em páginas filhas
- Inclua parciais reutilizáveis
- Macros para marcação repetida