HTML & CSS - 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: https://dlp.hashtagtreinamentos.com/html-css/espera/impressionador?origemurl=hashtag_yt_org_listaesperahc_9xh-CHyjNYc PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS: https://pages.hashtagtreinamentos.com/inscricao-minicurso-basico-html-css2?origemurl=hashtag_yt_org_minihtmlcss_9xh-CHyjNYc ----------------------------------------------------------------------- ► Arquivos Utilizados no Vídeo: https://pages.hashtagtreinamentos.com/arquivo-htmlcss-1sseskzjprklsgfvsasq3oc3hqyiqb2_c?origemurl=hashtag_yt_org_planilhahc_9xh-CHyjNYc ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/formulario-de-login-em-html-e-css ----------------------------------------------------------------------- PARA CONTRATAR A HASHTAG PARA SUA EMPRESA: https://www.hashtagtreinamentos.com/treinamentos-corporativos?fonte=yt ----------------------------------------------------------------------- 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 https://www.youtube.com/watch?v=vtX9BzESWnQ&list=PLpdAy0tYrnKwmcenKePWr9TQ9deRanAr7&pp=iAQB ► Como Baixar e Configurar o VSCode para HTML e CSS https://youtu.be/WyXcfCPlIlk ----------------------------------------------------------------------- Hashtag Programação ► Inscreva-se em nosso canal: http://bit.ly/3c0LJQi ► Ative as notificações (clica no sininho)! ► Curta o nosso vídeo! ----------------------------------------------------------------------- Redes Sociais ► Blog: https://bit.ly/2MRUZs0 ► YouTube: http://bit.ly/3c0LJQi ► Instagram: https://bit.ly/3o6dw42 ► Facebook: http://bit.ly/3qGtaF2 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