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 Ver apresentação

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 aulas
- 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 Front-end
HTML5 + CSS3 - Fundamentos

Aprenda os conceitos fundamentais das linguagens que dão pod...
04h28 Nível Iniciante
Curso Front-end
HTML5 + CSS3 - Introdução à Geradores de sites estáticos

Aprenda a criar sites de forma simples utilizando geradores...
01h52 Nível Iniciante
Curso Front-end
HTML5 e CSS3 - Desenvolvimento web Avançado

Expanda seu conhecimento em HTML5 e CSS3, conhecendo técnic...
03h19 Nível Avançado
Curso Mobile
PhoneGap - Apache Cordova Mobile Framework

Aprenda a desenvolver aplicativos para as plataformas móveis...
05h36 Nível Intermediário
Curso Back-end
Electron - Criação de aplicações desktop

Desenvolva aplicação desktop com o JavaScript
03h47 Nível Intermediário
Curso Front-end
JavaScript Avançado

Conheça os recursos avançados desta linguagem e os framework...
03h04 Nível Avançado
Curso Front-end
JavaScript - Novidades do ES6 (ES2015)

Aprenda a utilizar os novos recursos do JavaScript definidos...
02h03 Nível Intermediário

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

Bem explicados a teoria e os videos.

HTML5 e CSS3 - Desenvolvimento web Básico
Josiane Anápolis / GO
Achei interessante a metodologia do curso, onde recomendei-o para um colega de trabalho.

HTML5 e CSS3 - Desenvolvimento web Básico
Yasmin Monte Mor / SP
Gostei muito do curso, artigos muito bem escritos e vídeo aulas bem explicadas.

HTML5 e CSS3 - Desenvolvimento web Básico
José Viradouro / SP
Gostei muito das aulas, apesar saber uma coisa ou outra de HTML foi muito importante aprender sobre semântica .

HTML5 e CSS3 - Desenvolvimento web Básico
Leandro Santo André / SP
Material didático de qualidade. Exemplos úteis e bem detalhados, facilitando o aprendizado.

HTML5 e CSS3 - Desenvolvimento web Básico
Jessica Porto Alegre / RS
Melhor plataforma educativa para o âmbito profissional em relação as demais do mercado. Aqui encontrei didática, suporte e o mais importante consegui entender tudo o que era proposto nas aulas, supriu e está a suprir mais as minhas necessidades acadêmicas e pessoais. Obrigado TreinaWeb por proporcionar tudo isso.

HTML5 e CSS3 - Desenvolvimento web Básico
Fabiano Hortolândia / SP
Curso muito bom, parabéns aos envolvidos.

HTML5 e CSS3 - Desenvolvimento web Básico
Arnaldo Pompéia / SP
Curso excelente, estava buscando alguns conhecimentos básicos que me faltavam e sobre a forma semantica dos elementos isto é perfeito para organizacao treinaweb

HTML5 e CSS3 - Desenvolvimento web Básico
Alessandro Curitiba / PR
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