filmov
tv
Criando seu Primeiro Projeto em HTML e CSS (Formulário de Login)
Показать описание
Quer saber mais sobre o nosso Curso Completo de HTML e CSS? Clique no link abaixo para garantir sua vaga na próxima turma:
PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS:
-----------------------------------------------------------------------
► Arquivos Utilizados no Vídeo:
-----------------------------------------------------------------------
Caso prefira o vídeo em formato de texto:
-----------------------------------------------------------------------
PARA CONTRATAR A HASHTAG PARA SUA EMPRESA:
-----------------------------------------------------------------------
Fala Impressionadores! Na aula de hoje você vai criar o seu Primeiro Projeto em HTML e CSS! Vamos criar um formulário de login do zero!
Vamos passar pela parte de HTML que é a estrutura do nosso formulário e depois vamos para o CSS, que vai dar vida a esse HTML.
Com o HTML nós vamos ter a estrutura da página e com o CSS nós vamos ter o visual dessa página, assim vamos poder colocar cores, espaçamentos, alterar fundo, fonte, tamanho, fazer alinhamentos...
A ideia é que você consiga construir essa página, que pode parecer simples, mas vamos ver muitos elementos e informações importantes que você vai utilizar sempre.
Então é uma forma de já começar a praticar e explorar esses elementos. Inclusive, uma dica é que depois de assistir a aula, você tente reproduzir o que viu na aula, consultando se necessário, mas para ver se absorveu bastante conteúdo.
Depois pode ir fazer suas próprias modificações para deixar o formulário de login com a sua cara!
-----------------------------------------------------------------------
Vídeos Recomendados
► Curso Básico de HTML e CSS
► Como Baixar e Configurar o VSCode para HTML e CSS
-----------------------------------------------------------------------
Hashtag Programação
► Ative as notificações (clica no sininho)!
► Curta o nosso vídeo!
-----------------------------------------------------------------------
Redes Sociais
Aqui nos vídeos do canal da Hashtag Programação ensinamos diversas dicas de HTML e CSS para que você consiga se desenvolver nessa linguagem de programação e criar seus próprios projetos!
-----------------------------------------------------------------------
Conteúdo da Aula
00:00 Introdução
00:46 Informações importantes
01:31 O que vamos construir? (Ferramentas do programador)
02:30 Arquivo inicial para a página de login (HTML e Style)
06:10 Body – Corpo da página (Código)
12:01 Resultado do código em HTML
13:05 Formulário no HTML
14:14 Agrupamentos no HTML (div)
16:20 Linkando o HTML com o CSS
17:22 Configurações padrões em HTML no CSS (seletor universal)
22:45 Estilizando os elementos (configurações da fonte)
24:30 Centralizar elementos (flexbox)
27:47 Flexbox Editor
31:48 Espaçamento interno no css (padding)
34:51 Arredondar elementos no CSS (border radius)
35:30 Barra no CSS (barra horizontal)
38:20 Estilização dos itens do formulário (flex editor)
46:45 Formatar botão no CSS (gradiente, borda, centralização)
53:23 Formatação dos inputs no CSS
55:04 Formatação de âncora no CSS
55:40 Imagem de fundo no CSS
58:20 Padding no body (maior responsividade)
59:09 Conclusão
#htmlecss #htmlcss #html #css #hashtagprogramacao
PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS:
-----------------------------------------------------------------------
► Arquivos Utilizados no Vídeo:
-----------------------------------------------------------------------
Caso prefira o vídeo em formato de texto:
-----------------------------------------------------------------------
PARA CONTRATAR A HASHTAG PARA SUA EMPRESA:
-----------------------------------------------------------------------
Fala Impressionadores! Na aula de hoje você vai criar o seu Primeiro Projeto em HTML e CSS! Vamos criar um formulário de login do zero!
Vamos passar pela parte de HTML que é a estrutura do nosso formulário e depois vamos para o CSS, que vai dar vida a esse HTML.
Com o HTML nós vamos ter a estrutura da página e com o CSS nós vamos ter o visual dessa página, assim vamos poder colocar cores, espaçamentos, alterar fundo, fonte, tamanho, fazer alinhamentos...
A ideia é que você consiga construir essa página, que pode parecer simples, mas vamos ver muitos elementos e informações importantes que você vai utilizar sempre.
Então é uma forma de já começar a praticar e explorar esses elementos. Inclusive, uma dica é que depois de assistir a aula, você tente reproduzir o que viu na aula, consultando se necessário, mas para ver se absorveu bastante conteúdo.
Depois pode ir fazer suas próprias modificações para deixar o formulário de login com a sua cara!
-----------------------------------------------------------------------
Vídeos Recomendados
► Curso Básico de HTML e CSS
► Como Baixar e Configurar o VSCode para HTML e CSS
-----------------------------------------------------------------------
Hashtag Programação
► Ative as notificações (clica no sininho)!
► Curta o nosso vídeo!
-----------------------------------------------------------------------
Redes Sociais
Aqui nos vídeos do canal da Hashtag Programação ensinamos diversas dicas de HTML e CSS para que você consiga se desenvolver nessa linguagem de programação e criar seus próprios projetos!
-----------------------------------------------------------------------
Conteúdo da Aula
00:00 Introdução
00:46 Informações importantes
01:31 O que vamos construir? (Ferramentas do programador)
02:30 Arquivo inicial para a página de login (HTML e Style)
06:10 Body – Corpo da página (Código)
12:01 Resultado do código em HTML
13:05 Formulário no HTML
14:14 Agrupamentos no HTML (div)
16:20 Linkando o HTML com o CSS
17:22 Configurações padrões em HTML no CSS (seletor universal)
22:45 Estilizando os elementos (configurações da fonte)
24:30 Centralizar elementos (flexbox)
27:47 Flexbox Editor
31:48 Espaçamento interno no css (padding)
34:51 Arredondar elementos no CSS (border radius)
35:30 Barra no CSS (barra horizontal)
38:20 Estilização dos itens do formulário (flex editor)
46:45 Formatar botão no CSS (gradiente, borda, centralização)
53:23 Formatação dos inputs no CSS
55:04 Formatação de âncora no CSS
55:40 Imagem de fundo no CSS
58:20 Padding no body (maior responsividade)
59:09 Conclusão
#htmlecss #htmlcss #html #css #hashtagprogramacao
1:00:15
Criando seu Primeiro Projeto em HTML e CSS (Formulário de Login)
2:57:57
Criando seu Primeiro Projeto Front End do Zero (HTML, CSS e JavaScript)
1:25:20
Descubra Como Aprender a Programar e Criar Seu Primeiro Projeto em Pouco Tempo!
0:07:55
Criando seu primeiro projeto em Node.JS | INICIANTE
0:19:52
COMO CRIAR SEU PRIMEIRO PROJETO NO GITHUB
0:04:57
Como criar seu PRIMEIRO PROJETO no Java
0:08:35
Iniciando com Spring Boot: Criando seu Primeiro Projeto de API REST - Parte 1
0:08:48
Criando seu primeiro projeto em HTML - Curso de Introdução ao HTML 5
0:36:51
Criando projeto completo com HTML, CSS e JavaScript
0:06:57
Criando o Primeiro Projeto HTML
0:10:00
Criando primeiro Projeto em Spring Boot
0:26:51
Power BI - Criando seu Primeiro Projeto do Zero - PARTE 1
0:43:28
CRIANDO PROJETO DO ZERO COM REACTJS 🚀
0:11:59
Dicas PRECIOSAS para criar seu PORTFOLIO - o 1º projeto do DEV FRONT END JUNIOR
0:15:14
Power BI - Criando seu Primeiro Projeto do Zero - PARTE 2
0:05:15
Três maneiras diferentes de criar seu primeiro projeto com Quarkus
0:04:02
Começando no Delphi? Vamos criar seu primeiro projeto juntos!
0:05:42
Como criar seu primeiro projeto em Java no Netbeans
0:08:03
Criando e Executando o Primeiro Projeto [ Curso C ] - Aula 02
0:00:15
Programador criando o primeiro projeto #programação #developer #desenvolvedor #aplicativo
0:06:31
COMO CRIAR SEU PRIMEIRO PROJETO DE PROGRAMAÇÃO
0:41:14
ReactJS para Desenvolvedores Iniciantes - Conceitos Básicos e criando seu primeiro projeto ReactJs
0:28:01
Como criar o seu primeiro projeto com SQLite? Vamos DESVENDAR o SQLite passo a passo!
0:01:00
🚀 Criando Seu Primeiro Projeto React Native! 📱✨ #ReactNative #DesenvolvimentoDeApps
Комментарии