aulify
Planificação modular · UC02651

Construir estilos em CSS (Cascadin Style Sheets)

Curso: Técnico/a de Multimédia Carga: 25h Créditos: 2.25 Tempos: 30 × 50 min Sessões: 10
Proposta de distribuição para tempos letivos de 50 minutos (25h ≈ 30 tempos). Ajuste a blocos de 45 ou 90 minutos e ao calendário da sua escola; os conteúdos seguem os materiais da UC e os objetivos o referencial oficial, a sequência é uma sugestão.

Planificação sessão a sessão

AulaTemposSessãoConteúdosRecursos AulifyAvaliação
12Apresentação da unidadeApresentação da unidade de competência, dos conteúdos e dos critérios de avaliação. Diagnóstico inicial.🎨 SlidesDiagnóstica.
24CSS fundamentosCSS fundamentos: O que é CSS, Selectores, Especificidade, Box model, Cascata e herança.🎨 SlidesFormativa (observação e exercícios).
34Layout modernoLayout moderno: Flexbox, Propriedades flex, Grid, Flexbox vs Grid.🎨 SlidesFormativa (observação e exercícios).
44Responsive designResponsive design: Mobile-first, Media queries, Unidades relativas, clamp() e fluidez.🎨 Slides📝 Ficha 01 · Fundamentos, Flexbox/Grid e especificidadeFormativa (Ficha 01).
54CSS avançadoCSS avançado: Custom properties (variáveis), calc(), Pseudo-elementos e pseudo-classes, Nesting.🎨 SlidesFormativa (observação e exercícios).
63Metodologias e organizaçãoMetodologias e organização: Porquê metodologias, Utility-first (Tailwind), Arquitectura escalável.🎨 Slides📝 Ficha 02 · Construir um layout responsivoFormativa (Ficha 02).
73Pré-processadores e ferramentasPré-processadores e ferramentas: Sass, Mixins e funções, PostCSS, DevTools, UC02651 · resumo.🎨 SlidesFormativa (observação e exercícios).
81Consolidação e sínteseConsolidação e síntese da unidade. Esclarecimento de dúvidas.📖 Sebenta · sínteseFormativa.
93Mini-projetoAplicação integrada dos conteúdos a um problema proposto.🧩 Mini-projetoSumativa (mini-projeto).
102Avaliação sumativa e balançoRealização do teste de avaliação sumativa. Correção e balanço da unidade.·Sumativa (teste).

Sumários prontos a copiar

Aula 1Apresentação da unidade de competência, dos conteúdos e dos critérios de avaliação. Diagnóstico inicial.
Aula 2CSS fundamentos: O que é CSS, Selectores, Especificidade, Box model, Cascata e herança.
Aula 3Layout moderno: Flexbox, Propriedades flex, Grid, Flexbox vs Grid.
Aula 4Responsive design: Mobile-first, Media queries, Unidades relativas, clamp() e fluidez. Resolução da Ficha 01.
Aula 5CSS avançado: Custom properties (variáveis), calc(), Pseudo-elementos e pseudo-classes, Nesting.
Aula 6Metodologias e organização: Porquê metodologias, Utility-first (Tailwind), Arquitectura escalável. Resolução da Ficha 02.
Aula 7Pré-processadores e ferramentas: Sass, Mixins e funções, PostCSS, DevTools, UC02651 · resumo.
Aula 8Consolidação e síntese da unidade. Esclarecimento de dúvidas.
Aula 9Desenvolvimento do mini-projeto: aplicação integrada dos conteúdos a um problema proposto.
Aula 10Realização do teste de avaliação sumativa. Correção e balanço da unidade.