Curso de

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

HTML5+CSS3-01

Curso de

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

HTML5+CSS3-01


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

Primeiros passos no desenvolvimento web

O primeiro módulo do Curso HTML5 e CSS3 do Estudonauta marca o início da jornada do aluno no universo da criação de sites. Aqui, o objetivo é construir uma base sólida, capaz de sustentar o aprendizado técnico e prático dos módulos seguintes. Com a didática envolvente do professor Gustavo Guanabara, cada tema é apresentado de forma clara e acessível, permitindo que qualquer pessoa, mesmo sem experiência, consiga acompanhar o passo a passo da construção de uma página web.

Entendendo a Internet e seu funcionamento

Antes de mergulhar no código, o curso apresenta a evolução da internet e explica de maneira simples como ela realmente funciona. O aluno aprende o que são protocolos, pacotes de dados, domínios e hospedagens, entendendo como cada um desses elementos se conecta até o site aparecer na tela do usuário. Essa visão inicial é fundamental para compreender a estrutura que sustenta toda a web e o papel que o desenvolvedor exerce nesse processo.

Do front-end ao back-end: papéis e linguagens

Com essa base estabelecida, o módulo passa a explorar os diferentes papéis dentro do desenvolvimento de sites. O estudante descobre o que significam os termos front-end, back-end e full stack, e entende como essas áreas se complementam dentro de um projeto. O conteúdo também esclarece o funcionamento do HTML, do CSS e do JavaScript, mostrando que o HTML5 organiza o conteúdo da página, o CSS3 cuida do visual e o JavaScript adiciona interatividade. Essa distinção é essencial para compreender como as linguagens se relacionam entre si.

Configurando o ambiente de desenvolvimento

Antes de começar a escrever código, o aluno é orientado a preparar o próprio ambiente de trabalho. O curso ensina a instalar o Visual Studio Code, a configurar o navegador Google Chrome e a adicionar extensões que facilitam o processo de desenvolvimento. O estudante aprende também a salvar, testar e revisar seus códigos, adotando boas práticas que o acompanharão em toda a trajetória como desenvolvedor.

Primeiros códigos em HTML5

Com o ambiente pronto, chega o momento de criar as primeiras páginas em HTML5. O módulo explica a estrutura básica de um documento, o uso correto das tags e a importância da semântica para a organização do conteúdo. O aluno aprende a trabalhar com parágrafos, títulos e blocos de texto, a incluir símbolos, emojis e caracteres especiais, e a manter o código limpo e legível. Essa parte é essencial para desenvolver raciocínio lógico e pensamento estruturado, habilidades que fazem toda a diferença na hora de programar.

Trabalhando com imagens, áudio e vídeo

Após dominar o conteúdo textual, o curso introduz o uso de elementos multimídia. O aluno entende como preparar e otimizar imagens, ajustar tamanhos e resoluções e inserir arquivos que se adaptam automaticamente à tela. Também aprende a adicionar áudio e vídeo, compreendendo a diferença entre hospedar esses arquivos localmente ou incorporar conteúdo de plataformas externas como YouTube e Vimeo. O professor explica ainda as vantagens e limitações de cada método, mostrando como tornar o site mais leve, interativo e profissional.

Introdução ao CSS3

O módulo encerra com uma introdução ao CSS3, onde o aluno descobre como aplicar estilos visuais ao conteúdo. São apresentados os diferentes modos de inserção do CSS — inline, interno e externo — e explicados os momentos em que cada um deve ser utilizado. O estudante entende a diferença entre conteúdo e forma, percebendo como o HTML define a estrutura enquanto o CSS controla o design. Essa etapa prepara o terreno para os módulos seguintes, onde os estilos serão explorados com mais profundidade.

FAQ

Preciso ter conhecimento prévio?

Não. O módulo 1 foi criado para quem está começando do zero e quer aprender passo a passo.

É possível emitir certificado?

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

Quais ferramentas são usadas no curso?

Visual Studio Code como editor de código e Google Chrome como navegador principal.

Posso estudar no meu ritmo?

Sim. As aulas ficam disponíveis na plataforma, e você pode assistir quando quiser.

Conteúdo do Curso

Capítulo 01 Aula 01 – Introdução
Capítulo 01 Aula 02 – Evolução da Internet
Capítulo 02 Aula 01 – Como a Internet Funciona
Capítulo 02 Aula 02 – Domínio e Hospedagem
Capítulo 03 Aula 01 – Como funciona HTML e CSS
Capítulo 03 Aula 02 – Back-end e Front-end
Capítulo 04 Aula 01 – Instalando Ferramentas
Capítulo 04 Aula 02 – Nosso primeiro HTML5
Capítulo 05 Aula 01 – Parágrafos e Quebras de Linha
Capítulo 05 Aula 02 – Símbolos e Emojis
Capítulo 06 Aula 01 – Direitos Autorais
Capítulo 06 Aula 02 – Formatos de Imagem
Capítulo 06 Aula 03 – Tamanhos de Imagem
Capítulo 06 Aula 04 – Imagens em HTML5
Capítulo 06 Aula 05 – Ícones e Favoritos
Capítulo 07 Aula 01 – Hierarquia de Títulos
Capítulo 08 Aula 01 – Semântica em HTML5
Capítulo 08 Aula 02 – Negrito e Itálico
Capítulo 08 Aula 03 – Formatações Importantes
Capítulo 08 Aula 04 – Códigos e citações
Capítulo 09 Aula 01 – Listas OL e UL
Capítulo 09 Aula 02 – Listas mistas e de definição
Capítulo 10 Aula 01 – Links
Capítulo 10 Aula 02 – Links Internos
Capítulo 10 Aula 03 – Links para Download
Capítulo 10 Aula 04 – Desafios do Capítulo 10
Capítulo 11 Aula 01 – Imagens Dinâmicas
Capítulo 11 Aula 02 – Elemento Picture
Capítulo 11 Aula 03 – Elemento Áudio
Capítulo 11 Aula 04 – Elemento Vídeo
1 of 2