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

Plano de acesso Anual

economize R$480

de ~~12x de R$97~~

por: 12x de R$57

ou R$ 684,00 à vista

1 ano de acesso a todos os cursos da plataforma e muito mais!

Plano de acesso Mensal

Recorrente e sem fidelidade

por apenas

R$97/mês

Pagamento recorrente no boleto
ou cartão de crédito

30 dias de acesso a todos os cursos da plataforma e muito mais!

Conheça os nossos planos de acesso total aos cursos

+ de 4.000 horas de conteúdo
+ de 200.000 alunos capacitados
+ de 12 anos de experiência em EAD
cursos novos toda quarta-feira

Quero conhecer os planos

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.

Curso com 3h07 horas de vídeos
Curso com certificado de 24 horas
Curso com 48 exercícios de fixação

Ambiente do Curso: Google Chorme 55 ou superior; Sublime 3.0 ou superior

Metodologia: Videoaulas; Texto e imagens; Início imediato; Exemplos práticos; Testes de aprendizado

Baixar esta ementa

1 - Conhecendo a Web: A criação da Internet e os primeiros navegadores; Servidor e Cliente

2 - Conhecendo o HTML: Conhecendo o HTML; Como funciona o HTML?; DOM Visualizar; Como funciona o HTML? Visualizar; Exercícios

3 - Nosso Primeiro Documento: Nosso Primeiro Documento; Documento HTML5 Básico; Criando um documento HTML Visualizar

4 - Formatação de Texto: Formatação de Texto Visualizar; Negrito Visualizar; Itálico; Sublinhado; Riscado; Pequeno; Acima; Abaixo; Citação; Parágrafo; Quebra de Linha; Span; Títulos; Linha Horizontal; BDO; Ruby e RT; Formatando textos com HTML Visualizar; Exercícios

5 - Apresentação de Dados: Listas Ordenadas; Listas Não Ordenadas; Listas de Descrição; Progress e Meter; Tabelas; Formatando Listas; Formatando Tabelas; Exercícios

6 - Links e Âncoras: Links e Âncoras; Download; Âncora; Criando links e âncoras; Exercícios

7 - Formulários: Formulários; accept-charset; autocomplete; action; method; enctype; novalidate; target; Elementos; Inputs de Texto e Text Area; Email, Search e Url; Number; Radio Button; CheckBox; Date, Time, Datetime-local, Month e Week; Range; Color; File; Button, Submit e Reset; Select e DataList; FieldSet e Legend; Label; Output; Conhecendo os elementos de um formulário; Exercícios

8 - Multimídia: Imagens; Figure e FigureCaption; Áudio; Vídeo; Trabalhando com elementos de mídia; Exercícios

9 - Semântica: A importância da Semântica; Search Engines; Elementos para melhorar a Semântica; Div e Span; Abbr; Address; Article; Aside; Code; Details e Summary; DFN; Dialog; Footer; Header; Main; Nav; Section; Time; O que é semântica?; Elementos semânticos; Exercícios

10 - Estruturando uma Página: Estruturando uma Página

11 - Mudando o visual com CSS: Mudando o visual com CSS; Sintaxe; Conhecendo o CSS; Exercícios

12 - Cores: Cores; Editando Cores; Aprendendo a trabalhar com cores; Exercícios

13 - Unidades de Medidas: Unidades de Medidas Visualizar; Medidas Absolutas Visualizar; Medidas Relativas; Outras Unidades; Função calc(); Conhecendo as unidades de medidas; Exercícios

14 - Formatando Textos: Fontes; Tipografia; font-family; API de fontes do Google; font-style; font-variant; font-weight; font-size; font-stretch; font-size-adjust; Texto; Letras, Palavras e Linhas; Formatando textos com CSS; Exercícios

15 - Box Model: Box Model; Border Radius; Max e Min; Box Sizing; Box Shadow; Outline; Overflow; Conhecendo o Box Model e dimensionando elementos; Exercícios

16 - Posicionamento: Posicionamento; Posicionamento Estático; Posicionamento Fixo; Posicionamento Relativo; Posicionamento Absoluto; Z Index; Float e Clear; Posicionando Elementos; Exercícios

17 - Formatando Listas: Formatando Listas; list-style-image; list-style-position; list-style-type; Listas ordenadas; list-style; Estilizando Listas; Exercícios

18 - Formatando Tabelas: Formatando Tabelas; Border; Border Collapse; Border Spacing; Caption Side; Empty Cells; Estilizando Tabelas; Exercícios

19 - Seletores CSS: Seletores CSS; Como funcionam os seletores e conhecendo seletores mais avançados; Exercícios

20 - Projeto Final: Projeto; Resolução

21 - Conclusão: Depoimento / Brinde