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.

Nível Iniciante Categoria Desenvolvimento Front-end

Curso com 03h07 de videos
Certificado com 34 horas
48 exercícios

Matricule-se

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.

O que irá aprender?

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.

Pra 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.

Metodologia

Videoaulas
Texto e imagens
Início Imediato
Testes de aprendizado

Ambiente do curso

Google Chorme 55 ou superior
Sublime 3.0 ou superior

Sobre o professor

Akira Hanashiro

Professor especialista em Desenvolvimento Front-end na TreinaWeb. Akira, Felipe, Hana, Hanashiro ou Hanakira, é graduado em Análise e Desenvolvimento de Sistemas, pós-graduado em Projetos e Desenvolvimento de Aplicações Web e MBA em Machine Learning, é entusiasta no desenvolvimento de jogos e multi-task. Fala japonês fluente, mas não tem com quem conversar.

Conteúdo programático

Conhecendo a Web

Introdução ao desenvolvimento Web.
2 aulas
- A criação da Internet e os primeiros navegadores
- Servidor e Cliente
Conhecendo o HTML

Nesta aula, vamos conhecer o HTML.
5 aulas
- Conhecendo o HTML
- Como funciona o HTML?
- DOM
- Como funciona o HTML?
- Questionário
Nosso Primeiro Documento

Nesta aula, vamos iniciar o nosso contato com o HTML.
3 aulas
- Nosso Primeiro Documento
- Documento HTML5 Básico
- Criando um documento HTML
Formatação de Texto

Nesta aula, veremos como funciona a formatação do texto.
18 aulas
- Formatação de Texto
- Negrito
- 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
- Questionário
Apresentação de Dados

Nesta aula, veremos formas de apresentar os dados na página.
8 aulas
- Listas Ordenadas
- Listas Não Ordenadas
- Listas de Descrição
- Progress e Meter
- Tabelas
- Formatando Listas
- Formatando Tabelas
- Questionário
Links e Âncoras

Nesta aula, conheceremos os links e âncoras.
5 aulas
- Links e Âncoras
- Download
- Âncora
- Criando links e âncoras
- Questionário
Formulários

Nesta aula, vamos entender o funcionamento de formulários no HTML.
25 aulas
- 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
- Questionário
Multimídia

Nesta aula, vamos entender as tags multimídia do HTML.
6 aulas
- Imagens
- Figure e FigureCaption
- Áudio
- Vídeo
- Trabalhando com elementos de mídia
- Questionário
Semântica

Nesta aula, veremos a importância da semântica e como aplicá-la.
21 aulas
- 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
- Questionário
Estruturando uma Página

Nesta aula, veremos em detalhes, a estrutura de uma página.
1 aula
- Estruturando uma Página
Mudando o visual com CSS

Nesta aula, conheceremos o CSS.
4 aulas
- Mudando o visual com CSS
- Sintaxe
- Conhecendo o CSS
- Questionário
Cores

Nesta aula, veremos como modificar as cores dos elementos com CSS.
4 aulas
- Cores
- Editando Cores
- Aprendendo a trabalhar com cores
- Questionário
Unidades de Medidas

Nesta aula, vamos conhecer as unidades de medidas válidas no CSS.
7 aulas
- Unidades de Medidas
- Medidas Absolutas
- Medidas Relativas
- Outras Unidades
- Função calc()
- Conhecendo as unidades de medidas
- Questionário
Formatando Textos

Nesta aula, veremos como formatar textos com CSS.
14 aulas
- 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
- Questionário
Box Model

Nesta aula, vamos conhecer o box model.
9 aulas
- Box Model
- Border Radius
- Max e Min
- Box Sizing
- Box Shadow
- Outline
- Overflow
- Conhecendo o Box Model e dimensionando elementos
- Questionário
Posicionamento

Nesta aula, veremos como posicionar os elementos.
9 aulas
- Posicionamento
- Posicionamento Estático
- Posicionamento Fixo
- Posicionamento Relativo
- Posicionamento Absoluto
- Z Index
- Float e Clear
- Posicionando Elementos
- Questionário
Formatando Listas

Nesta aula, veremos como formatar as listas.
8 aulas
- Formatando Listas
- list-style-image
- list-style-position
- list-style-type
- Listas ordenadas
- list-style
- Estilizando Listas
- Questionário
Formatando Tabelas

Nesta aula, veremos como formatar as tabelas.
8 aulas
- Formatando Tabelas
- Border
- Border Collapse
- Border Spacing
- Caption Side
- Empty Cells
- Estilizando Tabelas
- Questionário
Seletores CSS

Nesta lula, conheceremos os seletores do CSS.
3 aulas
- Seletores CSS
- Como funcionam os seletores e conhecendo seletores mais avançados
- Questionário
Projeto Final

Projeto final do curso.
2 aulas
- Projeto
- Resolução

Download da ementa

Cursos relacionados

Curso
HTML5 + CSS3
Fundamentos
04h28 Nível Iniciante
Curso
HTML5 + CSS3
Introdução a geradores de sites estáticos
01h52 Nível Iniciante
Curso
HTML5 e CSS3
Desenvolvimento web Avançado
02h32 Nível Avançado
Curso
PhoneGap
Apache Cordova Mobile Framework
05h36 Nível Intermediário
Curso
Electron
Criação de aplicações desktop
03h47 Nível Intermediário
Curso
JavaScript
Avançado
03h04 Nível Avançado
Curso
JavaScript
Novidades do ES6 (ES2015)
02h03 Nível Intermediário

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

Formação
Desenvolvedor Flask Full-Stack
10 cursos 35h32 de vídeos 301 exercícios
Formação
Desenvolvedor ASP.NET Full-Stack
10 cursos 43h29 de vídeos 318 exercícios
Formação
Desenvolvedor Django Full-Stack
14 cursos 50h26 de vídeos 380 exercícios

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

Bom conteúdo

HTML5 e CSS3 - Desenvolvimento web Básico
Ricardo Americana / SP
O curso é muito bom.

HTML5 e CSS3 - Desenvolvimento web Básico
Lucas Santo André / SP
Sim, gostei muito do curso! A TreinaWeb melhorou e muito na apresentação do curso e os videos são bem práticos! Gostei também do ícone para puxar os arquivos usados na aulas, pois fica mais fácil para experimentar depois! Quando eu copiava um arquivo de html ou css, enquando assistia por exemplo um video, demorava muito para terminar a aula! Penso que o curso ficou mais prático e mais fácil para entender. Obrigada à toda equipe TreinaWEb!!!

HTML5 e CSS3 - Desenvolvimento web Básico
Maria Alterar / AC
Muito bom! Os vídeos não tentaram criar um projeto já ao longo do curso. O que no meu ver foi bom, pois ensinou as propriedades e ao final pudemos testar o aprendizado tentando criar o projeto seguindo o que foi aprendido onde nos teríamos de pensar a solução. Muito bacana esse método!

HTML5 e CSS3 - Desenvolvimento web Básico
Erisvaldo São Paulo / SP
Tive o aprendizado de conteúdo que não sabia que o html e o css era capaz de fazer

HTML5 e CSS3 - Desenvolvimento web Básico
Thiago Rio de Janeiro / RJ
Ótimo curso, tinha conhecimento sobre HTML e CSS, mas não entendia muito bem algumas regras e funções. Consegui ter uma boa base para aprofundar mais no assunto.

HTML5 e CSS3 - Desenvolvimento web Básico
Fernando Piracicaba / SP
Muito bom!!!!!

HTML5 e CSS3 - Desenvolvimento web Básico
Alisson Cabedelo / PB
Muito bem explicado e bem didático, estou indicando e muito

HTML5 e CSS3 - Desenvolvimento web Básico
Henrique Guarulhos / SP
Ótimo curso, valeu a pena.

HTML5 e CSS3 - Desenvolvimento web Básico
Márcio Paraguaçu Paulista / SP