Vídeos de Curso de HTML e CSS - B7Web
MÓDULO 1 - Conceitos Básicos
- O que é HTML e pra que serve?
- Quais softwares eu vou precisar?
- Onde eu crio os arquivos?
- O que é tag?
- Atributos
- Estrutura Básica
MÓDULO 2 - Entendendo o HTML com CSS
- O que é indentação?
- Tags Básicas (1/2)
- Tags Básicas (2/2)
- O que é e como usar CSS? (1/2)
- O que é e como usar CSS? (2/2)
- A base geral do CSS
- Cores no CSS
- Bordas no CSS
- Margins e Padding no CSS
- Width/height no CSS
- Dicas sobre Width/Height
- Links (1/2)
- Links (2/2)
- Formatação de textos no HTML
- Comentários no HTML
MÓDULO 3 - Entendendo o HTML com CSS
- Formatação de textos no CSS (1/2)
- Formatação de textos no CSS (2/2)
- Adicionando Fontes Externas
- Listas no HTML
- Tabelas no HTML
- Tabelas no CSS
- Formulários
- Input
- Inputs no HTML5
- Select
- Textarea
- Button
- Label
- Formatando formulários no CSS (1/2)
- Formatando formulários no CSS (2/2)
- Tags Fieldset e Legend
- Validações Nativas 1
- Validações Nativas 2
- Input type hidden
- Input type file
- Input type file
MÓDULO 4 - Características do CSS
- Herança
- Especificidade
- Cascata
- Unidades de medida absoluta
- Unidades de medida relativa (fonte)1
- Unidades de medida relativa (fonte)2
- Unidades de medida relativa (viewport)
- O inherit
- Tipos de valores para cores
MÓDULO 5 - Responsividade
- Mobile First
- Layout adaptativo vs
- Viewport
- Imagens Responsivas: picture e source
- Imagens Responsivas: Propriedade Object-fit
- Css @media: Como funciona 1
- Css @media: Como funciona 2
- Orientation no @media
- Aspect-ratio no @media
- Função var
- Função var em media query
- Hack CSS: Altura relativa a largura (Vídeo responsivo)
- Função min e max
- Função calc
MÓDULO 6 - Semântica e CSS Avançado
- Diferença de arquivo
- Tag Header, Footer e Nav
- Tag Section, Article, Aside e Time
- Compatibilidade com HTML 5
- Tags de Input
- Atributo Data
- Tag Vídeo
- Tag Audio
- Placeholder
- Autofocus
- Size e MaxLength
- Required Input
- AutoComplete
- Normalize.css
- Borda Arredondada
- Degradê
- Animações
- Sombras
- Transições
- Webkit
- WordWrap
- Meta tag (social sharing)
Visite também:
- INÍCIO
- MENU
- EDITANDO EM HTML
- CURSO PYTHON
- CULTURA DIGITAL
- VÍDEOS SOBRE TECNOLOGIAS DIGITAIS
- PLANILHAS ELETRÔNICAS
- GEOGEBRA
- SCRATCH
- PYTHON
- LATEX
- MATÉRIAS SOBRE CIÊNCIAS E TECNOLOGIAS
- ARTIGOS & LIVROS SOBRE EDUCAÇÃO
- PROJETOS "HISTÓRIA DAS CIÊNCIAS"
- APOSTILAS DE MATEMÁTICA - ENSINO MÉDIO - PROF. GILBERTO SANTOS
- AULAS E APRESENTAÇÕES EM SLIDES DE MATEMÁTICA DO ENSINO MÉDIO
- VIDEOAULAS DE MATEMÁTICA DO PROF. GILBERTO SANTOS
- PROVAS DE PROCESSOS SELETIVOS: ENEM, IFPA, OBMEP, UNAMA, ITA, AFA, IME, ETC
Nenhum comentário:
Postar um comentário