| Aula | Descrição |
|---|---|
| 001 | Introdução ao HTML5 |
| 002 | Tratamento de parágrafos e quebras de linhas com <p> e </p> e <br>, símbolos especiais e emojis. |
| 003 | Introdução à imagens no HTML5. |
| 004 | Introdução ao favicon. |
| 005 | Erro de contagem do professor! Não possui exercício 05!. |
| 006 | Hierarquia de Títulos. |
| 007 | Arquivo vazio. Criado inicialmente para fazer alguma atividade, mas não foi passada. |
| 008 | Formatação de texto. Negrito / Destaque; Itálico / Ênfase; Texto Marcado; Texto grande e pequeno; Texto deletado; Texto inserido; Texto sobrescrito / Fórmula matemática; Texto subscrito / Fórmula química. |
| 008b | Continuação da Formatação de texto. Código-fonte / Pré formatação; Citação; Citação completa; Abreviações e Texto invertido. |
| 009 | Trabalhando com Listas. Listas Ordenadas; Listas não ordenadas; Lista de Definições. |
| 010 | Trabalhando com links. Links internos; links externos e links para download. |
| 011 | Mídias em HTML5. Imagens dinâmicas; Reprodução de áudio. |
| 012 | Vídeos com HTML5. Vídeos locais e Inseridos do YouTube. |
| 013 | Estilo inline. Estilização na linha do código. |
| 014 |
Estilos locais ou internos. Estilização por meio do style.
Ex:
<head> <style></style> </head>
|
| 015 | Estilos externos. Estilização por meio de arquivos CSS. |
| 016 | Tratamento de cores em CSS. Representação por nome; decimal e hexadecimal; RGB e RGBA; HSL; Gradiente; e um site-exemplo de aplicação. |
| 017 | Tratamento de fontes pré-definidas do CSS, como tamanho, espessura e alinhamento. |
| 018 | Tratamento de fontes INTERNAS e EXTERNAS. |
| 019 | Tratamento de Seletores Personalizados. |
| 020 | Tratamento de links, pseudoclasses e hover. |
| 021 | Tratamento de caixas com bordas, fundos e semântica. |
| 022 | Tratamento de fundos com imagens. |
| 023 | Introdução e exercícios de TABELAS. |
| 024 | Tratamento de IFRAMEs |
| 025 | Formulários |
| 026 | Media Queries |
| 027 | Flexbox |
| Desafio | Descrição |
|---|---|
| 001 | Desafio das Mensagens. Contagem de asteriscos com os números por extenso, com o código separado com <br>. |
| 002 | Desafio das Imagens. Inserir imagem de favicon e de conteúdo. |
| 003 | Desafio do Mapa. Montar o Mapa-Múndi com 09 imagens, com forma 3X3 utilizando parágrafos e quebra de linhas onde preciso. |
| 004 | Desafio dos Emojis. Meus Emojis e seus códigos favoritos. |
| 005 | Contato. Integração de imagens e links de contato. |
| 006 | Tags em HTML. Lista de tags de parágrafos; títulos; imagens; abreviações; códigos-fonte; listas numeradas e listas com demarcações. |
| 007 | Imagem Flexível. Imagem recortada para se adaptar a vários tamanhos de tela. |
| 008 | Desafio da Navegação. Navegação pelas páginas do site por meio de links internos |
| 009 | Desafio dos Vídeos |
| 010 | Projeto Android. |
| 011 | Desafio do Astronauta. Está utilizando uma imagem do espaço sideral como fundo, e encaixar a imagem do astronauta no centro da página. |
| 012 | Projeto Cordel. |
| 013 | Projeto Redes Sociais |
| 015 | Projeto Login |