HTML5 e CSS3 - Desenvolvimento web Básico
Faz parte das formações: Desenvolvedor Django Full-Stack
Instituição: TreinaWeb
Descrição
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.
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
Como funciona o HTML?
Questionário 3 questões
3 - Nosso Primeiro Documento
Nosso Primeiro Documento
Documento HTML5 Básico
Criando um documento HTML
4 - Formatação de Texto
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 3 questões
5 - Apresentação de Dados
Listas Ordenadas
Listas Não Ordenadas
Listas de Descrição
Progress e Meter
Tabelas
Formatando Listas
Formatando Tabelas
Questionário 3 questões
6 - Links e Âncoras
Links e Âncoras
Download
Âncora
Criando links e âncoras
Questionário
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
Questionário 3 questões
8 - Multimídia
Imagens
Figure e FigureCaption
Áudio
Vídeo
Trabalhando com elementos de mídia
Questionário 3 questões
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
Questionário 3 questões
10 - Estruturando uma Página
Estruturando uma Página
11 - Mudando o visual com CSS
Mudando o visual com CSS
Sintaxe
Conhecendo o CSS
Questionário 3 questões
12 - Cores
Cores
Editando Cores
Aprendendo a trabalhar com cores
Questionário 3 questões
13 - Unidades de Medidas
Unidades de Medidas
Medidas Absolutas
Medidas Relativas
Outras Unidades
Função calc()
Conhecendo as unidades de medidas
Questionário 3 questões
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
Questionário 3 questões
15 - Box Model
Box Model
Border Radius
Max e Min
Box Sizing
Box Shadow
Outline
Overflow
Conhecendo o Box Model e dimensionando elementos
Questionário 3 questões
16 - Posicionamento
Posicionamento
Posicionamento Estático
Posicionamento Fixo
Posicionamento Relativo
Posicionamento Absoluto
Z Index
Float e Clear
Posicionando Elementos
Questionário 3 questões
17 - Formatando Listas
Formatando Listas
list-style-image
list-style-position
list-style-type
Listas ordenadas
list-style
Estilizando Listas
Questionário 3 questões
18 - Formatando Tabelas
Formatando Tabelas
Border
Border Collapse
Border Spacing
Caption Side
Empty Cells
Estilizando Tabelas
Questionário 3 questões
19 - Seletores CSS
Seletores CSS
Como funcionam os seletores e conhecendo seletores mais avançados
Questionário 3 questões
20 - Projeto Final
Projeto
Resolução