Como poner contraseña a una pagina web html

Sitio web seguro con contraseña

El sitio está actualmente escrito en CSS y HTML, y eso es también el alcance de mis conocimientos de codificación por desgracia. He visto algunos sitios en los que la gente utilizaba código PHP, pero cada vez que lo intentaba me salía una página en blanco o no funcionaba correctamente, o no pasaba nada cuando introducía la contraseña.Tampoco ha habido ninguna instrucción detallada realmente buena al respecto, así que nunca sé dónde se supone que debo poner el código PHP (¿va en su propia página o está integrado?) o cómo conectarlo a la página web real.

La verdad es que no tiene que ser nada fantástico, porque mucha de la gente que va a ver este sitio es gente que no tiene muchos conocimientos de informática, sólo un simple cuadro de formulario con un campo de contraseña. Lo mejor sería que hubiera un código que pudiera poner directamente en el HTML de la página. Si tengo que hacer una página HTML aparte tampoco me importa hacerlo. Habrá una contraseña dada a los vendedores para que puedan acceder a las páginas privadas mientras están en el camino desde sus portátiles o tabletas.

Contraseña de sitio web html

Tengo una serie de páginas web interconectadas, y quiero restringir el acceso a estas páginas pidiendo al usuario que proporcione un nombre de usuario y una contraseña. Sin embargo, mi cuenta de alojamiento actualmente no proporciona ninguna facilidad para el scripting del lado del servidor – ¿hay alguna manera de que pueda lograr este objetivo utilizando sólo scripts del lado del cliente?

Algunos usuarios aquí han sugerido utilizar un enfoque basado en la encriptación para la protección de la contraseña del lado del cliente. Yo también necesitaba esta funcionalidad, así que la implementé yo mismo. La contraseña se convierte en hash usando PBKDF2 y luego se usa para encriptar la página con AES256.

Si hubiera una y sólo una contraseña para TODOS, podrías intentar un enfoque de clave pública. Podrías proporcionar un sencillo script para realizar el descifrado RSA (necesitarías hacer el cifrado original en algún lugar donde tengas acceso a algún tipo de software de programación). Entonces, podrías suministrar el contenido como una cadena encriptada. Mostrarías un cuadro de contraseña, el usuario escribiría la contraseña, entonces la cadena sería descifrada de acuerdo con la contraseña. Si la contraseña es correcta, la cadena se descifrará correctamente, y la página se mostrará. De lo contrario, la página se verá como un montón de basura. Pero ten cuidado, porque este método del lado del cliente sería muy vulnerable a la fuerza bruta.

Proteger la url con contraseña

En este artículo te voy a explicar las distintas formas de proteger una página web o un directorio de los bots de la web y de los visitantes ocasionales. Tenga en cuenta que esto no es para proteger las páginas de información de tarjetas de crédito o cualquier información valiosa.

Del lado del servidor, puedes escribir una simple página de formulario con un nombre de usuario y una contraseña. Incluso puede almacenar el nombre de usuario y las contraseñas en la base de datos y recuperarlos para comprobar cuando el formulario de inicio de sesión se publica para el inicio de sesión con éxito.

A continuación, puede crear cualquier número de nombres de usuario y contraseñas necesarios y almacenarlos como un archivo htpasswd en la ubicación no fácilmente accesible por los usuarios en el espacio web.  Los archivos htpasswd pueden generarse fácilmente con herramientas de generación de contraseñas htpasswd en línea.

Sube el .htaccess a la raíz de tu Web o al directorio que querías proteger, guarda el htpasswd en una zona no fácilmente accesible por los usuarios, y ya está. Cada vez que acceda a su sitio web se le pedirá un login.

Protección de WordPress El administrador de WordPress ofrece por defecto opciones para proteger con contraseña una página.  En la sección de visibilidad en el lado derecho, tienes la opción de proteger con contraseña una página e introducir la contraseña necesaria para la protección y publicar tu página. Y ya está.

Html css contraseña proteger la página

Cuando hago clic en alguna imagen de mi sitio, quiero que me pida una contraseña y compruebe si es correcta. Si se introduce la contraseña correcta, entonces ir al sitio. Pero soy bastante nuevo en la creación de sitios. Soy consciente de que el código de la página web es de código abierto. Sólo hay que inspeccionar el elemento y boom. Así que este código de protección de contraseña que se me ocurrió es bastante inútil.

Consejo rápido: si nunca has oído hablar de un archivo .htaccess tendrás que crear uno en el directorio de tu index.html y añadir el código para habilitar php. El siguiente enlace le mostrará lo que debe escribir en el archivo para habilitarlo en su servidor web.

Con un poco de preprocesamiento, si quieres mantener todo del lado del cliente, puedes encriptar tu página web con una clave simétrica, digamos AES, y ponerla en la web pública. No hay verificación de contraseñas del lado del servidor.

Como referencia, si quieres ver una posible implementación, escribí un simple PoC usando la librería crypto-js mostrando esa idea (StatiCrypt), donde puedes hacer el pre-procesamiento y encriptar tu página con una solicitud de contraseña.