Relatório 06/06/2023 a 09/06/2023
Turma B
No começo da aula, juntaram as turmas B com a turma F devido à quantidade de alunos. Depois disso a aula seguiu normalmente sendo abordado os tópicos introdutórios de propriedades CSS, os seletores e propriedades que podem ser aplicadas nos elementos HTML, através do nome da tag, ID de um elemento ou a Classe. Foram apresentados algumas propriedades comuns como margin, text-align, color e outros. Também foi mencionado sobre responsividade e acessibilidade (assim como tags para boa acessibilidade e leitura do navegador e softwares para deficientes visuais). Por último foi passado os exercícios dos slides para uso das propriedades CSS
Turma D
O professor começou a aula explicando sobre tabelas, propriedades das tabelas como table-collapse, e tags envolvendo tabelas como “table”, “th”, “tr” e “td” (respectivamente tabela, tabela cabeçário, tabela linha e tabela dado). O professor abordou as propriedades Css e como elas podem interagir com as tabelas, propriedades já conhecidas anteriormente como padding, border e explicou sobre novas propriedades como border-spacing, nth-child(x) (seletor usado para aplicar determinadas regras e propriedades Css à cada X elementos, pode ser usado para estilizar uma tabela com estética de zebra), hover (quando o usuário passa o mouse por cima de X elemento) e overflow (propriedade que define o comportamento da tabela quando ocorrer uma “sobrecarga” de conteúdo dentro da tabela).
O professor também abordou outros conteúdos como multimídia, importação de áudio, vídeo e gifs através de HTML.
Outros tópicos abordados foram relacionados às propriedades background-image e background-image-size, o qual define uma imagem de plano de fundo para a tela e o tamanho desta imagem. O professor apresentou exemplos.
Por fim, o professor apresentou mais propriedades relacionadas à borda e sombreamento (border-radius, box-shadow, border, text-shadow) e por último passou para os alunos o exercício de estilizar sua própria tabela e adicionar um gif através do background-image
Comentários
Postar um comentário