Crear un Formulario de Login con HTML y CSS - Desarrollo Web

[@jaredsilva7162]

Excelente vídeo, explicas muy bien. Solo como retro recuerda que es "olvidaste" y no "olvidastes".

[@pikaritos1742]

seas mamon

[@Cryker_sns]

Seas mamón nadie es perfecto

[@wilfranmahecha3384]

Señor vi tu video hace un año y gracias a ti me gradue XD TE AMOOOO

[@RogerNatividadDev]

Me alegro.

[@juanosojkar]

Muchas gracias fue de gran utilidad ... bien explicado

[@RogerNatividadDev]

@@juanosojkar de nada crack. Saludos 💪

[@jhonbedoya1597]

Amigo me ha encntado, gracias por compartir.

[@RogerNatividadDev]

Me alegro que te aya servido Saludos crack

[@dariocaceres1973]

excelente video, la presentación y lo que aparece ahi sirve para otros proyectos. muchas gracias

[@RogerNatividadDev]

Me alegro que le aya servido 💪🏻

[@franciscorondon1114]

Hola, la verdad que tu formulario esta excelente, felicitaciones

[@RogerNatividadDev]

Me alegra que te aya servido crack Saludos 🙌🏻

[@claudiosepulveda9310]

Muchas gracias Roger, muy útil.

[@RogerNatividadDev]

Saludos crack

[@juancarlos599]

excelente video y la explicacion clara, tengo una pregunta ¿como hacer que el formulario se ubique en el lado derecho parte superior , le aplico margin top y margin right y no se mueve podrias ayudarme, gracias

[@eduardpenmar]

Creo que eso lo haces en el body

[@Alejandra....]

hola, una pregunta, estoy haciendolo, pero aunq segui cada paso no me sale con el style q le coloco .¿Que puedo hacer?

[@RogerNatividadDev]

Fíjate bien la ruta del archivo .css pero también tienes el código fuente en el enlace de la descripción

[@Alejandra....]

@@RogerNatividadDev vale, muchas gracias bendiciones

[@RogerNatividadDev]

Si gustas inbox a mi fanpage y te ayudo

[@claramch1]

Muchas gracias, lo hice y quedó muy bien. Gracias

[@isaif5859]

1:29, una pregunta por que no agregas la ñ, hay algún problema si cela coloco, acabo de terminar el video del formulario y me quedo muy bien gracias, espero puedas responder mi pregunta :3

[@RogerNatividadDev]

Para contenido de una web puedes usar la ñ Pero para nombre como nombre del archivo la ñ no s valido Saludos

[@olmangiron4224]

Hola amigo buenas tardes te saludo desde honduras

[@everadairgarciajahen9873]

Crea una página de inicio de sesión donde el usuario pueda ingresar su nombre de usuario y contraseña. Luego, verifica si las credenciales ingresadas coinciden con los datos almacenados en una base de datos MySQL. Si las credenciales son correctas, redirige al usuario a una página de bienvenida. Si las credenciales son incorrectas, muestra un mensaje de error al usuario y permite que vuelva a intentar ingresar su nombre de usuario y contraseña. Alguien me puede ayudar

[@RogerNatividadDev]

Ahí entra un tema de backend creando Apis

[@samurimochi5015]

pasame tu código we

[@samurimochi5015]

por favor

[@samurimochi5015]

no we, ya no

[@juanjoseurzualizama1247]

Hola compa, muy buen video, quería consultar, luego de realizar este login/register la persona que llena los datos se le redirige de nuevo a la página como tal? En mi caso estoy trabajando con google sites

[@RogerNatividadDev]

Depende si trabajas con un lenguaje de lado del servidor puedes programar un mensaje de confirmación de registro o lo rediccionas al Home. Peor Google site es parte G suite. Debe tener un servicio como servidor de backenf

[@willitech8079]

Google sites te limita mucho, no te dejará poner css

[@haise-swr4868]

Gracias por la practica me sirvio para entender mas la estructura del logeo sin uso de js

[@RogerNatividadDev]

De nada crack

[@juandavidagudelo2804]

Hola que tal, gran video amigo muy clara la explicacion, tengo una duda ¿el login es responsive?

[@monicazaruma9867]

Disculpe el codigo hago en html o en el blog de notas de la compu porfavor responda no me ignore 😢

[@RogerNatividadDev]

Hola puedes ver el código fuente en link de la descripción

[@samurimochi5015]

excelente vidio, siga asi

[@RogerNatividadDev]

Gracias saludos crack

[@nicolasignacioloyolarivas4781]

me ha servido mucho!! muchas gracias!!

[@RogerNatividadDev]

Me alegro que te aya servido

[@marlonbarrero4365]

hola gracias por el video pero tengo varias dudas ojala respondieras y me pudieras dar al menos una

[@RogerNatividadDev]

Hola, claro adelante consulta lo que tengas dudas

[@WendyHernandez-zn6ig]

gran video

[@RogerNatividadDev]

Me alegro que te aya servido el video tutorial 😎🫶📲❤️

[@greiberfaria1561]

Excelente bro, muchas gracias !!

[@davidatanacio6807]

en esa pantalla no vi donde dirigirme para poder registrarme. o lo pase por alto?

[@RogerNatividadDev]

Tienes que usar backend

[@vichy13]

gracias! es bueno aprender con css solamente

[@RogerNatividadDev]

Me alegro que te aya servido. Saludos

[@danielciprianogarcia3235]

podras realizar un video con la continuacion, me refiero o programarlo, porfavor

[@RogerNatividadDev]

Próximo estimado la continuidad Saludoss

[@niggeljkd]

Hola gracias por el video,tienes algun tuto que explique como consultar y enviar datos de una base de datos alojada en sql server desde un web form ??si no lo tienes me puedes sugerir uno,saludos

[@RogerNatividadDev]

Hola pronto subiré nuevos contenidos de BackEnd.

[@niggeljkd]

@@RogerNatividadDev Gracias estare atento saludos

[@olmangiron4224]

@@RogerNatividadDev cuanto cobra por ayudarme a hacer un formulario de gestion de usuarios q vaya vínculo a una base de datos

[@ositosyt9016]

Hola. Disculpa la información que se pone ahi a donde se va.?

[@RogerNatividadDev]

Tienes que validar y capturar esos datos y verificar con alguien lenguaje de backend el acceso

[@ositosyt9016]

Podrías. Hacer un video sobre eso por favor.?

[@Ivaan_511]

Eres un crac😃😃😃

[@biotegrox3936]

es adaptable a dispositivos moviles?

[@RogerNatividadDev]

En este caso agregas medias queries de CSS

[@Fwdario]

si quiero que lo envie a algun lado como lo hago? por ejemplo a un mail ?

[@RogerNatividadDev]

Ahí tendría que usar un lenguaje de lado de backend

[@Jessims4]

como hago un formulario así, en el google sites?? esque alli solo me deja escribir el html pero no me sale nada para el CSS

[@RogerNatividadDev]

Google site tienes limitaciones

[@TeoRosalesLV]

Medio tarde pero yo uso VSC y la parte de margin y eso no me la toma y me tira error, ¡¿Qué puedo hacer?!

[@RogerNatividadDev]

Verifica que este vinculado tu hoja de estilo. tienes de refrencia el código fuente en la descripción. saludos

[@kamado1831]

buen vídeo ¿¿¿pero como hago para centrar el /inicio de seccion/???

[@RogerNatividadDev]

Si te refieres centrar tanto verticalmente y horizontal puedes usar Flexbox o CSS grid

[@jpvazgarrow4868]

por que las letras no se me ponen de colores

[@RogerNatividadDev]

Verifica la ruta al CSS

[@ruthpaolaramirezcapillo6733]

hola, como haces para que al mismo tiempo te aparezca tu hoja quevas editando?

[@RogerNatividadDev]

Haber uso el editor Atom, con el plugin HTML-PREVIE. instalado todo eso te aparecear

[@kevynalejandrocortesclavij2843]

Esto se puede conectar a SQL y MySQL?

[@RogerNatividadDev]

Así es entra la parte de backend como php o Python y más

[@faustinozerpa9942]

Quiero crear un sistema de rastreo de envíos o paquetería...tienes algún tutorial?

[@RogerNatividadDev]

Seria hacer un tutorial para Android pero tienes que tener conceptos base de la Arquitectura en Android, antatomia, los API Rest, bRODcast Reciver y mas

[@faustinozerpa9942]

@@RogerNatividadDev por q? Lo necesito para incorporarlo a un sitio web

[@oscarmedina4683]

buenas tardes , soy nuevo en esto .. con que software estas creando los archivos CSS..??

[@RogerNatividadDev]

Ahí uso el editor ATOM

[@oscarmedina4683]

@@RogerNatividadDev muchas gracias ...otra pregunta para accesar dicha pagina html via remota pero dentro del red como lo acceso..??'

[@RogerNatividadDev]

Usa el editor visual studio codr instala Live server te permite acceder de forma local

[@InkisidorDlq]

Bro solo una duda, segui tus pasos pero el cuadro en si me sale transparente no tiene un fondo solido como a ti

[@RogerNatividadDev]

Bro el fondo es una imagen. Descargada pero puedes descar el código en la descripción Saludos

[@InkisidorDlq]

@@RogerNatividadDev gracias amigo y si entiendo a lo que te refieres me refiero al cuadro en si gris donde estan los campos sale transparente y solo se mira la foto que yo puse fondo

[@RogerNatividadDev]

Fíjate la propiedad de CSS backeound de de los campos

[@ziskador]

Quedó excelente pero te olvidaste la etiqueta de form!

[@RogerNatividadDev]

Saludos crack 💪🏻

[@jaimem385]

Que tengo que descargar para poder hacer eso

[@RogerNatividadDev]

Para el editor se usa Visual Studio Code

[@nahiaraarodriguez2584]

Buenas como puedo hacer que el formulario se enlace con una pagina index para que cuando entren primero pidan un usuario y contraseña gracias .

[@RogerNatividadDev]

Lo puedes mostrar en un modal el formulario o redireccionarlo al formulario como página ahí capturas los datos de formulario y usas un lenguaje de backend como PHP para guardar esos dados

[@emelcastano]

tiene que crear una sision start

[@edgarraulaquisecuyo6839]

y donde se almacena los datos que se ingresen y como se hace ??

[@RogerNatividadDev]

Eso ya seria parte del backend en usar un lenguaje como PHP y base de datos como MySQL

[@edgarraulaquisecuyo6839]

@@RogerNatividadDev gracias

[@unpanditaequizo]

Exelente video

[@RogerNatividadDev]

Gracias 😊

[@TheHugitis]

Hay alguna forma de añadirlo a Google sites?

[@RogerNatividadDev]

En Google site tiene la opción de agregar tu bloque de código HTML

[@TheHugitis]

@@RogerNatividadDev hola, lo he intentado y no me deja. No se si hay alguna solución

[@edgarflores935]

despues como le agrego una conexion a base de datos

[@RogerNatividadDev]

Tienes que usar un lenguaje del Backend y haces la conexion.

[@LuixTec]

existe alguna forma de evitar que se salten este login los usuarios que ingresen a mi página una vez y luego ya conozcan el enlace directo?

[@RogerNatividadDev]

Claro si usas sesiones en en algún le guaje de programación del servidor .

[@LuixTec]

@@RogerNatividadDev ponme un ejemplo por favor, tendrás código para incrustar en mi servidor?

[@keipito09]

hola, ahora como puedo añadir usuarios y sus contraseñas?? excelente video

[@RogerNatividadDev]

Tendrias que usar algún lenguaje del backend como una base de datos como MySQL

[@saulmartinezjimenez5766]

en que plataforma estas trabajando?

[@RogerNatividadDev]

Visual studio code

[@agatatour1822]

donde ingreso los codigos?

[@RogerNatividadDev]

El enlace en la descripción.

[@merkinsondavidporrassilver5513]

Alguien puede colaborar en como puedo poner el usuario y contraseña pero encima del logo... gracias

[@bryanvargas191]

hola que tal como se llama ese editor

[@RogerNatividadDev]

Uso el editor Atom

[@gines427]

amigo hice el login y formulario en html y css, pero como hago para que esos usuarios queden registrados en mi website? y puedan registrarse e ingresar

[@RogerNatividadDev]

Tendrías que usar algún lenguaje del lado del servidor como php y guardarlo en la base de datos

[@gines427]

@@RogerNatividadDev tendrías un tutorial o una guía de como gacerlo? Te súper agradecería,

[@gines427]

Y otra pregunta, al hacer eso con php, puedo usar estos formularios? Son bonitos

[@RogerNatividadDev]

@@gines427 bueno busca en KZbin registrar datos con php y puedes usar estos diseños de formularios. Saludos

[@gines427]

@@RogerNatividadDev estuve viendo varios y un poco los entendí, recomiendas algún en específico?

[@GeinerSb]

Cuando agrego la imagen se me repite que podrá ser?

[@RogerNatividadDev]

Agrega ésto. Background-repeat: no-repeat;

[@jaimem385]

Como creo una estructura básica HTML 5?

[@RogerNatividadDev]

Si usas VSC pones HTML:5 y le das la tecla Tab.

[@jaimem385]

@@RogerNatividadDev muchas gracias

[@bryanvallejo5226]

amigo el boton de ingresar dejo de ser un boton xd

[@etnadiaz1745]

llevo 2 horas haciendo esta mierda y cuando paso a css nunca me funciona

[@RogerNatividadDev]

Tienes que vincular tu HTML con el css. También tiene el enlace del código fuente

[@benitoeduardorodriguezazco9944]

falta la funcionalidad deverias hacer un video

[@RogerNatividadDev]

Subire como el vídeo de registrar a la base de datos.

[@LeyendasPorEquipo]

y el java scripts

[@RogerNatividadDev]

Te refieres al JavaScript

[@88angelpunk]

olvidastes... XD es mi tipo de turtorial XD

[@RogerNatividadDev]

Saludos crack

[@Abeluky]

solo no me quiso tomar la imagen de fondo

[@RogerNatividadDev]

Fíjate la ruta de la imagen. También tienes el código fuente.en la descripción. SALUDOS

[@nordic5272]

Es "olvidaste" y no "olvidastes"

[@RogerNatividadDev]

Gracias crack

[@davidsornoza1567]

Como puedo compartir el link?

[@RogerNatividadDev]

Pues ver el enlace del código fuente