Curso de Desenvolvimento web com HTML5 e CSS3 Básico

Curso de

Desenvolvimento web com HTML5 e CSS3 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

  • 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 Desenvolvimento web com HTML5 e CSS3 Básico

Desenvolvimento web com HTML5 e CSS3 Básico

6x R$ 24,98

R$ 149,90 à vista

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!

Adquira este curso agora mesmo

Curso de Desenvolvimento web com HTML5 e CSS3 Básico

Desenvolvimento web com HTML5 e CSS3 Básico

6x R$ 24,98

R$ 149,90 à vista

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 Desenvolvimento web com HTML5 e CSS3 Básico

Desenvolvimento web com HTML5 e CSS3 Básico

6x R$ 24,98

R$ 149,90 à vista

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.

h

Curso com certificado de horas

O que os alunos dizem?

Já fiz vários cursos do treinaweb. Gosto muito!

Adquira este curso de forma avulsa

Curso de Desenvolvimento web com HTML5 e CSS3 Básico

Desenvolvimento web com HTML5 e CSS3 Básico

6x R$ 24,98

R$ 149,90 à vista

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

20% OFF
1 ano
De 12x R$99
12x 79 reais
ou por R$ 948,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