Tela de login HTML e CSS Responsivo[PASSO A PASSO]

Подписаться 4,8 тыс.

Просмотров 4,6 тыс.

50% 1

Tela de login HTML e CSS Responsivo[PASSO A PASSO]
👉Clique Aqui: bit.ly/334OGxc
🛑5 ERROS QUE UM INICIANTE COMETE QUANDO ESTUDA PROGRAMAÇÃO: bit.ly/ebook-5-erros-que-dev-...
Nesse vídeo você vai aprender a como criar uma tela de login responsiva com html e css, será uma tela de login em html e css muito simples com objectivo de melhorar os seu conhecimentos no desenvolvimento web front-end! Bora aprender como criar este formulário de login responsivo feito com html e css puro.
Para montar o nosso formulário de login em html e css precisamos criar uma pasta com o nome do nosso projecto e dentro dessa mesma pasta vamos colocar todos os arquivos necessários para a criação da tela de login que no nosso caso vão ser só imagens , arquivo html e arquivos css.
Então se quiser a aprender a como criar uma tela de login com html e css fique comigo até ao final e #maoNoCódico!
⚠Jamais Clique Aqui⚠: bit.ly/334OGxc
Link para baixar a imagem: drive.google.com/file/d/1bMSs...
❌Link Importante❌: bit.ly/334OGxc
=================Vídeos Relacionados====================
👉 Como Fazer uma LANDING PAGE RESPONSIVA SIMPLES com HTML E CSS: • Como Fazer uma LANDING...
👉 Como Criar uma Lista de tarefas(TodoList) com HTML CSS e JavaScript | Lista de tarefa em JavaScript: • Video
👉 Como Criar uma Tela de login HTML e CSS | Tela de Login Com HTML e CSS: • Como Criar uma Tela de...
👉 Como CRIAR um CARD de PERFIL Com HTM e CSS | CARD Com HTML e CSS: • Como CRIAR um CARD de ...
👉Como Fazer uma LANDING PAGE RESPONSIVA SIMPLES com HTML E CSS: • Como Fazer uma LANDING...
👉 Como Fazer MENU DROPDOWN Com HTML e CSS | Como criar Submenu em HTML e CSS: • Como Fazer MENU DROPDO...
==============CAPITULOS============================
00:00 Apresentação e INSCREVA-SE NO CANAL
00:27 Demo | Tela de login com html e css
01:31 Setup | html e css
02:00 Códico htm da tela da login
06:34 Códico css da tela de login
15:24 Responsivo da tela de login em html e css
===============👉Converse Comigo👈==================
⚡Instgram: / matheusmanuel.dev
⚡Github: github.com/matheusmanuel
=====👉Links Importantes👈=====
Se subescreva no Canal: / @matheusmanuel
🔥Me Ajude: bit.ly/334OGxc
Obrigado, 💕Matheus Manuel
#MatheusManuel #teladelogin #html #css

Наука

Опубликовано:

2 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 26

@MatheusManuel 2 года назад

⚠Jamais Clique Aqui⚠: bit.ly/334OGxc

@HectorRobertoVelasquez 11 месяцев назад

Parabéns, Matheus!!

@maicon484 2 года назад

Muito BOm Matheus

@MatheusManuel 2 года назад

Obrigado!

@sucessodosdeuses 2 года назад

Mano tua tela de login muito top de demais. Cara me ensina a fazer uma tela de login igual do github

@MatheusManuel 2 года назад

Boa ideia! vou pensar sobre o projecto

@larissakich 2 года назад

Parabéns 👏🏻 teu vídeo ficou muito bom, gostei desse login

@MatheusManuel 2 года назад

Muito obrigado 😋! Larissa kich eu conheço o seu canal, um dos seus vídeos já me ajudou muito obrigado pela ajuda e o conhecimento que você passou no vídeo

@adaopedro2544 2 года назад

Força, irmão angolano 💪 Vi correndo do Facebook depois do teu pedido de suporte no canal,

@MatheusManuel 2 года назад

Mano um obrigadão pois eu vou fazer sentir o nome de Angola

@jeffermarcelino 2 года назад

Hey Manuel, muito bom. Eu também sou adolescente e Desenvolvedor Frontend.

@MatheusManuel 2 года назад

Hey Jeffer Marcelino! pelos vistos começaste cedo. Continue assim e aprenda novas coisas a cada dia

@tiagoroque3665 2 года назад

Estou a começar agora nesta área pretendo estuda-la e você me ajudou muito amei! grande vídeo!! Abraço de Portugal!

@MatheusManuel 2 года назад

Irmão fica feliz em saber que o mu vídeo te ajudou Tiago! Nunca pare de estudar e nunca pare de aprender programação, sucesso pra você!! Mega abraços

@43MegaDark 2 года назад

Muito bom!

@MatheusManuel 2 года назад

Mano muito obrigado pela ajuda que você tem dado no canal! Nunca pare de estudar

@Gabriel.Oliveira.Tech. 2 года назад

Parabéns pelo Vídeo, gostei muito. Um feedback para você, aconselho coloca em algumas partes do vídeo (nas partes mais importante ), um texto simples explicando as etapas do processo de criação. Para pessoal saber o que você estar fazendo em cada parte.

@MatheusManuel 2 года назад

Muito obrigado pelo feedback difícil encontrar pessoas assim vou trabalhar nisso e espero que gostem! Bons estudos e sucesso

@85dansurf Год назад

Fiquei com uma dúvida, com qual largura ( width ) ficou o .container .login-form, seria a metade ( 425px )? Já que o body ( pai ) tem max-width: 850px que não ultrapassa esse valor, e o container da img ficou com width:50%? Se for esse o raciocino, por exemplo > dentro de um container, eu coloco um valor fixo da largura, e dentro dele tenho duas div´s, se eu colocar um valor "apenas em uma div " de 50% ou qualquer valor, que não seja 100% pois tenha outra para dividir, a outra div vai ocupar o resto no auto por que ela é uma display block por padrão que vai ocupar toda largura, sem a necessidade de colocar o valor, é isso mesmo?

@Moral12321 2 года назад

gostei muito dos conteúdo do seu canal sou novato e muito curioso sobre o assunto estou criando um site mais minha parte de menu com botão, quando click no menu ele aparelho por trás do login ou cadastro nao consigo acessar o meno quando to navegando no login ou cadastro porque o menu responsivo fica por trás teria alguma dica para me ajudar? muito obrigado

@MatheusManuel 2 года назад

Uma das formas de resolver esse problema é aplicando um position: relative e depois aplicar um z-index: 100; 100 para que ele fique acima de alguns elementos da página, espero ter ajudado! Caso não ajude comente de volta ou me chame no Instagram para que eu te ajude

@Moral12321 2 года назад

@@MatheusManuel vlws muito obrigado vou fazer o teste!

@mundodigital467 Год назад

Ola. preciso de um srcipt para fazer uma ação: __ Tenho uma lista com 9 nomes de gmails. __ Tenho um comando script que acrescenta um novo nome a esta lista ao final dela. __ Preciso de umas mudanças... __ Tenho interesse que, ao clicar em cadastrar o novo nome, que o comando criasse um pop-up com os nomes dos ultimos 8 ja da lista existentes, ou seja se o primeiro. __ E que tanto a existente quanto a nova ocultasse sempre os 2 ultimos nomes deixando visivel apenas 7 nomes. __ Junto no pop-up, o campo para digitar o novo nome, que ao digitar e aceitar este nome apareça ao final da lista, mas como ocultyo. __ E após o acrescimo aparecesse um botão salvar. __ Ao salvar, que aparecesse a opção de aceitar na conta google. e aparecesse o login do proprio usuario , e se tivesse em anonimo aparecesse a opção de colocar conta google. _ e quye tambem com as informações que ira salvar em sua conta drive a nova pagina. __ E aparecesse a opção de criar um nome para a pagina. (nesta opção eu iria deixar a opção do nome que ira colocar mas o usuario teria que copiar e colar com o final pondo "/ mais onome do login dela sem o @gmail" . __ se possivel finalissasse com o link da nova pagina para ser copiado ou compartilhado.

@MatheusManuel Год назад

Olá 👋 Amigo! Eu não estou entendendo muito bem esse problema, mas eu entendi que isso é algo parecido com um crud ou gerenciamento de dados! Será que podes explicar por partes para nós entendemos melhor o problema! O que vamos fazer primeiro?

@mundodigital467 Год назад

@@MatheusManuel mas eu já deixei em partes. Separei cada parte por travessão na ordem de como preciso. E tipo uma fila de chamada. A lista contém email no lugar de nome. E o novo usuário vão cadastrar o seu. Porém fazendo isto o nome será inserido numa nova página. Seria a cópia da mesma lista com a alteração. Coçando o dele no final e apagando o primeiro.