Light
Dark
HTML5 e CSS3
Qual atributo especifica um texto alternativo caso a imagem não possa ser exibida?
Questão 25
Suas anotações
Área exclusiva para alunos dos cursos privados.
Tópicos nesta aula
Novo TópicoÁrea exclusiva para alunos dos cursos privados.
Fechar
Conteúdo do curso
Módulo 1: Conceitos Básicos
6 aulas
6 aulas
Módulo 2: Entendendo o HTML com CSS
15 aulas
15 aulas
#1: O que é indentação?#2: Tags Básicas (1/2)#3: Tags Básicas (2/2)#4: O que é e como usar o CSS? (1/2)#5: O que é e como usar o CSS? (2/2)#6: A base geral do CSS#7: Cores no CSS#8: Bordas no CSS#9: Margins e Padding no CSS#10: Width/height no CSS#11: Dicas sobre Width/Height#12: Links (1/2)#13: Links (2/2)#14: Formatação de textos no HTML#15: Comentários no HTML
Módulo 3: Listas, Tabelas e Formulários
15 aulas
15 aulas
#1: Formatação de textos no CSS (1/2)#2: Formatação de textos no CSS (2/2)#3: Adicionando Fontes Externas#4: Listas no HTML#5: Tabelas no HTML#6: Tabelas no CSS#7: Formulários#8: Input#9: Inputs no HTML5#10: Select#11: Textarea#12: Button#13: Label#14: Formatando formulários no CSS (1/2)#15: Formatando formulários no CSS (2/2)
Módulo 4: Semântica, Responsividade, CSS Avançado
27 aulas
27 aulas
#1: Introdução à Responsividade#2: Diferença de arquivo#3: Tag Header, Footer e Nav#4: Tag Section, Article, Aside e Time#5: Compatibilidade com HTML 5#6: Tags de Input#7: Atributo Data#8: Tag Vídeo#9: Tag Audio#10: Media Query#11: Design Responsivo 1#12: Design Responsivo 2#13: Viewport#14: Placeholder#15: Autofocus#16: Size e MaxLength#17: Required Input#18: AutoComplete#19: Normalize.css#20: Borda Arredondada#21: Degradê#22: Animações#23: Sombras#24: Transições#25: Webkit#26: WordWrap#27: Meta tag (social sharing)
Módulo 5: Flexbox na prática
11 aulas
11 aulas
#1: Flexbox: Introdução e Direções#2: Flexbox: Alinhamentos (1/2)#3: Flexbox: Alinhamentos (2/2)#4: Projeto: Site com Flexbox e HTML Semântico (parte 1)#5: Projeto: Site com Flexbox e HTML Semântico (parte 2)#6: Projeto: Site com Flexbox e HTML Semântico (parte 3)#7: Projeto: Site com Flexbox e HTML Semântico (parte 4)#8: Projeto: Site com Flexbox e HTML Semântico (parte 5)#9: Projeto: Site com Flexbox e HTML Semântico (parte 6)#10: Projeto: Site com Flexbox e HTML Semântico (parte 7)#11: Projeto: Site com Flexbox e HTML Semântico (parte 8)
Módulo 6: Seletores e CSS3
22 aulas
22 aulas
#1: Exercício: Página de tributo#2: Exercício: Um formulário de pesquisa#3: Exercício: Uma página de apresentação#4: Exercício: Um clone do Google#5: Exercício: Um clone dos resultados do Google#6: Seletor pelo atributo (1/2)#7: Seletor pelo atributo (2/2)#8: Seletor de Elemento Vazio#9: Seletor de Primeira letra e Primeira Linha#10: Seletor de Primeiro e Último Elemento#11: Seletor Negativo#12: Seletor NTH#13: Seletor Before/After#14: Seletor Before/After (exemplo do balão)#15: RGBA#16: Transform (1/2)#17: Transform (2/2)#18: Box-sizing#19: Estilizar o placeholder#20: Exercício: Criar uma tabela zebra#21: Exercício: Criar um botão com CSS3#22: Exercício: Criar uma tarja de canto
Módulo 7: Projeto Awax
27 aulas
27 aulas
#1: Projeto Awax (parte 1)#2: Projeto Awax (parte 2)#3: Projeto Awax (parte 3)#4: Projeto Awax (menu 1/2)#5: Projeto Awax (menu 2/2)#6: Projeto Awax (banner)#7: Projeto Awax (slide 1/3)#8: Projeto Awax (slide 2/3)#9: Projeto Awax (slide 3/3)#10: Projeto Awax (sections 1/2)#11: Projeto Awax (sections 2/2)#12: Projeto Awax (about us)#13: Projeto Awax (services)#14: Projeto Awax (projects 1/3)#15: Projeto Awax (projects 2/3)#16: Projeto Awax (projects 3/3)#17: Projeto Awax (our team 1/3)#18: Projeto Awax (our team 2/3)#19: Projeto Awax (our team 3/3)#20: Projeto Awax (exercício)#21: Projeto Awax (exercício - solução)#22: Projeto Awax (mapa)#23: Projeto Awax (rodapé exercício)#24: Projeto Awax (tablet 1/3)#25: Projeto Awax (tablet 2/3)#26: Projeto Awax (tablet 3/3)#27: Projeto Awax (mobile)
Módulo 8: CSS Grid
15 aulas
15 aulas
#1: O que é CSS Grid?#2: Container e Item#3: Trabalhando com Gaps#4: Colunas e linhas#5: Unidade FR#6: Usando o Repeat#7: Usando minmax#8: Posicionamento no Grid#9: Mesclando itens em linhas (1/3)#10: Mesclando itens em linhas (2/3)#11: Mesclando itens em linhas (3/3)#12: Grid Area#13: Template Area#14: Estrutura de Layout em Grid#15: Responsividade no Grid
Módulo 9: Questionário Prático
64 aulas
64 aulas
#1: Questão 1#2: Questão 2#3: Questão 3#4: Questão 4#5: Questão 5#6: Questão 6#7: Questão 7#8: Questão 8#9: Questão 9#10: Questão 10#11: Questão 11#12: Questão 12#13: Questão 13#14: Questão 14#15: Questão 15#16: Questão 16#17: Questão 17#18: Questão 18#19: Questão 19#20: Questão 20#21: Questão 21#22: Questão 22#23: Questão 23#24: Questão 24#25: Questão 25#26: Questão 26#27: Questão 27#28: Questão 28#29: Questão 29#30: Questão 30#31: Questão 31#32: Questão 32#33: Questão 33#34: Questão 34#35: Questão 35#36: Questão 36#37: Questão 37#38: Questão 38#39: Questão 39#40: Questão 40#41: Questão 41#42: Questão 42#43: Questão 43#44: Questão 44#45: Questão 45#46: Questão 46#47: Questão 47#48: Questão 48#49: Questão 49#50: Questão 50#51: Questão 51#52: Questão 52#53: Questão 53#54: Questão 54#55: Questão 55#56: Questão 56#57: Questão 57#58: Questão 58#59: Questão 59#60: Questão 60#61: Questão 61#62: Questão 62#63: Questão 63#64: Questão 64
Módulo 10: Exercícios Práticos
18 aulas
18 aulas
Módulo 11: Projeto: Starbucks (com Flexbox e Grid)
14 aulas
14 aulas
#1: Introdução#2: Inserindo Fontes e Assets#3: Criando o Header (1/2)#4: Criando o Header (2/2)#5: Criando o Banner Principal#6: Criando a Area1 (1/3)#7: Criando a Area1 (2/3)#8: Criando a Area1 (3/3)#9: Criando a Area2#10: Criando a Area3#11: Criando a Area4#12: Criando o Rodapé#13: Responsividade (1/2)#14: Responsividade (2/2)