Curso de HTML5 e CSS3 - Desenvolvimento web Básico

Curso de

HTML5 e CSS3 - Desenvolvimento web Básico

Aprenda como trabalhar com HTML5 e CSS3, conhecendo a estrutura básica de cada um, e seus papéis no desenvolvendo de páginas web.

VEJA UMA AULA DE EXEMPLO

6x R$ 24,98

R$ 149,90 à vista

Quero fazer esse curso QUERO FAZER VÁRIOS CURSOS
  • 24h

    Curso com certificado de 24 horas

  • Escolha o dispositivo que preferir PC, Tablet ou Smartphone.

  • Satisfação garantida ou seu dinheiro de volta!

Adquira este curso de forma avulsa

Curso de HTML5 e CSS3 - Desenvolvimento web Básico

HTML5 e CSS3 - Desenvolvimento web Básico

6x R$ 24,98

R$ 149,90 à vista

Quero apenas este curso! Quero conhecer os planos de acesso a todos os cursos

Informações sobre o curso

Sobre o curso

O curso de desenvolvimento web com HTML5 e CSS3 básico foi feito como uma porta de entrada para o mundo do desenvolvimento. Com ele você irá aprender a como trabalhar com as principais linguagens para desenvolver uma página web e retirar o melhor de cada uma delas.

HTML5 não é apenas tendência, é realidade! E não tenha dúvidas: quem dominar HTML e CSS sairá na frente no mercado de trabalho, seja de Desenvolvimento Web, Mobile ou Desktop.

Conhecimentos adquiridos

Com vídeo aula e conteúdo apostilado, neste curso abordaremos como trabalhar com os elementos HTML, entendendo suas estruturas e seu valor semântico, e as propriedades CSS para podermos estilizar nossas páginas, além de poder responder exercícios que ajudam na fixação do conteúdo.

Dentre várias outras coisas, você aprenderá os tópicos abaixo:

- Conhecendo o HTML;

- Formatação de Textos, formulários, tabelas e listas;

- Semântica dos elementos

- Conhecendo o CSS;

- Estilização de textos, listas e tabelas;

- Dimensionamento e Posicionamento de Elementos;

- Como funcionam os seletores CSS.

Para quem é esse curso?

Esse curso é destinado a qualquer um que queira começar a aprender a criar suas próprias páginas e, mais para frente, ter a capacidade de desenvolver telas para sites, aplicativos mobile, sistemas web e desktop.

Carga horária do curso

3h07

Curso com 3h07 horas de vídeos

24h

Curso com certificado de 24 horas

48

Curso com 48 exercícios de fixação

Ambiente do curso

  • Google Chorme 55 ou superior
  • Sublime 3.0 ou superior

Metodologia

  • Vídeo-aulas
  • Texto e imagens
  • Início imediato
  • Exemplos práticos
  • Testes de aprendizado

Satisfação garantida ou seu dinheiro de volta!

Facebook TreinaWeb

Adquira este curso agora mesmo

Curso de HTML5 e CSS3 - Desenvolvimento web Básico

HTML5 e CSS3 - Desenvolvimento web Básico

6x R$ 24,98

R$ 149,90 à vista

Quero apenas este curso! Quero conhecer os planos de acesso a todos os cursos

Conteúdo programático Baixar esta ementa

1 - Conhecendo a Web

  1. Códigos, imagens, diagramas etc.

    A criação da Internet e os primeiros navegadores

  2. Códigos, imagens, diagramas etc.

    Servidor e Cliente

2 - Conhecendo o HTML

  1. Códigos, imagens, diagramas etc.

    Conhecendo o HTML

  2. Códigos, imagens, diagramas etc.

    Como funciona o HTML?

  3. Códigos, imagens, diagramas etc.

    DOM Visualizar

  4. Vídeoaula com duração de: 00:04:06

    Como funciona o HTML? Visualizar

  5. 3 desafios.

    Exercícios

3 - Nosso Primeiro Documento

  1. Códigos, imagens, diagramas etc.

    Nosso Primeiro Documento

  2. Códigos, imagens, diagramas etc.

    Documento HTML5 Básico

  3. Vídeoaula com duração de: 00:05:38

    Criando um documento HTML Visualizar

4 - Formatação de Texto

  1. Códigos, imagens, diagramas etc.

    Formatação de Texto Visualizar

  2. Códigos, imagens, diagramas etc.

    Negrito Visualizar

  3. Códigos, imagens, diagramas etc.

    Itálico

  4. Códigos, imagens, diagramas etc.

    Sublinhado

  5. Códigos, imagens, diagramas etc.

    Riscado

  6. Códigos, imagens, diagramas etc.

    Pequeno

  7. Códigos, imagens, diagramas etc.

    Acima

  8. Códigos, imagens, diagramas etc.

    Abaixo

  9. Códigos, imagens, diagramas etc.

    Citação

  10. Códigos, imagens, diagramas etc.

    Parágrafo

  11. Códigos, imagens, diagramas etc.

    Quebra de Linha

  12. Códigos, imagens, diagramas etc.

    Span

  13. Códigos, imagens, diagramas etc.

    Títulos

  14. Códigos, imagens, diagramas etc.

    Linha Horizontal

  15. Códigos, imagens, diagramas etc.

    BDO

  16. Códigos, imagens, diagramas etc.

    Ruby e RT

  17. Vídeoaula com duração de: 00:05:55

    Formatando textos com HTML Visualizar

  18. 3 desafios.

    Exercícios

5 - Apresentação de Dados

  1. Códigos, imagens, diagramas etc.

    Listas Ordenadas

  2. Códigos, imagens, diagramas etc.

    Listas Não Ordenadas

  3. Códigos, imagens, diagramas etc.

    Listas de Descrição

  4. Códigos, imagens, diagramas etc.

    Progress e Meter

  5. Códigos, imagens, diagramas etc.

    Tabelas

  6. Vídeoaula com duração de: 00:05:33

    Formatando Listas

  7. Vídeoaula com duração de: 00:05:49

    Formatando Tabelas

  8. 3 desafios.

    Exercícios

6 - Links e Âncoras

  1. Códigos, imagens, diagramas etc.

    Links e Âncoras

  2. Códigos, imagens, diagramas etc.

    Download

  3. Códigos, imagens, diagramas etc.

    Âncora

  4. Vídeoaula com duração de: 00:06:48

    Criando links e âncoras

  5. 3 desafios.

    Exercícios

7 - Formulários

  1. Códigos, imagens, diagramas etc.

    Formulários

  2. Códigos, imagens, diagramas etc.

    accept-charset

  3. Códigos, imagens, diagramas etc.

    autocomplete

  4. Códigos, imagens, diagramas etc.

    action

  5. Códigos, imagens, diagramas etc.

    method

  6. Códigos, imagens, diagramas etc.

    enctype

  7. Códigos, imagens, diagramas etc.

    novalidate

  8. Códigos, imagens, diagramas etc.

    target

  9. Códigos, imagens, diagramas etc.

    Elementos

  10. Códigos, imagens, diagramas etc.

    Inputs de Texto e Text Area

  11. Códigos, imagens, diagramas etc.

    Email, Search e Url

  12. Códigos, imagens, diagramas etc.

    Number

  13. Códigos, imagens, diagramas etc.

    Radio Button

  14. Códigos, imagens, diagramas etc.

    CheckBox

  15. Códigos, imagens, diagramas etc.

    Date, Time, Datetime-local, Month e Week

  16. Códigos, imagens, diagramas etc.

    Range

  17. Códigos, imagens, diagramas etc.

    Color

  18. Códigos, imagens, diagramas etc.

    File

  19. Códigos, imagens, diagramas etc.

    Button, Submit e Reset

  20. Códigos, imagens, diagramas etc.

    Select e DataList

  21. Códigos, imagens, diagramas etc.

    FieldSet e Legend

  22. Códigos, imagens, diagramas etc.

    Label

  23. Códigos, imagens, diagramas etc.

    Output

  24. Vídeoaula com duração de: 00:14:07

    Conhecendo os elementos de um formulário

  25. 3 desafios.

    Exercícios

8 - Multimídia

  1. Códigos, imagens, diagramas etc.

    Imagens

  2. Códigos, imagens, diagramas etc.

    Figure e FigureCaption

  3. Códigos, imagens, diagramas etc.

    Áudio

  4. Códigos, imagens, diagramas etc.

    Vídeo

  5. Vídeoaula com duração de: 00:07:23

    Trabalhando com elementos de mídia

  6. 3 desafios.

    Exercícios

9 - Semântica

  1. Códigos, imagens, diagramas etc.

    A importância da Semântica

  2. Códigos, imagens, diagramas etc.

    Search Engines

  3. Códigos, imagens, diagramas etc.

    Elementos para melhorar a Semântica

  4. Códigos, imagens, diagramas etc.

    Div e Span

  5. Códigos, imagens, diagramas etc.

    Abbr

  6. Códigos, imagens, diagramas etc.

    Address

  7. Códigos, imagens, diagramas etc.

    Article

  8. Códigos, imagens, diagramas etc.

    Aside

  9. Códigos, imagens, diagramas etc.

    Code

  10. Códigos, imagens, diagramas etc.

    Details e Summary

  11. Códigos, imagens, diagramas etc.

    DFN

  12. Códigos, imagens, diagramas etc.

    Dialog

  13. Códigos, imagens, diagramas etc.

    Footer

  14. Códigos, imagens, diagramas etc.

    Header

  15. Códigos, imagens, diagramas etc.

    Main

  16. Códigos, imagens, diagramas etc.

    Nav

  17. Códigos, imagens, diagramas etc.

    Section

  18. Códigos, imagens, diagramas etc.

    Time

  19. Vídeoaula com duração de: 00:07:18

    O que é semântica?

  20. Vídeoaula com duração de: 00:08:53

    Elementos semânticos

  21. 3 desafios.

    Exercícios

10 - Estruturando uma Página

  1. Códigos, imagens, diagramas etc.

    Estruturando uma Página

11 - Mudando o visual com CSS

  1. Códigos, imagens, diagramas etc.

    Mudando o visual com CSS

  2. Códigos, imagens, diagramas etc.

    Sintaxe

  3. Vídeoaula com duração de: 00:06:15

    Conhecendo o CSS

  4. 3 desafios.

    Exercícios

12 - Cores

  1. Códigos, imagens, diagramas etc.

    Cores

  2. Códigos, imagens, diagramas etc.

    Editando Cores

  3. Vídeoaula com duração de: 00:09:07

    Aprendendo a trabalhar com cores

  4. 3 desafios.

    Exercícios

13 - Unidades de Medidas

  1. Códigos, imagens, diagramas etc.

    Unidades de Medidas Visualizar

  2. Códigos, imagens, diagramas etc.

    Medidas Absolutas Visualizar

  3. Códigos, imagens, diagramas etc.

    Medidas Relativas

  4. Códigos, imagens, diagramas etc.

    Outras Unidades

  5. Códigos, imagens, diagramas etc.

    Função calc()

  6. Vídeoaula com duração de: 00:07:28

    Conhecendo as unidades de medidas

  7. 3 desafios.

    Exercícios

14 - Formatando Textos

  1. Códigos, imagens, diagramas etc.

    Fontes

  2. Códigos, imagens, diagramas etc.

    Tipografia

  3. Códigos, imagens, diagramas etc.

    font-family

  4. Códigos, imagens, diagramas etc.

    API de fontes do Google

  5. Códigos, imagens, diagramas etc.

    font-style

  6. Códigos, imagens, diagramas etc.

    font-variant

  7. Códigos, imagens, diagramas etc.

    font-weight

  8. Códigos, imagens, diagramas etc.

    font-size

  9. Códigos, imagens, diagramas etc.

    font-stretch

  10. Códigos, imagens, diagramas etc.

    font-size-adjust

  11. Códigos, imagens, diagramas etc.

    Texto

  12. Códigos, imagens, diagramas etc.

    Letras, Palavras e Linhas

  13. Vídeoaula com duração de: 00:09:02

    Formatando textos com CSS

  14. 3 desafios.

    Exercícios

15 - Box Model

  1. Códigos, imagens, diagramas etc.

    Box Model

  2. Códigos, imagens, diagramas etc.

    Border Radius

  3. Códigos, imagens, diagramas etc.

    Max e Min

  4. Códigos, imagens, diagramas etc.

    Box Sizing

  5. Códigos, imagens, diagramas etc.

    Box Shadow

  6. Códigos, imagens, diagramas etc.

    Outline

  7. Códigos, imagens, diagramas etc.

    Overflow

  8. Vídeoaula com duração de: 00:13:31

    Conhecendo o Box Model e dimensionando elementos

  9. 3 desafios.

    Exercícios

16 - Posicionamento

  1. Códigos, imagens, diagramas etc.

    Posicionamento

  2. Códigos, imagens, diagramas etc.

    Posicionamento Estático

  3. Códigos, imagens, diagramas etc.

    Posicionamento Fixo

  4. Códigos, imagens, diagramas etc.

    Posicionamento Relativo

  5. Códigos, imagens, diagramas etc.

    Posicionamento Absoluto

  6. Códigos, imagens, diagramas etc.

    Z Index

  7. Códigos, imagens, diagramas etc.

    Float e Clear

  8. Vídeoaula com duração de: 00:10:57

    Posicionando Elementos

  9. 3 desafios.

    Exercícios

17 - Formatando Listas

  1. Códigos, imagens, diagramas etc.

    Formatando Listas

  2. Códigos, imagens, diagramas etc.

    list-style-image

  3. Códigos, imagens, diagramas etc.

    list-style-position

  4. Códigos, imagens, diagramas etc.

    list-style-type

  5. Códigos, imagens, diagramas etc.

    Listas ordenadas

  6. Códigos, imagens, diagramas etc.

    list-style

  7. Vídeoaula com duração de: 00:02:49

    Estilizando Listas

  8. 3 desafios.

    Exercícios

18 - Formatando Tabelas

  1. Códigos, imagens, diagramas etc.

    Formatando Tabelas

  2. Códigos, imagens, diagramas etc.

    Border

  3. Códigos, imagens, diagramas etc.

    Border Collapse

  4. Códigos, imagens, diagramas etc.

    Border Spacing

  5. Códigos, imagens, diagramas etc.

    Caption Side

  6. Códigos, imagens, diagramas etc.

    Empty Cells

  7. Vídeoaula com duração de: 00:04:58

    Estilizando Tabelas

  8. 3 desafios.

    Exercícios

19 - Seletores CSS

  1. Códigos, imagens, diagramas etc.

    Seletores CSS

  2. Vídeoaula com duração de: 00:15:13

    Como funcionam os seletores e conhecendo seletores mais avançados

  3. 3 desafios.

    Exercícios

20 - Projeto Final

  1. Códigos, imagens, diagramas etc.

    Projeto

  2. Vídeoaula com duração de: 00:36:49

    Resolução

21 - Conclusão

  1. Depoimento / Brinde

Adquira este curso agora mesmo

Curso de HTML5 e CSS3 - Desenvolvimento web Básico

HTML5 e CSS3 - Desenvolvimento web Básico

6x R$ 24,98

R$ 149,90 à vista

Quero apenas este curso! Quero conhecer os planos de acesso a todos os cursos

Vantagens de estudar no Treinaweb

Início imediato! Não é necessário aguardar a formação de turmas.

Defina o horário que quiser e estude de onde estiver.

Após o curso, você ainda tem 2 anos para revisar o conteúdo.

Assim que finalizar, receba o certificado em casa, sem custo adicional.

Escolha o dispositivo que preferir: PC, Tablet ou Smartphone.

Se surgir alguma dúvida, basta perguntar aos nossos instrutores.

Satisfação garantida ou seu dinheiro de volta.

24h

Curso com certificado de 24 horas

O que os alunos dizem?

Tenho aprendido muito com os cursos da Treinaweb. Me sinto mais capacitado para o mercado e para os desafios que a área de font-end oferece.
Veja mais depoimentos

Adquira este curso de forma avulsa

Curso de HTML5 e CSS3 - Desenvolvimento web Básico

HTML5 e CSS3 - Desenvolvimento web Básico

6x R$ 24,98

R$ 149,90 à vista

Quero apenas este curso!

ou acesse todos os cursos com um dos nossos planos de acesso total

40% OFF
1 ano
De 12x R$99
12x 59 reais
ou por R$ 708,00 à vista
  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se
20% OFF
3 anos
De 12x R$199
12x 159 reais
ou por R$ 1.908,00 à vista
  • 3 anos de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se
20% OFF
5 anos
De 12x R$249
12x 199 reais
ou por R$ 2.388,00 à vista
  • 5 anos de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se

Cursos relacionados