Fale com a gente no WhatsApp Fale com a gente no WhatsApp

Curso de HTML5 + CSS3 - Construindo sites semânticos

Aprenda a importância da semântica, o significado das principais tags e saiba como adotar estes conceitos no desenvolvimento das suas aplicações Front-end

Nível Iniciante Categoria Desenvolvimento Front-end

  • Curso com 03h11 de vídeos
  • Certificado com 8 horas
  • 12 exercícios

Sobre o curso

Para evoluir no conhecimento front-end é necessário ter um conceito bem estabelecido na hora de montar as páginas, esse conceito é a semântica no HTML. A semântica é de extrema importância para quem quer dar o próximo passo no desenvolvimento front-end. Esse curso irá abordar diversos tópicos relevantes sobre esse tema e irá te mostrar que precisamos entender as tags HTML para ter um site feito de forma profissional. Ao final do curso criaremos um projeto juntos para treinar tudo que veremos no decorrer do curso

Para evoluir no conhecimento front-end é necessário ter um conceito bem estabelecido na hora de montar as páginas, esse conceito é a semântica no HTML. A semântica é de extrema importância para quem quer dar o próximo passo no desenvolvimento front-end. Esse curso irá abordar diversos tópicos relevantes sobre esse tema e irá te mostrar que precisamos entender as tags HTML para ter um site feito de forma profissional. Ao final do curso criaremos um projeto juntos para treinar tudo que veremos no decorrer do curso

O que irá aprender?

Nesse curso aprenderemos o que é a semântica HTML e qual impacto ela causa em nossos projetos.

Também veremos sobre:

  • Como usar tags semânticas;
  • Tags de Texto;
  • Tags de bloco;
  • Tabelas e formulários semânticos.

Pra quem é esse curso?

Esse curso é destinado a pessoas que já possuem o conhecimento básico de HTML e CSS e desejam aprender a desenvolver páginas semânticas tornando seu trabalho mais profissional.

Quais os pré-requisitos para esse curso?

Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.

Metodologia

  • Videoaulas
  • Texto e imagens
  • Início Imediato
  • Testes de aprendizado

Sobre o professor

Amauri Blanco Corrêa

Amauri Blanco Corrêa

Estudante de Análise e Desenvolvimento de Sistemas, apaixonado por tecnologia. Atualmente focado na área de front-end e iniciando uma grande e brilhante caminhada tanto profissionalmente quanto pessoalmente nesse universo que é a programação.

Conteúdo programático

  1. Introdução ao HTML Semântico

    Nessa primeira aula nós vamos entender o que é a semântica HTML e todos os benefícios que teremos ao utilizar tag apropriadas.

    7 aulas
    • Apresentação
    • O código-fonte deste curso está no GitHub!
    • Preparando ambiente
    • O que é Semântica HTML
    • Principais diferenças entre HTML Semântico e HTML não Semântico
    • O que é semântica e seus benefícios
    • Questionário
  2. Elementos semânticos de texto

    Nessa aula vamos ver quais tags podemos usar para formatar textos dentro do HTML.

    6 aulas
    • Tags de cabeçalho e seu uso adequado
    • Elementos de texto para melhorar o SEO da página
    • Elementos de lista para estruturar informações
    • Elementos de marcação para destacar ou deletar conteúdo
    • Elementos de citação para referenciar fontes externas
    • Questionário
  3. Elementos semânticos de bloco

    Nessa aula aprenderemos sobre os elementos de bloco, veremos em quais situações e utilizá-los para dar mais sentido às nossas seções.

    4 aulas
    • Elementos de bloco para topo e rodapé
    • Elementos de seção e sua importância
    • Elementos de conteúdo e suas aplicações
    • Questionário
  4. Outros elementos semânticos

    Nessa aula veremos como usar corretamente estruturas de tabelas, formulários e veremos também como usar a tag figure.

    4 aulas
    • Elementos de tabela e seu uso adequado
    • Elementos de figura para adicionar descrições contextuais
    • Elementos de formulários para melhorar a usabilidade
    • Questionário
  5. Projeto

    Nessa aula vamos criar um um blog simples, porém que permitirá utilizar várias técnicas que aprendemos no decorrer do curso.

    11 aulas
    • Conhecendo o projeto e preparando o ambiente
    • Criando header da página
    • Finalizando estilizações do header
    • Criando seção de introdução
    • Estilizando a introdução
    • Adicionando conteúdo na parte inicial
    • Estilizando conteúdo principal
    • Criando aside da página
    • Estilizando aside
    • Criando o rodapé da página
    • Finalizando o projeto
Download da ementa

Cursos relacionados

Algumas das formações onde esse curso está inserido

Utilizada e amada por milhares! Veja mais opiniões reais

  • gostei muito do curso, muito bom!

  • Muito bom o curso. A parte prática (criação do projeto) é fantástica. E o instrutor é muito bom (Amauri Blanco)

  • Gostei muito do curso, ele abriu minha mente para o Visual Studio e o C#, deixando bem claro os usos das ferramentas. Assim como me ajudou a revisar de forma bem pratica os principais conceitos de Programação Orientada a Objetos. Recomendo.

    Depoimento - William
    C# (C Sharp) Básico
    William Poços de Caldas / MG
  • Curso Excelente, otimos professores, explicação muito boa...ja estou adquirindo o proximo curso c# avançado. Indico para qualquer um e garanto um dos melhores curso que ja fiz. Parabens a toda equipe.

    Depoimento - Fabrício
    C# (C Sharp) Básico
    Fabrício Cariacica / ES
  • Antes de começar o curso eu já possuía um conhecimento mediano sobre C# e mesmo no módulo básico vi funcionalidades que ainda não conhecia. Ótimos métodos de aprendizagem, simples e eficaz. Recomendado.

    Depoimento - Carlos
    C# (C Sharp) Básico
    Carlos Poços de Caldas / MG
  • Já fui e paguei caro por um curso de C# que não me instruiu em nada, pois não tinha o conhecimento básico. Aí arrisquei no TreinaWeb, pois sempre tive preconceito com cursos assim... a distancia. Sempre achei que presencial com uma pessoa ali do seu lado era a melhor forma... estava enganado... Ótimo curso, didática excelente. E vamos agora para o Intermediário. Vlw equipe do TreinaWeb

    Depoimento - Leonardo
    C# (C Sharp) Básico
    Leonardo Nilópolis / RJ
  • Esse curso para mim foi um desafio que eu recebi na empresa que eu trabalho, me fizerem uma proposta para eu aprender e me certificar em C# .NET em 90 dias. Esse curso foi minha salvação! Agora vamos para o Intermediário e por fim o Avançado!!! Agradeço...

    Depoimento - David
    C# (C Sharp) Básico
    David Fortaleza / CE
  • Bom, já tinha um conhecimento em programação C#, resolvi fazer o básico só por fazer e me surpreendi, vi muitas coisas novas, entendi melhor vários conceitos, enfim, estou a caminho do intermediário e recomento é um ótimo curso.

    Depoimento - Roberto
    C# (C Sharp) Básico
    Roberto Itaquaquecetuba / SP
  • Ótimo curso! Realmente bastante esclarecedor e didático. O conteúdo é bem completo, abrangendo diversos assuntos de forma dinâmica e complementar, o que ajuda, e muito, no aprendizado e na visão de aplicabilidade. Além de todo o ambiente e dos recursos disponíveis tornarem o estudo mais amigável e menos cansativo.

    Depoimento - Dimitrius
    C# (C Sharp) Básico
    Dimitrius Três Corações / MG

Plano de acesso total!

Tenha um ano de acesso completo a todos os cursos da plataforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!

Um ano de acesso completo

Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:

  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Suporte direto com professores
  • Aplicativos para Android e iOS
  • Plano de carreira personalizado
  • Certificados digitais inclusos
  • Suporte com SLA de 4 horas úteis
  • Acesso offline através dos apps
Por apenas
12x R$ 75,00 sem juros, no cartão de crédito
Matricule-se agora
Garantia incondicional de satisfação
Garantia incondicional de satisfação

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!