Curso de

Desenvolvimento Web 2020 (HTML5+CSS3): Módulo 4 de 5

html5css3estudonauta

Curso de

Desenvolvimento Web 2020 (HTML5+CSS3): Módulo 4 de 5

html5css3estudonauta


IMPORTANTE

Certificado: Para emissão do certificado será necessário marcar todas as aulas como conluídas e acertar no mínimo 70% das questões do teste final.

Contagem da carga horária: Este curso possui uma carga horária acadêmica total baseada em múltiplas atividades desempenhadas pelo aluno, incluindo o tempo dos vídeos, resolução de exercícios, práticas extras, etc. Para maiores informações, consulte nossa área de perguntas frequentes.

Tire suas dúvidas em

nosso fórum de ajuda

Domine iframes, formulários e design responsivo com projetos práticos

Chegou a hora de dar um passo importante no seu aprendizado! No Módulo 4 do Curso de HTML5 e CSS3 do Estudonauta, o aluno aprofunda seus conhecimentos e aprende a dominar recursos fundamentais para criar páginas web completas, funcionais e responsivas.

Logo no início, o curso apresenta o uso estratégico dos iframes, mostrando como incorporar vídeos, mapas e outros sites dentro das suas páginas de forma segura e eficiente. O aluno entende quando vale a pena utilizar esse recurso e quais práticas seguir para evitar problemas de desempenho e segurança.

Na sequência, o aprendizado se transforma em prática com o Projeto Redes Sociais, uma atividade que integra imagens, links e iframes para compor uma interface dinâmica e interativa. Essa etapa ajuda a visualizar, na prática, como pequenos detalhes podem tornar um site mais interessante e envolvente.

Outro ponto essencial é o estudo dos formulários HTML, peça-chave para a comunicação entre usuário e servidor. O aluno aprende a criar campos de texto, caixas de seleção, botões de envio, uploads de arquivos e outros elementos indispensáveis para capturar informações. Também compreende as diferenças entre os métodos GET e POST, e como aplicá-los corretamente em cada situação.

O módulo ainda traz uma introdução detalhada ao design responsivo, abordando conceitos modernos de desenvolvimento com media queries e a filosofia mobile first. O estudante descobre como ajustar layouts para diferentes tamanhos de tela e garantir uma experiência fluida tanto em dispositivos móveis quanto em computadores.

Como desafio final, o curso conduz o aluno na criação de uma tela de login totalmente responsiva, unindo formulários, layout adaptável e menu estilo “hambúrguer”. Um exercício completo que solidifica todo o aprendizado e reforça as boas práticas de desenvolvimento moderno.

FAQ

O que vou aprender neste módulo?

Você vai aprender a incorporar conteúdos externos com iframes, criar formulários completos e aplicar técnicas de design responsivo usando media queries e mobile first.

Preciso ter feito os módulos anteriores?

Sim, é recomendado ter acompanhado os módulos anteriores para aproveitar melhor os projetos e conceitos apresentados neste quarto módulo.

O curso oferece certificado?

Sim. No Estudonauta, assinantes têm acesso a certificados ilimitados.

Conteúdo do Curso

CAPÍTULO 22
Capítulo 22 Aula 1 – Nosso primeiro iframe
Capítulo 22 Aula 2 – Configurações do iframe
Capítulo 22 Aula 3 – Conteúdo local no iframe
Capítulo 22 Aula 4 – Navegação no iframe
Capítulo 22 Aula 5 – Conteúdo estático em iframe
Capítulo 22 Aula 6 – Inconvenientes do iframe
Capítulo 22 Aula 7 – Tornando iframes mais seguros
Capítulo 22 Aula 8 – Dicas interessantes para iframes
CAPÍTULO 23
Capítulo 23 Aula 1 – Projeto Redes Sociais
Capítulo 23 Aula 2 – Organizando arquivos do projeto
Capítulo 23 Aula 3 – Criando a página principal
Capítulo 23 Aula 4 – Posicionando o conteúdo na tela
Capítulo 23 Aula 5 – Criando os botões de redes sociais
Capítulo 23 Aula 6 – Criando as páginas de cada rede
CAPÍTULO 24
Capítulo 24 Aula 1 – Criando o primeiro Formuláriomp4
Capítulo 24 Aula 2 – Aprimorando Formulários com Label
Capítulo 24 Aula 3 – Métodos GET e POST
Capítulo 24 Aula 5 – Elementos number month date e time
Capítulo 24 Aula 6 – Compatibilidade com formulários
Capítulo 24 Aula 7 – Formulários com telefone e e-mail
Capítulo 24 Aula 8 – Checkbox e radio
Capítulo 24 Aula 9 – Color, range e file
Capítulo 24 Aula 10 – Select, datalist e textarea
Capítulo 24 Aula 11 – Output em Formulários HTML
CAPÍTULO 25
Capítulo 25 Aula 01 – O que são Media Queries?
Capítulo 25 Aula 02 – Preparando um site para impressão
Capítulo 25 Aula 03 – Múltiplas Media Features
1 de 2